Browse Source

我的收藏 查看商家信息。

yangc 8 years ago
parent
commit
c086b595ed

+ 21 - 0
assets/scss/mobileCommon.scss

@@ -1,3 +1,24 @@
+html,body{
+  overflow: hidden; /*手机上写overflow-x:hidden;会有兼容性问题,如果子级如果是绝对定位有运动到屏幕外的话ios7系统会出现留白*/
+  -webkit-overflow-scrolling:touch; /*流畅滚动,ios7下会有滑一下滑不动的情况,所以需要写上*/
+}
+input {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+element {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  user-select: none;
+}
+element {
+  -webkit-touch-callout: none;
+}
+element {
+  -webkit-tap-highlight-color:rgba(255,255,255,0)
+}
 .mobile-modal {
   position: fixed;
   top: 0;

+ 1 - 1
components/mobile/store/StoreDetail.vue

@@ -259,7 +259,7 @@
     .store-description {
       background: #f7f7f7;
       position: fixed;
-      top: 5.06rem;
+      top: 5.1rem;
       width: 100%;
       bottom: 1rem;
       p {

+ 3 - 1
pages/mobile/search/_keycode.vue

@@ -287,8 +287,10 @@
         position: relative;
         img {
           position: absolute;
-          left: -1.32rem;
+          left: -1.28rem;
           top: .24rem;
+          width: 3.8rem;
+          height: .11rem;
         }
       }
       .brand-list{

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

@@ -26,6 +26,7 @@
         <div class="list-item-phone">
           <p>电话:<span>{{item.storeInfo.enterprise.enTel}}</span></p>
           <p>传真:<span>{{item.storeInfo.enterprise.enFax}}</span></p>
+          <p>联系商家:<a @click="selectStoreInfo(item, $event)">点击查看</a></p>
           <i class="iconfont icon-shoucang" @click="cancelFocus('store', item, $event)"></i>
         </div>
       </div>
@@ -49,6 +50,17 @@
       <nuxt-link to="/">返回首页</nuxt-link>
     </div>
     <remind-box :title="collectResult" :timeoutCount="timeoutCount"></remind-box>
+    <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 v-if="checkInfo(storeInfo.enAddress || storeInfo.address)">商家地址:{{storeInfo.enAddress || storeInfo.address}}</div>
+          <div class="content-line link-url">在线咨询</div>
+          <div v-if="checkInfo(storeInfo.enTel)">致电:<a href="tel:0755-96586323" class="content-line link-url">{{storeInfo.enTel}}</a></div>
+          <div v-if="checkInfo(storeInfo.enEmail)">邮件:<a href="mailto:yrsc@usoftchina.com" class="content-line link-url">{{storeInfo.enEmail}}</a></div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -67,7 +79,9 @@
         isShop: true,
         isDevice: true,
         collectResult: '取消成功',
-        timeoutCount: 0
+        timeoutCount: 0,
+        showStoreInfo: false,
+        storeInfo: {}
       }
     },
     components: {
@@ -147,6 +161,14 @@
         } else {
           return '抱歉,暂无收藏记录'
         }
+      },
+      selectStoreInfo: function (store, event) {
+        event.stopPropagation()
+        this.storeInfo = store.storeInfo.enterprise || {}
+        this.showStoreInfo = true
+      },
+      checkInfo: function (str) {
+        return str && str.trim() !== ''
       }
     },
     computed: {