From 446094d8d55a75029abb164de73d904a09e112ec Mon Sep 17 00:00:00 2001
From: yuweiqi <yu.weiqi@ebiz-fooge.com>
Date: Mon, 29 Jun 2020 15:04:08 +0800
Subject: [PATCH] =?UTF-8?q?[FIX]=E3=80=90=E5=95=86=E5=93=81=E5=95=86?=
 =?UTF-8?q?=E5=9F=8E=E3=80=91=E8=AF=A6=E6=83=85=E9=A1=B5=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/product-store/StoreDetail.vue | 30 +++++++++-----------
 1 file changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/views/ebiz/product-store/StoreDetail.vue b/src/views/ebiz/product-store/StoreDetail.vue
index 0415dcf11..3a975384d 100644
--- a/src/views/ebiz/product-store/StoreDetail.vue
+++ b/src/views/ebiz/product-store/StoreDetail.vue
@@ -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;
     }
   }
 }