lcw

src/components/aboutTable/PageTitle.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="pageTitle" :style="`margin-bottom: ${marginBottom}px;background-color: ${backgroundColor}`">
+  <div class="pageTitle" :style="`margin-bottom: ${marginBottom}px;margin-top: ${marginTop}px;background-color: ${backgroundColor};height: ${height}px;`">
     <div class="title">
       <ul class="flex" v-if="Array.isArray(title)">
         <li :class=" idx == active ? 'hedBtn':''" @click="handleBtn(it,idx)" class="pointer ml10 mr10" v-for="(it,idx) in title" :key="it">{{ it }}</li>
       </ul>
       <div class="font" v-else>{{ title }}</div>
-      <div class="ml30">
+      <div :style="`margin-left: ${ malginLeft==0?30:malginLeft}px`">
         <slot name="left"></slot>
       </div>
     </div>
@@ -28,15 +28,28 @@ defineProps({
   marginBottom: {
     type: Number,
     default: 0
+  },
+    malginLeft: {
+    type: Number,
+    default: 0
   },
   active: {
     type: Number,
     default: 0
   },
+  marginTop: {
+    type: Number,
+    default: 0
+  },
   backgroundColor: {
     type: String,
     default: "rgb(255, 255, 255, 0)"
+  },
+  height: {
+    type: Number,
+    default: 52
   }
+
 });
 
 const emit = defineEmits(["update:active","change"]);
@@ -47,7 +60,7 @@ const handleBtn = (it, idx) => {
 };
 
 </script>
- 
+
 <style lang = "scss" scoped>
 .pageTitle {
   width: 100%;
@@ -55,7 +68,7 @@ const handleBtn = (it, idx) => {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  min-height: 52px;
+  min-height: 30px;
   .title {
     display: flex;
     margin: auto 0;
@@ -71,4 +84,4 @@ const handleBtn = (it, idx) => {
     color: #0072ff;
   }
 }
-</style>
+</style>