|
|
|
@ -16,10 +16,10 @@ |
|
|
|
<!-- <refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"> --> |
|
|
|
<div class="carousel_box"> |
|
|
|
<div class="box-scan-one"> |
|
|
|
<span class="box-scan-text">扫一扫企业二维码</span> |
|
|
|
<span class="box-scan-text">扫一扫<br />企业二维码</span> |
|
|
|
</div> |
|
|
|
<div class="box-scan-two"> |
|
|
|
<span class="box-scan-text">即可查看企业信息</span> |
|
|
|
<span class="box-scan-text">即可查看<br />企业信息</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="boutique_box"> |
|
|
|
@ -27,11 +27,13 @@ |
|
|
|
<div class="boutique_body"> |
|
|
|
<!-- <goodsCard :goodsList="boutique" :cardAttr="boutiqueAttr"></goodsCard> --> |
|
|
|
<div class="box-qr-code" @click="toScanPageView"> |
|
|
|
<img src="../../assets/images/scan.png" /> |
|
|
|
<span class="box-qr-code-text">执法监督码</span> |
|
|
|
<!-- <img src="../../assets/images/scan.png" /> |
|
|
|
<span class="box-qr-code-text">执法监督码</span>--> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="nocode">没有企业码？手动输入关键词查询 >></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- <div class="recommend_box"> |
|
|
|
<van-cell :border="false" title="推荐" /> |
|
|
|
<div class="recommend_body"> |
|
|
|
@ -139,67 +141,62 @@ const goBack = () => { |
|
|
|
background-color: #f4f4f4; |
|
|
|
|
|
|
|
.warp_body { |
|
|
|
background-color: rgb(163, 156, 156); |
|
|
|
background-color: #fff; |
|
|
|
background-size: cover; |
|
|
|
position: relative; |
|
|
|
.carousel_box { |
|
|
|
position: relative; |
|
|
|
top: 2%; |
|
|
|
height: 150px; |
|
|
|
width: 100%; |
|
|
|
padding-bottom: 10px; |
|
|
|
position: relative; |
|
|
|
.box-scan-one{ |
|
|
|
background: url("/src/assets/images/scan-mean.jpg") no-repeat center center; |
|
|
|
background-size: 60%; |
|
|
|
opacity: 0.75; |
|
|
|
|
|
|
|
.box-scan-one , .box-scan-two{ |
|
|
|
position: absolute; |
|
|
|
top: 30%; |
|
|
|
left: 15%; |
|
|
|
font-size: 14px; |
|
|
|
background-color: beige; |
|
|
|
height: 100px; |
|
|
|
width: 30%; |
|
|
|
font-size: 0.4rem; |
|
|
|
color: #999; |
|
|
|
.box-scan-text{ |
|
|
|
margin-top: 70%; |
|
|
|
display: block; |
|
|
|
font-size: 12px; |
|
|
|
width: 100%; |
|
|
|
text-align: center |
|
|
|
} |
|
|
|
} |
|
|
|
.box-scan-two{ |
|
|
|
position: absolute; |
|
|
|
top: 30%; |
|
|
|
right: 15%; |
|
|
|
font-size: 14px; |
|
|
|
background-color: beige; |
|
|
|
height: 100px; |
|
|
|
width: 30%; |
|
|
|
.box-scan-text{ |
|
|
|
margin-top: 70%; |
|
|
|
display: block; |
|
|
|
font-size: 12px; |
|
|
|
width: 100%; |
|
|
|
text-align: center |
|
|
|
} |
|
|
|
left: auto; |
|
|
|
right: 12.5%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.boutique_box { |
|
|
|
position: absolute; |
|
|
|
position: relative; |
|
|
|
top: 10%; |
|
|
|
z-index: 100; |
|
|
|
width: 100%; |
|
|
|
bottom: 30%; |
|
|
|
|
|
|
|
.boutique_body { |
|
|
|
padding: 0px 0px 10px 0px; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
}; |
|
|
|
.box-qr-code{ |
|
|
|
width: 47%; |
|
|
|
width: 52%; |
|
|
|
text-align: right; |
|
|
|
height: 4.66667rem; |
|
|
|
background-color: var(--van-primary-color); |
|
|
|
border-radius: 0.26667rem; |
|
|
|
height: 7rem; |
|
|
|
//background-color: var(--van-primary-color); |
|
|
|
background: url("../../assets/images/scan-btn.jpg") no-repeat center center; |
|
|
|
background-size: 100%; |
|
|
|
// border-radius: 0.26667rem; |
|
|
|
// background-size: cover; |
|
|
|
border-radius: 50%; |
|
|
|
// border-radius: 50%; |
|
|
|
// background-image: url("@/assets/images/scan.png"); |
|
|
|
.box-qr-code-text{ |
|
|
|
margin-right: 25%; |
|
|
|
@ -253,4 +250,12 @@ const goBack = () => { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.nocode { |
|
|
|
width: 100%; |
|
|
|
color: #fb7905; |
|
|
|
font-size: 0.45rem; |
|
|
|
text-align: center; |
|
|
|
line-height: 3; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
