hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-10 08:06:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

[FIX]【商品商城】详情页样式调整

Browse Source
This commit is contained in:
yuweiqi
2020-06-29 15:04:08 +08:00
parent 3162dc7404
commit 446094d8d5
1 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/ebiz/product-store/StoreDetail.vue
View File

@@ -4,12 +4,11 @@
<div v-if="isWeixin">
<van-notice-bar wrapable :scrollable="false" text="温馨提示：您即将离开本站，访问的链接来源于第三方网站，可能存在风险，请谨慎操作！" />
</div>
<div class="img-store">
<div class="img-store clearfix">
<div><img :src="$assetsUrl + detail.topImgUrl" alt="" width="100%" /></div>
<div><img :src="$assetsUrl + detail.middleImgUrl" alt="" width="100%" /></div>
<div class="mindle-img" :style="{ 'background-color': detail.color }"><img :src="$assetsUrl + detail.middleImgUrl" alt="" width="100%" /></div>
<div class="bottom-img">
<img :src="$assetsUrl + detail.footerImgUrl" alt="" width="100%" />
<div v-if="isWeixin">
<van-field
v-model="loginInfo.aname"
@@ -31,9 +30,9 @@
placeholder="请输入"
clearable
/>
<van-button v-if="isWeixin" type="danger" @click="check" v-no-more-click="1000">查看</van-button>
<van-button v-else type="danger" @click="forward" v-no-more-click="1000">一键转发</van-button>
</div>
<van-button v-if="isWeixin" type="danger" @click="check" v-no-more-click="1000">查看</van-button>
<van-button v-else type="danger" @click="forward" v-no-more-click="1000">一键转发</van-button>
</div>
</div>
</div>
@@ -53,7 +52,7 @@ export default {
data() {
let isWeixin = this.$utils.device().isWeixin //判断环境
return {
bgc: '', //
// bgc: '', //
isWeixin, //是否在微信
mallId: '', //商城id
shareId: '', //分享id
@@ -100,11 +99,11 @@ export default {
await this.getShopList({ id: this.mallId })
window['appCallBack'] = this.appCallBack
document.getElementsByTagName('body')[0].style.backgroundColor = this.detail.color
this.bgc = document.getElementsByTagName('body')[0].style.backgroundColor
// this.bgc = document.getElementsByTagName('body')[0].style.backgroundColor
},
destroyed() {
// document.getElementsByTagName('body')[0].classList.remove('bg-white')
document.getElementsByTagName('body')[0].style.backgroundColor = this.bgc
// document.getElementsByTagName('body')[0].style.backgroundColor = this.bgc
},
methods: {
//获取商城详情
@@ -177,22 +176,19 @@ export default {
/deep/.van-field__label {
width: 40%;
}
.img-store > div {
float: left;
width: 100%;
}
.img-store {
height: 100%;
img {
display: block;
}
/deep/.van-button {
width: 100%;
}
.bottom-img {
display: block;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 999;
.mindle-img {
height: 75vh;
}
}
}