提交 修改

src/components/SeclectBox.vue

@@ -4,13 +4,14 @@
       <input type="checkbox" :value="i" name="" /><span>{{ i }}</span>
     </div>
     <UniversalButton
+    :margin="'0 0 0 0'"
       text="底图"
       :bgColor="'#1C3829D6'"
       :width="'100%'"
       :height="'5.6rem'"
       :border_radius="'0.996rem 0.996rem 0 0'"
       :Font_size="'3rem'"
-      :Border="'0px'"
+      :Border="'0'"
       :boxShadow="'inset 0 0 1.3rem 0 #64D195F0'"
     ></UniversalButton>
   </div>
@@ -23,6 +24,7 @@ const selectArray = ['显示行政区划', '2413', '660', '主要交通路网',
 
 <style scoped>
 .checkBox {
+
   border: 0.1rem solid #456655;
   border-radius: var(--border-radius);
   padding-top: 2.6rem;

src/components/UniversalButton.vue

@@ -2,31 +2,31 @@
   <button
     :style="{
       lineHeight: height,
-      justifyContent: justifyContent,
-      fontSize: Font_size,
-      width,
-      height,
-      background: bgColor,
-      borderRadius: border_radius,
-      border: Border,
-      boxShadow,
-      color,
+        justifyContent: justifyContent,
+        fontSize: Font_size,
+        width,
+        height,
+        background: bgColor,
+        borderRadius: border_radius,
+        border: Border,
+        boxShadow,
+        color,
       margin
     }"
   >
     <span
       v-if="image.src"
       :style="{
-        width: image.width,
-        height: image.height
-      }"
-    >
-      <img v-if="image.src" :src="image.src" alt="" />
-    </span>
-    <span :style="{ margin }">
-      {{ text }}
-    </span>
-  </button>
+            width: image.width,
+            height: image.height,
+
+        }">
+            <img v-if="image.src" :src="image.src" alt="">
+        </span>
+        <span :style="{ margin }">
+            {{ text }}
+        </span>
+    </button>
 </template>
 <script setup lang="ts">
 let x = defineProps({
@@ -83,7 +83,10 @@ let x = defineProps({
   margin: {
     type: String,
     default: '0 0 0 0'
-  }
+  },
+   lineHeight:{
+    type: String,
+    default: ''}
 })
 </script>
 <style scoped>

src/components/cartBoxTowContent.vue

@@ -137,9 +137,11 @@ defineProps({
 
     h6 {
       align-self: flex-end;
-      color: #ffffff;
-      font-size: 1rem;
+      color: #FFFFFF;
+      /* font-size: 1rem; */
       margin-left: 1rem;
+      font-size: 1.6rem;
+      font-weight: 200;
     }
   }
 }
@@ -157,11 +159,10 @@ footer {
 }
 
 .bg {
-border: 0px;
-border-radius: 4px;
-background-color: #142222;
-width: 100%;
-height: 100%;
-
+  border: 0px;
+  border-radius: 4px;
+  background-color: #142222;
+  width: 100%;
+  height: 100%;
 }
 </style>

src/components/ecologyTitle.vue

@@ -2,7 +2,7 @@
 const props = defineProps({
   data: {
     type: Object,
-    default: () => {}
+    default: () => { }
   },
   width: {
     type: String,
@@ -92,18 +92,19 @@ const props = defineProps({
     padding: 0.2rem;
     width: 9rem;
     height: 3.6rem;
-    border-radius: var(--border-radius);
-    background: linear-gradient(to right, #898888 0%, #73737300 100%);
+    border-radius: 1.75rem;
+    background: linear-gradient(to right, #a8a8a8 0%, #73737300 100%);
 
     .title1 {
       width: 100%;
       height: 100%;
-      border-radius: var(--border-radius);
+      border-radius: 1.75rem;
       opacity: 1;
       background: linear-gradient(to left, #73737300 0%, #366543 100%);
       display: flex;
       justify-content: center;
       align-items: center;
+      line-height: 3.6rem;
     }
   }
 }