小程序页面改动

miniapp/pages.json

@@ -107,6 +107,18 @@
         "navigationBarTitleText": "我的收藏",
         "enablePullDownRefresh": false
       }
+    }, {
+      "path": "pages/yuecai/search/index1",
+      "style": {
+        "navigationBarTitleText": "发现",
+        "enablePullDownRefresh": false
+      }
+    }, {
+      "path": "pages/yuecai/search/index2",
+      "style": {
+        "navigationBarTitleText": "搜索",
+        "enablePullDownRefresh": false
+      }
     }
   ],
   "globalStyle": {
@@ -132,7 +144,7 @@
       "iconPath": "@iconPath2",
       "selectedIconPath": "@selectedIconPath2",
       "text": "发现",
-      "pagePath": "pages/yuecai/dish/index"
+      "pagePath": "pages/yuecai/search/index1"
     }, {
       "iconPath": "@iconPath2",
       "selectedIconPath": "@selectedIconPath2",

miniapp/pages/yuecai/collection/index.vue

@@ -1,19 +1,15 @@
 <template>
   <view class="width-100 height-100 view-page">
-    <!-- <view class="p-10">
-      <u-search :clearabled="true" placeholder="请输入搜索关键字" v-model="keyword" :shape="square" search="doRefresh"
-        @custom="doRefresh"></u-search>
-    </view> -->
-    <u-list @scrolltolower="scrolltolower" height="calc(100% - 180px)" lowerThreshold="10">
-      <u-list-item v-for="(item, index) in list" :key="index">
-        <u-cell :title="item.name" @click="toDetail(item.id)">
-          <u-avatar slot="icon" shape="square" size="35" :src="item.cover"
-            customStyle="margin: -3px 5px -3px 0"></u-avatar>
-        </u-cell>
-      </u-list-item>
-      <u-loadmore :status="page.status" :loading-text="page.loadingText" :loadmore-text="page.loadmoreText"
-        :nomore-text="page.nomoreText" />
-    </u-list>
+    <u-tabs ref="tabs" :list="tabList" :scrollable="false" :current="currentTab" @change="tabChange" lineColor="#65371b"
+      :activeStyle="{color:'#65371b'}" inactiveStyle="{color:'#65371b'}"></u-tabs>
+    <view class="info-list">
+      <view class="info-item" v-for="(item, index) in 10" :key="index">
+        <view class="info-pic"></view>
+        <view class="info-title">
+          标题标题标题标
+        </view>
+      </view>
+    </view>
   </view>
 </template>
 
@@ -35,7 +31,15 @@
           nomoreText: '没有更多了'
         },
         keyword: '',
-        list: []
+        list: [],
+        tabList: [{
+          name: '名菜'
+        }, {
+          name: '名店',
+        }, {
+          name: '名点',
+        }],
+        currentTab: 0
       }
     },
     onLoad(options) {
@@ -78,7 +82,7 @@
           } else {
             this.page.status = 'loadmore'
           }
-        }).catch(e=> {
+        }).catch(e => {
           this.page.status = 'loadmore'
         })
       },
@@ -117,4 +121,73 @@
   .view-page {
     overflow: hidden;
   }
+
+  .info-list {
+    display: flex;
+    flex-wrap: wrap;
+
+    .info-item {
+      padding: 20rpx;
+      width: 33%;
+      box-sizing: border-box;
+
+      .info-pic {
+        margin: auto;
+        width: 175rpx;
+        height: 175rpx;
+        background: bisque;
+      }
+
+      .info-title {
+        color: #65371b;
+        font-size: 24rpx;
+        font-weight: 300;
+        line-height: 47rpx;
+        word-spacing: 2rpx;
+        overflow: hidden;
+        text-overflow: -o-ellipsis-lastline;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 1;
+        line-clamp: 3;
+        -webkit-box-orient: vertical;
+      }
+    }
+  }
+
+  .info-list {
+    display: flex;
+    flex-wrap: wrap;
+
+    .info-item {
+      padding: 20rpx;
+      width: 33%;
+      box-sizing: border-box;
+
+      .info-pic {
+        margin: auto;
+        width: 175rpx;
+        height: 175rpx;
+        background: bisque;
+      }
+
+      .info-title {
+        text-align: center;
+        color: #65371b;
+        font-size: 24rpx;
+        font-weight: 300;
+        line-height: 47rpx;
+        word-spacing: 2rpx;
+        overflow: hidden;
+        text-overflow: -o-ellipsis-lastline;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 1;
+        line-clamp: 3;
+        -webkit-box-orient: vertical;
+      }
+    }
+  }
 </style>

