Browse Source

增加商家简介页面

wangcz 8 years ago
parent
commit
fc40f8755a

+ 1 - 1
components/mobile/MobileHeader.vue

@@ -59,7 +59,7 @@
   @import '~assets/scss/mobileCommon';
   @import '~assets/scss/mobileCommon';
   .mobile-header{
   .mobile-header{
     width:100%;
     width:100%;
-    position:fixed;
+    position:relative;
     top:0;
     top:0;
     z-index:10000;
     z-index:10000;
     height:.88rem;
     height:.88rem;

+ 45 - 0
pages/mobile/merchantDescription/_uuid.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="merchant-description">
+    <div>
+      <h5>{{description.storeName}}</h5>
+      <p>{{description.description}}</p>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    layout: 'main',
+    fetch ({ store, params }) {
+      return Promise.all([
+        store.dispatch('shop/findStoreInfoFromUuid', params)
+      ])
+    },
+    computed: {
+      description () {
+        return this.$store.state.shop.storeInfo.store.data
+      }
+    }
+  }
+</script>
+<style scoped>
+  .merchant-description{
+    width:100%;
+  }
+  .merchant-description div{
+    width:6.5rem;
+    margin:0 auto;
+    padding-top:.75rem;
+  }
+  .merchant-description div h5{
+    text-align: center;
+    font-size: .32rem;
+    margin:0;
+  }
+  .merchant-description div p{
+
+    font-size:.32rem;
+    line-height: .4rem;0
+    margin:0;
+    margin-top: .46rem;
+  }
+</style>

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

@@ -14,7 +14,7 @@
         <div class="list-item-phone">
         <div class="list-item-phone">
           <p>电话:<span>{{item.enterprise.enTel}}</span></p>
           <p>电话:<span>{{item.enterprise.enTel}}</span></p>
           <p>传真:<span>{{item.enterprise.enFax}}</span></p>
           <p>传真:<span>{{item.enterprise.enFax}}</span></p>
-          <p>商家介绍: <a href="#">点击查看</a></p>
+          <p>商家介绍: <nuxt-link :to="'/mobile/merchantDescription/'+item.uuid">点击查看</nuxt-link></p>
           <i class="iconfont icon-shoucang"></i>
           <i class="iconfont icon-shoucang"></i>
         </div>
         </div>
       </div>
       </div>

+ 2 - 2
pages/mobile/user/_uuid.vue

@@ -6,7 +6,7 @@
       <span>全部收藏 <i class="iconfont icon-jiantoushang"></i></span>
       <span>全部收藏 <i class="iconfont icon-jiantoushang"></i></span>
     </div>
     </div>
     <div class="shop-list">
     <div class="shop-list">
-      <h3>{{}}</h3>
+      <h3>{{1213}}</h3>
       <div class="list-item">
       <div class="list-item">
         <div class="item-img">
         <div class="item-img">
           <i></i>
           <i></i>
@@ -15,7 +15,7 @@
         <div class="list-item-phone">
         <div class="list-item-phone">
           <p>电话:<span>0755-1234567</span></p>
           <p>电话:<span>0755-1234567</span></p>
           <p>传真:<span>0755-1234567</span></p>
           <p>传真:<span>0755-1234567</span></p>
-          <p>商家介绍: <a href="#">点击查看</a></p>
+          <p>商家介绍: <nuxt-link to="/">点击查看</nuxt-link></p>
           <i class="iconfont icon-shoucang"></i>
           <i class="iconfont icon-shoucang"></i>
         </div>
         </div>
       </div>
       </div>