默认提交

@@ -5,6 +5,12 @@ import {
 } from '@/api/fetch-api.js'
 
 export default {
+  props: {
+    store: {
+      type: Object,
+      default: {}
+    },
+  },
   data() {
     return {
       key: 'value'

 @import '@/styles/_support';
 
-.comp{
+.comp {}
 
-}
-
-.contact-us-comp{
+.contact-us-comp {
   @extend .bb;
   padding: 64px 54px;
   width: 588px;
@@ -13,31 +11,48 @@
   background-color: #ffffff;
 }
 
-.shop{
-  &-tit{
+.shop {
+  &-tit {
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
+
   &-icon {
     width: 120px;
     height: 120px;
     border-radius: 120px;
     border: solid 1px #333333;
   }
-  &-desc{
+
+  &-desc {
     margin-top: 4px;
+
+    .t1 {
+      display: flex;
+
+      .label {
+        width: 84px;
       }
 
-  &-qrcode{
+      .val{
+        flex: 1;
+        text-align: left;
+      }
+    }
+
+  }
+
+  &-qrcode {
     text-align: center;
     margin-top: 48px;
-    .qr{
+
+    .qr {
       width: 240px;
     }
   }
 
-  &-tips{
+  &-tips {
     margin-top: 24px;
     text-align: center;
     color: #909090;

@@ -3,16 +3,25 @@
   <div class="comp contact-us-comp">
     <div class="shop">
       <div class="shop-tit">
-        <div class="cTitle">宝汇珠宝有限公司</div>
-        <img class="shop-icon" src="https://kd.cdn.xyiyang.com/pro/zlzm/8dd50cc01c03400fb567fd165ddd5016.jpg" alt="">
+        <div class="cTitle">{{store.storeName}}</div>
+        <img class="shop-icon" :src="store.logoImage" alt="">
       </div>
       <div class="shop-desc">
-        <div class="t1">电话：15818886669</div>
-        <div class="t1">地址：天河中山大道西</div>
-        <div class="t1">邮箱：88866999@qq.com</div>
+        <div class="t1">
+          <div class="label">电话：</div>
+          <div class="val">{{store.storeMobile}}</div>
+        </div>
+        <div class="t1">
+          <div class="label">地址：</div>
+          <div class="val">{{store.storeAddress}}</div>
+        </div>
+        <div class="t1">
+          <div class="label">邮箱：</div>
+          <div class="val">{{store.email}}</div>
+        </div>
       </div>
       <div class="shop-qrcode">
-        <img class="qr" src="@/assets/images/temp/qrcode.png" alt="">
+        <img class="qr" :src="store.qrcodeImage" alt="">
       </div>
       <div class="shop-tips">
         <div class="t1">长按识别以上微信二维码<br>添加店铺为好友即可进行询价</div>

@@ -46,7 +46,7 @@
       </div>
     </div>
     <van-popup v-model="contactUsVisible">
-      <contact-us-comp></contact-us-comp>
+      <contact-us-comp :store="store"></contact-us-comp>
     </van-popup>
   </div>
 </template>