miniapp/pages/yuecai/dish/index.vue

@@ -1,11 +1,26 @@
 <template>
   <view class="width-100 height-100 view-page">
-    <u-swiper :list="bannerList" @click="clickInfo" keyName="cover"></u-swiper>
-    <view class="p-10">
-      <u-search :clearabled="true" placeholder="请输入搜索关键字" v-model="keyword" :shape="square" search="doRefresh"
-        @custom="doRefresh"></u-search>
+    <view class="p-10 dis-flex flex-y-center flex-x-between">
+      <view class="search-left-btn">
+        <u-image width="35px" height="35px" mode="aspectFit" src="@/static/images/home/logo.png"></u-image>
+      </view>
+      <view class="width-100">
+        <u-search :clearabled="true" height="35px" placeholder="请输入搜索关键字" v-model="keyword" shape="round"
+          search="doSearch" @custom="doSearch" :showAction="false" bg-color="#e9f0f8"
+          placeholder-color="#65371b"></u-search>
+      </view>
     </view>
-    <u-list @scrolltolower="scrolltolower" height="calc(100% - 180px)" lowerThreshold="10">
+    <u-tabs ref="tabs" :list="tabList" :scrollable="false" :current="currentTab" @change="tabChange" lineColor="#65371b"
+      :activeStyle="{color:'#65371b'}" inactiveStyle="{color:'#65371b'}"></u-tabs>
+    <view class="info-list">
+      <view class="info-item" v-for="(item, index) in 10" :key="index">
+        <view class="info-pic"></view>
+        <view class="info-title">
+          标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
+        </view>
+      </view>
+    </view>
+    <!-- <u-list @scrolltolower="scrolltolower" height="calc(100% - 180px)" lowerThreshold="10">
       <u-list-item v-for="(item, index) in list" :key="index">
         <u-cell :title="item.name" @click="toDetail(item.id)">
           <u-avatar slot="icon" shape="square" size="35" :src="item.cover"
@@ -14,7 +29,7 @@
       </u-list-item>
       <u-loadmore :status="page.status" :loading-text="page.loadingText" :loadmore-text="page.loadmoreText"
         :nomore-text="page.nomoreText" />
-    </u-list>
+    </u-list> -->
   </view>
 </template>
 
@@ -36,7 +51,15 @@
           nomoreText: '没有更多了'
         },
         keyword: '',
