Skip to content

dev / baohui-jewelry-pro

Go to a project
Toggle navigation
Toggle navigation pinning
9d6b20a0 by simon
Options

默认提交

1 parent c5645636
Inline Side-by-side
Showing 4 changed files with 47 additions and 17 deletions
...@@ -5,6 +5,12 @@ import { ...@@ -5,6 +5,12 @@ import {
5 } from '@/api/fetch-api.js' 5 } from '@/api/fetch-api.js'
6 6
7 export default { 7 export default {
8 props: {
9 store: {
10 type: Object,
11 default: {}
12 },
13 },
8 data() { 14 data() {
9 return { 15 return {
10 key: 'value' 16 key: 'value'
......
1 @import '@/styles/_support'; 1 @import '@/styles/_support';
2 2
3 .comp{ 3 .comp {}
4 4
5 } 5 .contact-us-comp {
6
7 .contact-us-comp{
8 @extend .bb; 6 @extend .bb;
9 padding: 64px 54px; 7 padding: 64px 54px;
10 width: 588px; 8 width: 588px;
...@@ -13,31 +11,48 @@ ...@@ -13,31 +11,48 @@
13 background-color: #ffffff; 11 background-color: #ffffff;
14 } 12 }
15 13
16 .shop{ 14 .shop {
17 &-tit{ 15 &-tit {
18 display: flex; 16 display: flex;
19 justify-content: space-between; 17 justify-content: space-between;
20 align-items: center; 18 align-items: center;
21 } 19 }
20
22 &-icon { 21 &-icon {
23 width: 120px; 22 width: 120px;
24 height: 120px; 23 height: 120px;
25 border-radius: 120px; 24 border-radius: 120px;
26 border: solid 1px #333333; 25 border: solid 1px #333333;
27 } 26 }
28 &-desc{ 27
28 &-desc {
29 margin-top: 4px; 29 margin-top: 4px;
30
31 .t1 {
32 display: flex;
33
34 .label {
35 width: 84px;
30 } 36 }
31 37
32 &-qrcode{ 38 .val{
39 flex: 1;
40 text-align: left;
41 }
42 }
43
44 }
45
46 &-qrcode {
33 text-align: center; 47 text-align: center;
34 margin-top: 48px; 48 margin-top: 48px;
35 .qr{ 49
50 .qr {
36 width: 240px; 51 width: 240px;
37 } 52 }
38 } 53 }
39 54
40 &-tips{ 55 &-tips {
41 margin-top: 24px; 56 margin-top: 24px;
42 text-align: center; 57 text-align: center;
43 color: #909090; 58 color: #909090;
......
...@@ -3,16 +3,25 @@ ...@@ -3,16 +3,25 @@
3 <div class="comp contact-us-comp"> 3 <div class="comp contact-us-comp">
4 <div class="shop"> 4 <div class="shop">
5 <div class="shop-tit"> 5 <div class="shop-tit">
6 <div class="cTitle">宝汇珠宝有限公司</div> 6 <div class="cTitle">{{store.storeName}}</div>
7 <img class="shop-icon" src="https://kd.cdn.xyiyang.com/pro/zlzm/8dd50cc01c03400fb567fd165ddd5016.jpg" alt=""> 7 <img class="shop-icon" :src="store.logoImage" alt="">
8 </div> 8 </div>
9 <div class="shop-desc"> 9 <div class="shop-desc">
10 <div class="t1">电话：15818886669</div> 10 <div class="t1">
11 <div class="t1">地址：天河中山大道西</div> 11 <div class="label">电话：</div>
12 <div class="t1">邮箱：88866999@qq.com</div> 12 <div class="val">{{store.storeMobile}}</div>
13 </div>
14 <div class="t1">
15 <div class="label">地址：</div>
16 <div class="val">{{store.storeAddress}}</div>
17 </div>
18 <div class="t1">
19 <div class="label">邮箱：</div>
20 <div class="val">{{store.email}}</div>
21 </div>
13 </div> 22 </div>
14 <div class="shop-qrcode"> 23 <div class="shop-qrcode">
15 <img class="qr" src="@/assets/images/temp/qrcode.png" alt=""> 24 <img class="qr" :src="store.qrcodeImage" alt="">
16 </div> 25 </div>
17 <div class="shop-tips"> 26 <div class="shop-tips">
18 <div class="t1">长按识别以上微信二维码<br>添加店铺为好友即可进行询价</div> 27 <div class="t1">长按识别以上微信二维码<br>添加店铺为好友即可进行询价</div>
......
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
46 </div> 46 </div>
47 </div> 47 </div>
48 <van-popup v-model="contactUsVisible"> 48 <van-popup v-model="contactUsVisible">
49 <contact-us-comp></contact-us-comp> 49 <contact-us-comp :store="store"></contact-us-comp>
50 </van-popup> 50 </van-popup>
51 </div> 51 </div>
52 </template> 52 </template>
......