updates

src/modules/query/components/CertificateQuery.vue

@@ -81,20 +81,27 @@ function handleOther() {
         /> -->
         <van-field
           v-model="FormInfo.code"
-          center
+          :center="true"
           clearable
           label="验证码"
           placeholder="请输入验证码"
           :rules="[{ required: true, message: '请输入验证码' }]"
         >
           <template #button>
-            <van-button size="small" type="primary" round block @click="getCode" :disabled="isDisposed">{{
-              isDisposed ? `${time}s后重新获取` : '获取验证码'
-            }}</van-button>
+            <van-button
+              class="btn_code"
+              size="small"
+              type="default"
+              round
+              block
+              @click="getCode"
+              :disabled="isDisposed"
+              >{{ isDisposed ? `${time}s后重新获取` : '获取验证码' }}</van-button
+            >
           </template>
         </van-field>
       </van-cell-group>
-      <div style="margin-top: 0.93rem">
+      <div class="btn_query">
         <van-button
           round
           block
@@ -115,11 +122,16 @@ function handleOther() {
 </template>
 <style lang="scss" scoped>
 .main_content {
-  // width: 6.9rem;
   height: 8.02rem;
-  padding: 0.23rem 0.3rem 0 0.3rem;
+  padding-top: 0.53rem;
   background: #ffffff;
   border-radius: 0.2rem;
+  .btn_query {
+    padding: 0.23rem 0.3rem 0 0.3rem;
+  }
+  .btn_code {
+    background-color: rgb(3, 57, 116);
+  }
   .main_content_card {
     .main_content_card_img {
       width: 100%;
@@ -148,17 +160,8 @@ function handleOther() {
     font-weight: 400;
     color: #ffffff;
   }
-  .van-field__control {
-    margin-left: -0.4rem !important;
+  .van-field__label {
+    width: 1.2rem;
   }
-  // .van-cell {
-  //   padding: var(--van-cell-horizontal-padding);
-  // }
-  // :root {
-  //   --van-cell-horizontal-padding: var(--van-padding-md);
-  // }
-  // :root {
-  //   --van-padding-md: 7px !important;
-  // }
 }
 </style>

src/modules/query/components/LicenseeView.vue

@@ -18,10 +18,11 @@ const handleLicenseList = () => {
 }
 </script>
 <template>
-  <div class="main_content">
-    <div v-if="data.list.length > 0">
+  <div v-if="data.list.length > 0" class="main_content">
     <div class="main_content_list" v-for="(item, index) in data.list" :key="index">
-        <img class="img_top" :src="item.avatar" />
+      <div class="img_top">
+        <img class="img" :src="item.avatar" />
+      </div>
       <div class="img_bottom">
         <div class="img_bottom_people">{{ item.batch_name }}</div>
         <div class="img_bottom_name">{{ item.name }}</div>
@@ -31,32 +32,34 @@ const handleLicenseList = () => {
     </div>
   </div>
   <van-empty v-else description="暂无持证人" />
-  </div>
 </template>
 <style lang="scss" scoped>
 .main_content {
-  height: 8.02rem;
   padding: 0.23rem 0.31rem 0 0.31rem;
   background: #ffffff;
   border-radius: 0.2rem;
   display: flex;
   justify-content: space-around;
-  // align-items: center;
   flex-wrap: wrap;
 
   .main_content_list {
-    width: 45%;
-    height: 4.54rem;
     margin-top: 0.2rem;
     border-radius: 0.2rem;
     box-sizing: border-box;
 
     .img_top {
+      width: 3.04rem;
+      height: 3.6rem;
+      border-top-left-radius: 0.2rem;
+      border-top-right-radius: 0.2rem;
+      .img {
         width: 100%;
-      height: 2.6rem;
-      background: red;
+        height: 100%;
+        display: block;
         border-top-left-radius: 0.2rem;
         border-top-right-radius: 0.2rem;
+        object-fit: cover;
+      }
     }
     .img_bottom {
       height: 1.94rem;