Pārlūkot izejas kodu

Merge remote-tracking branch 'origin/feature/yc-mobile-1020' into feature/wangcz-mobile-1020

wangcz 8 gadi atpakaļ
vecāks
revīzija
3275826b70

+ 1 - 1
app.html

@@ -6,7 +6,7 @@
   <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/element-ui/1.3.7/theme-default/index.css"/>
   <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_0d1jjt5tukcblnmi.css"/>
   <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.css"/>
-  <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_452262_vito22cq6ncanhfr.css">
+  <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_452262_bvleafgkx64xi529.css">
   {{ HEAD }}
   <script>
     (function (w, d) {

+ 15 - 3
components/mobile/Home.vue

@@ -1,5 +1,15 @@
 <template>
   <div class="home">
+    <div class="mobile-modal" v-if="showStoreInfo">
+      <div class="mobile-modal-box">
+        <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>致电:<span class="content-line link-url">0755-96586323</span></div>
+        </div>
+      </div>
+    </div>
     <div class="home-header">
       <div class="home-search">
         <ul>
@@ -48,12 +58,12 @@
         </div>
         <p>我的收藏</p>
       </nuxt-link>
-      <nuxt-link to="/brand" class="home-main-content">
+      <a @click="showStoreInfo = true" class="home-main-content">
         <div>
           <img src="/images/mobile/@2x/home/phonebrand@2x.png">
         </div>
         <p>联系我们</p>
-      </nuxt-link>
+      </a>
     </div>
     <div class="home-search-list" v-if="associate && keyword">
       <div>
@@ -86,7 +96,8 @@
       return {
         keyword: '',
         activeType: 'model',
-        associate: ''
+        associate: '',
+        showStoreInfo: false
       }
     },
     props: {
@@ -118,6 +129,7 @@
 </script>
 
 <style lang="scss" scoped>
+  @import '~assets/scss/mobileCommon';
   .home{
     margin-top: .88rem;
     font-size:.28rem;

+ 2 - 3
components/mobile/brand/BrandDetail.vue

@@ -203,15 +203,14 @@
     margin-bottom: .98rem;
     text-align: center;
     .brand-logo {
-      text-align: center;
       height: 2.21rem;
-      line-height: 2.21rem;
       width: 3.73rem;
       display: inline-block;
       border: .01rem solid #e75610;
       margin: .38rem auto;
       img {
-        max-height: 2.21rem;
+        max-height: 2.17rem;
+        margin-top: .01rem;
       }
     }
     .brand-switch-item {

+ 3 - 2
components/mobile/brand/ComponentDetail.vue

@@ -78,7 +78,7 @@
       <div v-if="!storeList.content || storeList.content.length == 0" class="no-store">
         <img src="/images/mobile/@2x/car@2x.png" alt="">
         <div>抱歉,暂无商家出售此型号!</div>
-        <div>您可前往<a href="www.usoftmall.com" class="link-url">www.usoftmall.com</a>网页版进行“发布求购”或“产品上架”操作!</div>
+        <div>您可前往<a href="http://www.usoftmall.com" class="link-url">www.usoftmall.com</a>网页版进行“发布求购”或“产品上架”操作!</div>
       </div>
     </div>
   </div>
@@ -168,7 +168,8 @@
     margin-top: .88rem;
     margin-bottom: .98rem;
     .base-detail {
-      margin: .34rem .66rem .34rem .40rem;
+      margin: 0 .66rem .34rem .40rem;
+      padding-top: .34rem;
       .base-detail-item {
         margin-bottom: .3rem;
         &:last-child {