Przeglądaj źródła

测试问题修改,回到顶部按钮调整

yangc 8 lat temu
rodzic
commit
efb62fde0a

+ 0 - 7
assets/scss/mobileCommon.scss

@@ -190,10 +190,3 @@ input {
   -moz-appearance: none;
   appearance: none;
 }
-
-/*去除滚动条*/
-::-webkit-scrollbar {
-  display:none;
-  width:0;
-  height: 0;
-}

+ 19 - 18
components/mobile/Home.vue

@@ -5,7 +5,7 @@
         <div class="mobile-modal-header">联系方式<i @click="showStoreInfo = false" class="icon-guanbi iconfont"></i></div>
         <div class="mobile-modal-content">
           <div>商家地址:深圳市南山区英唐大厦6楼</div>
-          <div class="content-line link-url">在线咨询</div>
+         <!-- <div class="content-line link-url">在线咨询</div>-->
           <div>致电:<a href="tel:0755-96586323" class="content-line link-url">0755-96586323</a></div>
           <div>邮件:<a href="mailto:yrsc@usoftchina.com" class="content-line link-url">yrsc@usoftchina.com</a></div>
         </div>
@@ -40,22 +40,23 @@
           </div>
           <p>我的收藏</p>
         </nuxt-link>
+        <nuxt-link to="/mobile/brand/brandCenter/ABCD" class="home-main-content">
+          <div>
+            <!--<i class="icon-pinpai iconfont"></i>-->
+            <img src="/images/mobile/@2x/home/brand@2x.png" alt="">
+          </div>
+          <!--<h2>
+            {{numbrand[0]}}
+          </h2>-->
+          <p>品牌列表</p>
+        </nuxt-link>
         <a @click="showStoreInfo = true" class="home-main-content">
           <div>
             <img src="/images/mobile/@2x/home/phonebrand@2x.png">
           </div>
           <p>联系我们</p>
         </a>
-        <nuxt-link to="/mobile/brand/brandCenter/ABCD" class="home-main-content">
-          <div>
-            <i class="icon-pinpai iconfont"></i>
-          </div>
-          <h2>
-            {{numbrand[0]}}
-          </h2>
-          <p>品牌</p>
-        </nuxt-link>
-        <a class="home-main-content">
+        <!--<a class="home-main-content">
           <div>
             <i class="icon-xinghao iconfont"></i>
           </div>
@@ -72,7 +73,7 @@
             {{numbrand[2]}}
           </h2>
           <p>规格书</p>
-        </a>
+        </a>-->
       </div>
     </div>
     <main-search v-else @cancelSearchAction="onCancelSearch"></main-search>
@@ -149,9 +150,9 @@
 
 <style lang="scss" scoped>
   .home{
-    font-size:.28rem;
+    font-size: .28rem;
     background: #f7fbff;
-    margin-bottom:1rem;
+    margin-bottom: .96rem;
     .home-header{
       width:100%;
       height:6.12rem;
@@ -216,7 +217,7 @@
       height: 6.25rem;
     }
     .home-main a.home-main-content {
-      width:33%;
+      width:50%;
       margin-bottom:.52rem;
       display: inline-block;
     }
@@ -233,15 +234,15 @@
   .home-main .home-main-content div>i {
     font-size: .8rem;
   }
-  .home-main .home-main-content:nth-child(4) div>i {
+  .home-main .home-main-content:nth-child(3) div>i {
     color: #ff3064;
   }
-  .home-main .home-main-content:nth-child(5) div>i {
+  /*.home-main .home-main-content:nth-child(5) div>i {
     color: #fa6743;
   }
   .home-main .home-main-content:nth-child(6) div>i {
     color: #fcb836;
-  }
+  }*/
     .home-main .home-main-content p{
       font-size:.28rem;
       color:rgb(51,51,51);

+ 3 - 3
components/mobile/MobileFooter.vue

@@ -40,7 +40,7 @@
     methods: {
       onScroll () {
         let scrolled = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
-        if (scrolled > 0) {
+        if (scrolled > window.screen.availHeight) {
           this.hideToTop = false
         } else {
           this.hideToTop = true
@@ -89,12 +89,12 @@
     position: absolute;
     right: .1rem;
     top: -1rem;
-    background: #3e82f5;
+    background: rgba(0,0,0,.4);
     color: #fff;
     width: .88rem;
     height: .88rem;
     line-height: .88rem;
-    border-radius: .05rem;
+    border-radius: 100%;
   }
   .mobile-footer >a i{
     font-size: .46rem;

+ 1 - 1
pages/mobile/shop/index.vue

@@ -33,7 +33,7 @@
         <div class="mobile-modal-header">联系方式<i @click="showStoreInfo = false" class="icon-guanbi iconfont"></i></div>
         <div class="mobile-modal-content">
           <div v-if="checkInfo(enterpriseInfo.enAddress || enterpriseInfo.address)">商家地址:{{enterpriseInfo.enAddress || enterpriseInfo.address}}</div>
-          <div class="content-line link-url">在线咨询</div>
+          <!--<div class="content-line link-url">在线咨询</div>-->
           <div v-if="checkInfo(enterpriseInfo.enTel)">致电:<a :href="'tel:' + enterpriseInfo.enTel" class="content-line link-url">{{enterpriseInfo.enTel}}</a></div>
           <div v-if="checkInfo(enterpriseInfo.enEmail)">邮件:<a :href="'mailto:' + enterpriseInfo.enEmail" class="content-line link-url">{{enterpriseInfo.enEmail}}</a></div>
         </div>

+ 1 - 1
pages/mobile/user/index.vue

@@ -55,7 +55,7 @@
         <div class="mobile-modal-header">联系方式<i @click="showStoreInfo = false" class="icon-guanbi iconfont"></i></div>
         <div class="mobile-modal-content">
           <div v-if="checkInfo(storeInfo.enAddress || storeInfo.address)">商家地址:{{storeInfo.enAddress || storeInfo.address}}</div>
-          <div class="content-line link-url">在线咨询</div>
+          <!--<div class="content-line link-url">在线咨询</div>-->
           <div v-if="checkInfo(storeInfo.enTel)">致电:<a :href="'tel:' + storeInfo.enTel" class="content-line link-url">{{storeInfo.enTel}}</a></div>
           <div v-if="checkInfo(storeInfo.enEmail)">邮件:<a :href="'mailto:' + storeInfo.enEmail" class="content-line link-url">{{storeInfo.enEmail}}</a></div>
         </div>