-        list: []
+        list: [],
+        tabList: [{
+          name: '名菜'
+        }, {
+          name: '名店',
+        }, {
+          name: '名点',
+        }],
+        currentTab: 0
       }
     },
     onShow() {
@@ -45,6 +68,9 @@
       this.doRefresh();
     },
     methods: {
+      tabChange(index) {
+        this.current = index;
+      },
       clickInfo(index) {
         if (index < 0) {
           return;
@@ -106,4 +132,39 @@
   .view-page {
     overflow: hidden;
   }
+
+  .info-list {
+    display: flex;
+    flex-wrap: wrap;
+
+    .info-item {
+      padding: 20rpx;
+      width: 33%;
+      box-sizing: border-box;
+
+      .info-pic {
+        margin: auto;
+        width: 175rpx;
+        height: 175rpx;
+        background: bisque;
+      }
+
+      .info-title {
+        text-align: center;
+        color: #65371b;
+        font-size: 24rpx;
+        font-weight: 300;
+        line-height: 47rpx;
+        word-spacing: 2rpx;
+        overflow: hidden;
+        text-overflow: -o-ellipsis-lastline;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 1;
+        line-clamp: 3;
+        -webkit-box-orient: vertical;
+      }
+    }
+  }
 </style>

miniapp/pages/yuecai/home/index.vue

@@ -1,28 +1,39 @@
 <template>
   <view class="width-100 height-100 view-page">
     <view class="p-10 dis-flex flex-y-center flex-x-between">
-      <view class="icon-circle search-left-btn"></view>
+      <view class="search-left-btn">
+        <u-image width="35px" height="35px" mode="aspectFit" src="@/static/images/home/logo.png"></u-image>
+      </view>
       <view class="width-100">
-        <u-search :clearabled="true" placeholder="请输入搜索关键字" v-model="keyword" :shape="square" search="doSearch"
-          @custom="doSearch" :showAction="false"></u-search>
+        <u-search :clearabled="true" height="35px" placeholder="请输入搜索关键字" v-model="keyword" shape="round"
+          search="doSearch" @custom="doSearch" :showAction="false" bg-color="#e9f0f8"
+          placeholder-color="#65371b"></u-search>
       </view>
     </view>
     <u-swiper height="185" :list="bannerList" @click="clickInfo" keyName="cover"></u-swiper>
     <view class="p-l-r-30 p-t-30 dis-flex flex-x-around nav-btns">
       <view class="nav-btn">
-        <view class="nav-btn-icon icon-circle"></view>
+        <view class="nav-btn-icon icon-circle">
+          <u-image width="32px" height="32px" mode="aspectFit" src="@/static/images/home/professional.png"></u-image>
+        </view>
         <view class="nav-btn-text">专业风采</view>
       </view>
       <view class="nav-btn">
-        <view class="nav-btn-icon icon-circle"></view>
+        <view class="nav-btn-icon icon-circle">
+          <u-image width="28px" height="28px" mode="aspectFit" src="@/static/images/home/dish.png"></u-image>
+        </view>
         <view class="nav-btn-text">名菜</view>
       </view>
       <view class="nav-btn">
-        <view class="nav-btn-icon icon-circle"></view>
+        <view class="nav-btn-icon icon-circle">
+          <u-image width="28px" height="28px" mode="aspectFit" src="@/static/images/home/snacks.png"></u-image>
+        </view>
         <view class="nav-btn-text">名点</view>
       </view>
       <view class="nav-btn">
-        <view class="nav-btn-icon icon-circle"></view>
+        <view class="nav-btn-icon icon-circle">
+          <u-image width="28px" height="28px" mode="aspectFit" src="@/static/images/home/restaurant.png"></u-image>
+        </view>
         <view class="nav-btn-text">名店</view>
       </view>
     </view>
@@ -34,8 +45,10 @@
             标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
           </view>
           <view class="dis-flex info-bottom">
-            <view>10月07日</view>
-            <view>点赞</view>
+            <view style="margin-right: 20rpx;">10月07日</view>
+            <u-icon name="thumb-up" color="#7f7f7f" size="18"></u-icon>
+            <view style="margin-right: 20rpx;">点赞</view>
+            <u-icon name="eye" color="#7f7f7f" size="18"></u-icon>
             <view>阅读量</view>
           </view>
         </view>
@@ -87,19 +100,23 @@
 
 <style scoped lang="scss">
   .search-left-btn {
-    min-width: 28px;
-    height: 28px;
+    width: 35px;
+    min-width: 35px;
+    height: 35px;
     margin-right: 5px;
     box-sizing: border-box;
   }
 
   .icon-circle {
     border-radius: 50%;
-    border: 1rpx solid #787878;
+    border: 4rpx solid #65371b;
+    display: flex;
+    justify-content: center;
+    align-items: center;
   }
 
   .nav-btns {
-    border-bottom: 1rpx solid #787878;
+    border-bottom: 1rpx solid #65371b;
     margin-bottom: 20rpx;
     padding-bottom: 50rpx;
 
@@ -114,6 +131,9 @@
 
       .nav-btn-text {
         width: 100%;
+        color: #65371b;
+        margin-top: 5rpx;
+        font-weight: bolder;
         text-align: center;
       }
     }
@@ -124,15 +144,20 @@
       padding: 20rpx;
 
       .info-pic {
-        width: 160rpx;
-        height: 160rpx;
+        width: 175rpx;
+        height: 175rpx;
         background: bisque;
       }
 
       .info-view {
-        width: calc(100% - 180rpx);
+        width: calc(100% - 195rpx);
 
         .info-title {
+          color: #65371b;
+          font-size: 24rpx;
+          font-weight: 300;
+          line-height: 47rpx;
+          word-spacing: 2rpx;
           overflow: hidden;
           text-overflow: -o-ellipsis-lastline;
           overflow: hidden;
@@ -144,7 +169,8 @@
         }
 
         .info-bottom {
-          color: #787878;
+          color: #7f7f7f;
+          font-size: 24rpx;
           margin-top: 10rpx;
         }
       }

miniapp/pages/yuecai/search/index1.vue

@@ -0,0 +1,155 @@
+<template>
+  <view class="width-100 height-100 view-page">
+    <view class="p-10 dis-flex flex-y-center flex-x-between">
+      <view class="search-left-btn">
+        <u-image width="35px" height="35px" mode="aspectFit" src="@/static/images/home/logo.png"></u-image>
+      </view>
+      <view class="width-100">
+        <u-search :clearabled="true" height="35px" placeholder="请输入搜索关键字" v-model="keyword" shape="round"
+          search="doSearch" @custom="doSearch" :showAction="false" bg-color="#e9f0f8"
+          placeholder-color="#65371b"></u-search>
+      </view>
+    </view>
+    <u-swiper height="185" :list="bannerList" @click="clickInfo" keyName="cover"></u-swiper>
+    <u-tabs ref="tabs" :list="tabList" :scrollable="false" :current="currentTab" @change="tabChange" lineColor="#65371b"
+      :activeStyle="{color:'#65371b'}" inactiveStyle="{color:'#65371b'}"></u-tabs>
+    <view class="info-list">
+      <view class="info-item" v-for="(item, index) in 10" :key="index">
+        <view class="info-pic"></view>
+        <view class="info-title">
+          标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import themeMixins from '@/pages/yuecai/mixins/themeMixins.js';
+  export default {
+    mixins: [themeMixins],
+    data() {
+      return {
+        chartOption: {
+
+        },
+        keyword: '',
+        bannerList: [],
+        page: {},
+        list: [],
+        tabList: [{
+          name: '专业风采'
+        }, {
+          name: '名菜'
+        }, {
+          name: '名店',
+        }, {
+          name: '名点',
+        }],
+        currentTab: 0
+      }
+    },
+    onLoad(options) {},
+    onShow() {
+      this.getBanners()
+    },
+    methods: {
+      tabChange(index) {
+        this.current = index;
+      },
+      getBanners() {
+        this.$u.api.getInformationList(0, 6, {}).then(res => {
+          this.bannerList = res.data.records || []
+        })
+      },
+      clickInfo(index) {
+        if (index < 0) {
+          return;
+        }
+        uni.navigateTo({
+          url: "/pages/yuecai/information/detail/index?id=" + this.bannerList[index].id,
+        })
+      },
+      doSearch() {
+
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .search-left-btn {
+    width: 35px;
+    min-width: 35px;
+    height: 35px;
+    margin-right: 5px;
+    box-sizing: border-box;
+  }
+
+  .icon-circle {
+    border-radius: 50%;
+    border: 4rpx solid #65371b;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .nav-btns {
+    border-bottom: 1rpx solid #65371b;
+    margin-bottom: 20rpx;
+    padding-bottom: 50rpx;
+
+    .nav-btn {
+      width: 150rpx;
+
+      .nav-btn-icon {
+        margin: auto;
+        width: 110rpx;
+        height: 110rpx;
+      }
+
+      .nav-btn-text {
+        width: 100%;
+        color: #65371b;
+        margin-top: 5rpx;
+        font-weight: bolder;
+        text-align: center;
+      }
+    }
+  }
+
+  .info-list {
+    display: flex;
+    flex-wrap: wrap;
+    .info-item {
+      padding: 20rpx;
+      width: 33%;
+      
+      box-sizing: border-box;
+
+      .info-pic {
+        margin: auto;
+        width: 175rpx;
+        height: 175rpx;
+        background: bisque;
+      }
+
+      .info-title {
+        text-align: center;
+        color: #65371b;
+        font-size: 24rpx;
+        font-weight: 300;
+        line-height: 47rpx;
+        word-spacing: 2rpx;
+        overflow: hidden;
+        text-overflow: -o-ellipsis-lastline;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 1;
+        line-clamp: 3;
+        -webkit-box-orient: vertical;
+      }
+    }
+  }
+</style>

miniapp/pages/yuecai/search/index2.vue

@@ -0,0 +1,158 @@
+<template>
+  <view class="width-100 height-100 view-page">
+    <view class="p-10 dis-flex flex-y-center flex-x-between">
+      <view class="width-100">
+        <u-search :clearabled="true" height="35px" placeholder="请输入搜索关键字" v-model="keyword" shape="round"
+          search="doSearch" @custom="doSearch" bg-color="#e9f0f8" placeholder-color="#65371b"></u-search>
+      </view>
+    </view>
+    <view>
+    </view>
+    <u-tabs ref="tabs" :list="tabList" :scrollable="false" :current="currentTab" @change="tabChange" lineColor="#65371b"
+      :activeStyle="{color:'#65371b'}" inactiveStyle="{color:'#65371b'}"></u-tabs>
+    <view class="info-list">
+      <view class="dis-flex flex-x-between info-item" v-for="(item, index) in 10" :key="index">
+        <view class="info-pic"></view>
+        <view class="info-view">
+          <view class="info-title">
+            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
+          </view>
+          <view class="dis-flex info-bottom">
+            <view style="margin-right: 20rpx;">10月07日</view>
+            <u-icon name="thumb-up" color="#7f7f7f" size="18"></u-icon>
+            <view style="margin-right: 20rpx;">点赞</view>
+            <u-icon name="eye" color="#7f7f7f" size="18"></u-icon>
+            <view>阅读量</view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import themeMixins from '@/pages/yuecai/mixins/themeMixins.js';
+  export default {
+    mixins: [themeMixins],
+    data() {
+      return {
+        keyword: '',
+        page: {},
+        list: [],
+        tabList: [{
+          name: '专业风采'
+        }, {
+          name: '名菜'
+        }, {
+          name: '名店',
+        }, {
+          name: '名点',
+        }],
+        currentTab: 0
+      }
+    },
+    onLoad(options) {},
+    onShow() {},
+    methods: {
+      tabChange(index) {
+        this.current = index;
+      },
+      clickInfo(index) {
+        if (index < 0) {
+          return;
+        }
+        uni.navigateTo({
+          url: "/pages/yuecai/information/detail/index?id=" + this.bannerList[index].id,
+        })
+      },
+      doSearch() {
+
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .search-left-btn {
+    width: 35px;
+    min-width: 35px;
+    height: 35px;
+    margin-right: 5px;
+    box-sizing: border-box;
+  }
+
+  .icon-circle {
+    border-radius: 50%;
+    border: 4rpx solid #65371b;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .nav-btns {
+    border-bottom: 1rpx solid #65371b;
+    margin-bottom: 20rpx;
+    padding-bottom: 50rpx;
+
+    .nav-btn {
+      width: 150rpx;
+
+      .nav-btn-icon {
+        margin: auto;
+        width: 110rpx;
+        height: 110rpx;
+      }
+
+      .nav-btn-text {
+        width: 100%;
+        color: #65371b;
+        margin-top: 5rpx;
+        font-weight: bolder;
+        text-align: center;
+      }
+    }
+  }
+
+  .info-list {
+    height: calc(100% - 95px);
+    overflow: auto;
+    background-color: #f4f6f8;
+
+    .info-item {
+      padding: 20rpx;
+      border-bottom: 2rpx solid white;
+
+      .info-pic {
+        width: 175rpx;
+        height: 175rpx;
+        background: bisque;
+      }
+
+      .info-view {
+        width: calc(100% - 195rpx);
+
+        .info-title {
+          color: #65371b;
+          font-size: 24rpx;
+          font-weight: 300;
+          line-height: 47rpx;
+          word-spacing: 2rpx;
+          overflow: hidden;
+          text-overflow: -o-ellipsis-lastline;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 3;
+          line-clamp: 3;
+          -webkit-box-orient: vertical;
+        }
+
+        .info-bottom {
+          color: #7f7f7f;
+          font-size: 24rpx;
+          margin-top: 10rpx;
+        }
+      }
+    }
+  }
+</style>

miniapp/pages/yuecai/usercenter/index.vue

@@ -1,125 +1,126 @@
 <template>
-	<page-theme :theme="theme">
-		<template>
-			<view class="p-30">
-				<view class="flex-dir-row flex-y-center m-b-20">
-					<u-avatar :src="face" size="60" />
-					<view class="m-l-30">
-						<view class="f-34 t-bold m-b-10">{{nickName}}</view>
-						<u-icon name="arrow-right" size="15" :color="$u.color['info']" @click="toProfile" label="更新个人信息"
-							labelPos="left" labelSize="15" :labelColor="$u.color['info']" />
-					</view>
-				</view>
-				<view v-for="(item,i) in allCells" :key="i" class="m-t-20">
-					<bt-cell :cells="item" />
-				</view>
-				<!-- <view class="flex-dir-row flex-x-between m-t-20 f-28">
+  <page-theme :theme="theme">
+    <template>
+      <view class="p-30" style="background-color: white;padding-top: 60px;padding-bottom: 30px;">
+        <view class="flex-dir-row flex-y-center flex-x-between">
+          <view class="m-l-30">
+            <view class="f-34 t-bold m-b-20">{{nickName}}</view>
+            <u-icon name="arrow-right" size="15" :color="$u.color['info']" @click="toProfile" label="更新个人信息"
+              labelPos="left" labelSize="15" :labelColor="$u.color['info']" />
+          </view>
+          <u-avatar :src="face" size="60" />
+        </view>
+      </view>
+      <view class="p-30">
+        <view v-for="(item,i) in allCells" :key="i">
+          <bt-cell :cells="item" />
+        </view>
+        <!-- <view class="flex-dir-row flex-x-between m-t-20 f-28">
 					<view class="flex-dir-row flex-x-center flex-y-center p-b-t-20 border-round-10 c-g-white width-100"
 						@click="toLogout">
 						<u--image src="/static/images/logout.png" width="20px" height="20px" />
 						<view class="m-l-10 col-info">退出登录</view>
 					</view>
 				</view> -->
-				<view class="f-24 col-info-m t-c width-100 m-t-40" @click.stop="clickVersion">当前版本：{{version}}</view>
-			</view>
-		</template>
-	</page-theme>
+        <view class="f-24 col-info-m t-c width-100 m-t-40" @click.stop="clickVersion">当前版本：{{version}}</view>
+      </view>
+    </template>
+  </page-theme>
 </template>
 
 <script>
-	import btCell from '@/pages/components/btcell.vue'
-	import {
-		version
-	} from '@/common/setting'
-	import {
-		clickEvent
-	} from '@/utils/util.js'
+  import btCell from '@/pages/components/btcell.vue'
+  import {
+    version
+  } from '@/common/setting'
+  import {
+    clickEvent
+  } from '@/utils/util.js'
 
-	import themeMixins from '../mixins/themeMixins.js';
-	export default {
-		mixins: [themeMixins],
-		components: {
-			btCell 
-		},
-		data() {
-			return {
-				face: '',
-				nickName: '',
-				version: version,
-				allCells: [
-					[{
-						icon: '',
-						text: '名菜收藏',
-						url: '/pages/yuecai/collection/index?type=dish',
-					}, {
-						icon: '',
-						text: '名点收藏',
-						url: '/pages/yuecai/collection/index?type=snacks',
-					}, {
-						icon: '',
-						text: '名店收藏',
-						url: '/pages/yuecai/collection/index?type=restaurant',
-					}],
-					[{
-						icon: '',
-						text: '用户协议',
-						url: '/pages/yuecai/usercenter/protocol/index',
-					}, {
-						icon: '',
-						text: '了解隐私保护政策',
-						url: '/pages/yuecai/usercenter/privacy/index',
-					}, {
-						icon: '',
-						text: '关于我们',
-						url: './aboutus',
-					}],
-				],
-			}
-		},
-		methods: {
-			toProfile() { //个人信息
-				uni.navigateTo({
-					url: './profile/index',
-				})
-			},
-			toQuestion() {
+  import themeMixins from '../mixins/themeMixins.js';
+  export default {
+    mixins: [themeMixins],
+    components: {
+      btCell
+    },
+    data() {
+      return {
+        face: '',
+        nickName: '',
+        version: version,
+        allCells: [
+          [{
+            icon: '',
+            text: '名菜收藏',
+            url: '/pages/yuecai/collection/index?type=dish',
+          }, {
+            icon: '',
+            text: '名点收藏',
+            url: '/pages/yuecai/collection/index?type=snacks',
+          }, {
+            icon: '',
+            text: '名店收藏',
+            url: '/pages/yuecai/collection/index?type=restaurant',
+          }],
+          [{
+            icon: '',
+            text: '用户协议',
+            url: '/pages/yuecai/usercenter/protocol/index',
+          }, {
+            icon: '',
+            text: '了解隐私保护政策',
+            url: '/pages/yuecai/usercenter/privacy/index',
+          }, {
+            icon: '',
+            text: '关于我们',
+            url: './aboutus',
+          }],
+        ],
+      }
+    },
+    methods: {
+      toProfile() { //个人信息
+        uni.navigateTo({
+          url: './profile/index',
+        })
+      },
+      toQuestion() {
 
-			},
-			toService() {
+      },
+      toService() {
 
-			},
-			toLogout() {
-				this.$u.func.logout()
-			},
-			clickVersion(e) { //点击版本号
-				if (this.userInfo.nick_name == '嘉曦') { //满足条件就支持双击
-					clickEvent(e, null, this.showMeTheMoney)
-				}
-			},
-			showMeTheMoney() { //作弊
-				if (!this.userInfo.isVIP) { //不是VIP，就作弊
-					this.$u.vuex('userInfo.isVIP', true) //给予VIP
-					uni.reLaunch({ //跳回登录页，但是不登出，让tab页重新加载
-						url: '../../index',
-					})
-				}
-			},
-			refresh(face, nickName) {
-				this.face = face
-				this.nickName = nickName
-			},
-		},
-		onShow() {
-			this.face = this.userInfo.avatar || '/static/images/face.png'
-			this.nickName = this.userInfo.nick_name || '小机灵鬼'
-		},
-		onUnload() {
-		},
-	}
+      },
+      toLogout() {
+        this.$u.func.logout()
+      },
+      clickVersion(e) { //点击版本号
+        if (this.userInfo.nick_name == '嘉曦') { //满足条件就支持双击
+          clickEvent(e, null, this.showMeTheMoney)
+        }
+      },
+      showMeTheMoney() { //作弊
+        if (!this.userInfo.isVIP) { //不是VIP，就作弊
+          this.$u.vuex('userInfo.isVIP', true) //给予VIP
+          uni.reLaunch({ //跳回登录页，但是不登出，让tab页重新加载
+            url: '../../index',
+          })
+        }
+      },
+      refresh(face, nickName) {
+        this.face = face
+        this.nickName = nickName
+      },
+    },
+    onShow() {
+      this.face = this.userInfo.avatar || '/static/images/face.png'
+      this.nickName = this.userInfo.nick_name || '小机灵鬼'
+    },
+    onUnload() {},
+  }
 </script>
 
 <style scoped lang="scss">
-	.k-pink {
-		background-color: #FDEAD2;
-	}
-</style>
+  .k-pink {
+    background-color: #FDEAD2;
+  }
+</style>