名片查询图片修改

src/modules/query/components/BusinessCardQuery.vue

@@ -18,7 +18,8 @@ onMounted(() => {
   getUserInfo()
 })
 // 名片图片
-const imgUrl = ref('')
+const imgUrl1 = ref('')
+const imgUrl2 = ref('')
 // 获取用户信息
 function getUserInfo() {
   api.getUserInfo().then(res => {
@@ -35,14 +36,15 @@ function handleSubmit() {
   }
   api.getBussinessCard(params).then(res => {
     console.log(res, '0000')
-    imgUrl.value = res.data.url
+    imgUrl1.value = res.data.url.jpg1
+    imgUrl2.value = res.data.url.jpg2
   })
 }
 </script>
 
 <template>
   <div class="main_content">
-    <van-form v-if="imgUrl === ''">
+    <van-form v-if="imgUrl1 === ''">
       <van-cell-group inset>
         <van-field
           v-model="userInfo.name"
@@ -98,9 +100,11 @@ function handleSubmit() {
     </van-form>
     <div v-else>
       <div class="main_content_card">
-        <img :src="imgUrl" alt="" />
+        <!-- <div class="img">{{ imgUrl }}</div> -->
+        <img :src="imgUrl1" alt="" />
+        <img :src="imgUrl2" alt="" class="imgUrl2" />
       </div>
-      <div class="main_content_bottom"></div>
+      <!-- <div class="main_content_bottom"></div> -->
     </div>
   </div>
 </template>
@@ -111,20 +115,25 @@ function handleSubmit() {
   border-radius: 0.2rem;
   .main_content_card {
     margin: 0.83rem 0.38rem 0 0.34rem;
-    background-color: red;
+    background: #ffffff;
+
+    // background-color: red;
     img {
       width: 100%;
       display: block;
     }
+    .imgUrl2 {
+      margin-top: 0.66rem;
+    }
   }
-  .main_content_bottom {
-    width: 100%;
-    height: 3.28rem;
-    display: block;
-    margin-top: 0.66rem;
-    background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/prp_h5/card_img.png) no-repeat;
-    background-size: 100% 100%;
-  }
+  // .main_content_bottom {
+  //   width: 100%;
+  //   height: 3.28rem;
+  //   display: block;
+  //   margin-top: 0.66rem;
+  //   background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/prp_h5/card_img.png) no-repeat;
+  //   background-size: 100% 100%;
+  // }
 }
 ::v-deep .van-button {
   font-size: 0.28rem;