搜索和店铺列表

components/mobile/MobileFooter.vue

@@ -1,8 +1,8 @@
 <template>
 <div class="mobile-footer">
-    <nuxt-link to="/provider"><i class="fa fa-camera-retro"></i><p>首页</p></nuxt-link>
-    <nuxt-link to="/provider"><i class="fa fa-camera-retro"></i><p>店铺</p></nuxt-link>
-    <nuxt-link to="/provider"><i class="fa fa-camera-retro"></i><p>我</p></nuxt-link>
+    <nuxt-link to="/"><i class="fa fa-camera-retro"></i><p>首页</p></nuxt-link>
+    <nuxt-link to="/mobile/shop"><i class="fa fa-camera-retro"></i><p>店铺</p></nuxt-link>
+    <nuxt-link to="/mobile/user"><i class="fa fa-camera-retro"></i><p>我</p></nuxt-link>
 </div>
 </template>
 <script>

components/mobile/common/intro.vue

@@ -0,0 +1,21 @@
+<template>
+<div class="intro">
+  <div class="intro-top">
+    <p><i></i><span>175</span>家店铺</p>
+  </div>
+  <shop-list></shop-list>
+</div>
+</template>
+
+<script>
+  import ShopList from '~components/mobile/common/shopList.vue'
+  export default {
+    components: {
+      ShopList
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

pages/mobile/shop/index.vue

@@ -0,0 +1,51 @@
+<template>
+  <div class="shop">
+    <div class="shop-top">
+      <p><i></i><span>175</span>家店铺</p>
+      <a href="#">全部</a>
+    </div>
+    <shop-list></shop-list>
+    <shop-list></shop-list>
+    <shop-list></shop-list>
+  </div>
+</template>
+
+<script>
+  import ShopList from '~components/mobile/common/shopList.vue'
+  export default {
+    layout: 'main',
+    components: {
+      ShopList
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .shop{
+    margin-top:1rem;
+    min-height: 10rem;
+    background: #e2e4e6;
+    .shop-top{
+      display:inline-flex;
+      justify-content: space-between;
+      align-items: center;
+      width:100%;
+      height:1.14rem;
+      padding:0 .3rem;
+      background:#fff;
+      p{
+        font-size:.24rem;
+        color:#000;
+        span{
+          font-size:.3rem;
+          color:#f94f28;
+          margin:0 .1rem;
+        }
+      };
+      a{
+        font-size:.28rem;
+      }
+    }
+  }
+
+</style>

pages/mobile/user/index.vue

@@ -0,0 +1,53 @@
+ <template>
+   <div class="user-content">
+     <div class="user-name">
+       <img src="/images/component/default.png"/>
+       <p>UU用户名</p>
+       <a href="#">全部收藏<i></i></a>
+     </div>
+     <shop-list></shop-list>
+     <shop-list></shop-list>
+     <shop-list></shop-list>
+   </div>
+</template>
+
+<script>
+  import ShopList from '~components/mobile/common/shopList.vue'
+  export default {
+    layout: 'main',
+    components: {
+      ShopList
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+.user-content{
+  margin-top:1rem;
+  min-height: 10rem;
+  background: #e2e4e6;
+  .user-name{
+    padding:.14rem .38rem .09rem .34rem;
+    background:#fff;
+    display:flex;
+    align-items: center;
+    width:100%;
+    img{
+      display: inline-block;
+      width:1.25rem;
+      height:1.25rem;
+      border:.04rem solid #c5dbfc;
+      border-radius: .05rem;
+    }
+    p{
+      font-size:.32rem;
+      margin:0;
+      margin-left:.25rem;
+      flex:1;
+    }
+    a{
+      font-size:.32rem;
+    }
+  }
+}
+</style>