tijiao

+//app.js
+App({
+  onLaunch: function () {
+    // 展示本地存储能力
+    var logs = wx.getStorageSync('logs') || []
+    logs.unshift(Date.now())
+    wx.setStorageSync('logs', logs)
+
+    // 登录
+    wx.login({
+      success: res => {
+        // 发送 res.code 到后台换取 openId, sessionKey, unionId
+      }
+    })
+    // 获取用户信息
+    wx.getSetting({
+      success: res => {
+        if (res.authSetting['scope.userInfo']) {
+          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
+          wx.getUserInfo({
+            success: res => {
+              // 可以将 res 发送给后台解码出 unionId
+              this.globalData.userInfo = res.userInfo
+
+              // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
+              // 所以此处加入 callback 以防止这种情况
+              if (this.userInfoReadyCallback) {
+                this.userInfoReadyCallback(res)
+              }
+            }
+          })
+        }
+      }
+    })
+  },
+  globalData: {
+    userInfo: null
+  }
+})

+{
+  "pages": [
+    "pages/homepage/homepage",
+    "pages/personziliao/personziliao",
+    
+    "pages/examine/examine",
+    "pages/comment/comment",
+    "pages/passPhotos/passPhotos",
+    "pages/collectlist/collectlist",
+    "pages/commentdetail/commentdetail",
+    "pages/usecenter/usecenter",
+    "pages/shopdetail/shopdetail",
+    "pages/morephoto/morephoto",
+    "pages/morecomment/morecomment",
+    "pages/searchresult/searchresult",
+    "pages/searchcity/searchcity",
+    "pages/index/index",
+    "pages/logs/logs",
+    "pages/login/login",
+    "pages/recommond/recommond",
+    "pages/canting/canting",
+    "pages/mycomment/mycomment"
+    
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "WeChat",
+    "navigationBarTextStyle": "black"
+  },
+  "tabBar": {
+    "selectedColor": "#FCB952",
+    "list": [
+      {
+        "pagePath": "pages/homepage/homepage",
+        "text": "首页",
+        "selectedColor": "#FCB952",
+        "iconPath": "img/index.png",
+        "selectedIconPath": "img/indexactive.png"
+      },
+      {
+        "pagePath": "pages/usecenter/usecenter",
+        "text": "我的",
+        "selectedColor": "#FCB952",
+        "iconPath": "img/person.png",
+        "selectedIconPath": "img/personactive.png"
+      }
+    ]
+  },
+  "style": "v2",
+  "sitemapLocation": "sitemap.json"
+}

+
+/* 输入框搜索 */
+image{
+  width:100%;
+  height:100%;
+}
+.head {
+		width: 750rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 24rpx 32rpx;
+		box-sizing: border-box;
+	}
+
+	.headleft {
+		display: flex;
+	
+		align-items: center;
+		justify-content: center
+	}
+
+	.headleftimg {
+		width: 31rpx;
+		height: 31rpx;
+		font-size: 0;
+	}
+
+	.headmiddle {
+		width: 542rpx;
+		height: 60rpx;
+		background: rgba(249, 249, 249, 1);
+		border-radius: 32rpx;
+		display: flex;
+		align-items: center;
+		padding: 16rpx 20rpx;
+		box-sizing: border-box;
+	}
+
+	.headmiddleleft {
+		width: 32rpx;
+		height: 32rpx;
+		font-size: 0;
+	}
+
+	.headmiddleleft image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.headright {
+		width: 48rpx;
+		height: 48rpx;
+		font-size: 0;
+		position: relative;
+	}
+
+	.sizenum {
+		width: 32rpx;
+		height: 32rpx;
+		color: #FF4E14;
+		font-size: 20rpx;
+		text-align: center;
+		line-height: 30rpx;
+		position: absolute;
+		right: -15rpx;
+		top: -5rpx;
+		background: #fff;
+		border-radius: 50%;
+		border: 1rpx solid #FF4E14;
+	}
+  .headmiddleright{
+    width:400rx;
+    margin-left:16rpx;
+
+  }
+
+	.headmiddleright input {
+		width: 100%;
+		height: 100%;
+		color: #BDC4CE;
+		font-size: 24rpx;
+    padding: 12rpx 0;
+    box-sizing: border-box
+	}
+
+	.cityname {
+		color: #fff;
+		font-size: 22rpx;
+		margin-top: 5rpx;
+	}
+
+	.headbot {
+		height: 256rpx;
+		width: 750rpx;
+		background: #C29445;
+		position: relative;
+	}
+.shuru{
+  color:#BDC4CE;
+  font-size: 28rpx;
+}
+
+
+.commonname{
+  color:#06121E;
+  font-size: 32rpx
+}
+.commnameone{
+  color:#06121E;
+  font-size: 28rpx;
+}
+
+.flex {
+  display: flex;
+}
+
+.flexone {
+  display: flex;
+  align-items: center;
+}
+
+.flextwo {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.flexthree {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.commonpadding{
+  padding: 32rpx;
+  box-sizing: border-box;
+  background: #fff;
+}
+.yourow {
+  width: 15rpx;
+  height: 20rpx;
+  font-size: 0;
+}
+
+/* 五角星 */
+.staritem{
+  width:32rpx;
+  height:32rpx;
+  font-size: 0;
+  margin-right:4rpx;
+}
+.register {
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 999;
+}
+.nomoer{
+  color:#8C9198;
+  font-size:24rpx;
+  text-align: center;
+  margin-top:26rpx;
+  padding-bottom:20rpx;
+}

+// pages/canting/canting.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "navigationBarTitleText": "去过的餐厅"
+}

+<view class="colecttop flextwo">
+ <view class="comt">(20/34)</view>
+</view>
+<view class="collectbox">
+  <view class="colectbitem flex">
+    <view class="collectbitemleft">
+      <image src="/img/photo.png"></image>
+    </view>
+    <view class="collectbtitemr">
+      <view class='goodname'>海贼王寿司店</view>
+
+      <view class="flexone starbox">
+        <view class="star flexone">
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+        </view>
+        <view class="shouprice">￥88</view>
+      </view>
+      <view class="addressbox flexone">
+        <view class='asddressitem'>东京街</view>
+        <view class='asddressitem'>东京街</view>
+        <view class='asddressitem'>东京街</view>
+      </view>
+    </view>
+
+  </view>
+   <view class="colectbitem flex">
+    <view class="collectbitemleft">
+      <image src="/img/photo.png"></image>
+    </view>
+    <view class="collectbtitemr">
+      <view class='goodname'>海贼王寿司店</view>
+
+      <view class="flexone starbox">
+        <view class="star flexone">
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+        </view>
+        <view class="shouprice">￥88</view>
+      </view>
+      <view class="addressbox flexone">
+        <view class='asddressitem'>东京街</view>
+        <view class='asddressitem'>东京街</view>
+        <view class='asddressitem'>东京街</view>
+      </view>
+    </view>
+
+  </view>
+</view>
+
+<view class="nomoer">没有更多了哦～</view>

+@import '../collectlist/collectlist.wxss';
+.comt{
+  color:#06121E;
+  font-size: 28rpx;
+}
+.colecttop{
+  padding: 10rpx 32rpx;
+  box-sizing: border-box
+}

+// pages/collectlist/collectlist.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    nav: 1,
+    delBtnWidth: 160,
+    data: [{ content: "1", right: 0 }, { content: "2", right: 0 }, { content: "3", right: 0 }, { content: "4", right: 0 }, { content: "5", right: 0 }, { content: "6", right: 0 }, { content: "7", right: 0 }, { content: "8", right: 0 }, { content: "9", right: 0 }, { content: "10", right: 0 }],
+    isScroll: true,
+    windowHeight: 0,
+  },
+  sel(e) {
+    this.setData({
+      nav: e.currentTarget.dataset.id
+    })
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function(options) {
+    var that = this;
+    wx.getSystemInfo({
+      success: function (res) {
+        that.setData({
+          windowHeight: res.windowHeight
+        });
+      }
+    });
+  },
+  drawStart: function (e) {
+    // console.log("drawStart");  
+    var touch = e.touches[0]
+
+    for (var index in this.data.data) {
+      var item = this.data.data[index]
+      item.right = 0
+    }
+    this.setData({
+      data: this.data.data,
+      startX: touch.clientX,
+    })
+
+  },
+  drawMove: function (e) {
+    var touch = e.touches[0]
+    var item = this.data.data[e.currentTarget.dataset.index]
+    var disX = this.data.startX - touch.clientX
+
+    if (disX >= 20) {
+      if (disX > this.data.delBtnWidth) {
+        disX = this.data.delBtnWidth
+      }
+      item.right = disX
+      this.setData({
+        isScroll: false,
+        data: this.data.data
+      })
+    } else {
+      item.right = 0
+      this.setData({
+        isScroll: true,
+        data: this.data.data
+      })
+    }
+  },
+  drawEnd: function (e) {
+    var item = this.data.data[e.currentTarget.dataset.index]
+    if (item.right >= this.data.delBtnWidth / 2) {
+      item.right = this.data.delBtnWidth
+      this.setData({
+        isScroll: true,
+        data: this.data.data,
+      })
+    } else {
+      item.right = 0
+      this.setData({
+        isScroll: true,
+        data: this.data.data,
+      })
+    }
+  },
+
+  delItem: function (e) {
+
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function() {
+
+  }
+})

+{
+  "navigationBarTitleText": "收藏"
+}

+<view class="colecttop flextwo">
+  <view class="collectitem {{nav==1?'collectactive':''}}" bindtap="sel" data-id="1">商户</view>
+  <view class="collectitem {{nav==2?'collectactive':''}}" bindtap="sel" data-id="2">点评</view>
+</view>
+<view class="collectbox" wx:if="{{nav==1}}">
+  <view class="colectbitem flex">
+    <view class="collectbitemleft">
+      <image src="/img/photo.png"></image>
+    </view>
+    <view class="collectbtitemr">
+      <view class='goodname'>海贼王寿司店</view>
+
+      <view class="flexone starbox">
+        <view class="star flexone">
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+        </view>
+        <view class="shouprice">￥88</view>
+      </view>
+      <view class="addressbox flexone">
+        <view class='asddressitem'>东京街</view>
+        <view class='asddressitem'>东京街</view>
+        <view class='asddressitem'>东京街</view>
+      </view>
+    </view>
+
+  </view>
+  <view class="colectbitem flex">
+    <view class="collectbitemleft">
+      <image src="/img/photo.png"></image>
+    </view>
+    <view class="collectbtitemr">
+      <view class='goodname'>海贼王寿司店</view>
+
+      <view class="flexone starbox">
+        <view class="star flexone">
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+          <view class="staritem">
+            <image src="/img/pingfenshi.png"></image>
+          </view>
+        </view>
+        <view class="shouprice">￥88</view>
+      </view>
+      <view class="addressbox flexone">
+        <view class='asddressitem'>东京街</view>
+        <view class='asddressitem'>东京街</view>
+        <view class='asddressitem'>东京街</view>
+      </view>
+    </view>
+
+  </view>
+</view>
+
+<scroll-view scroll-y="{{isScroll}}" style='height:{{windowHeight}}px' wx:else>
+  <block wx:key="item" wx:for="{{data}}">
+    <view data-index='{{index}}' class="order-item" bindtouchstart="drawStart" bindtouchmove="drawMove" bindtouchend="drawEnd" style="right:{{item.right}}rpx">
+      <view class="colectbitem flex">
+        <view class="collectbitemleft">
+          <image src="/img/photo.png"></image>
+        </view>
+        <view class="collectbtitemr">
+
+          <view class="userbox flexone">
+            <view class="userimg">
+              <image src="/img/kele.png"></image>
+            </view>
+            <view class="username">用户名称</view>
+            <view class="userlevel">Lv 20</view>
+          </view>
+          <view class='goodname goodtext'>海贼王寿司店海贼王寿司店海贼王寿司店海贼王寿司店海贼王寿司店</view>
+          <view class="addressbox flexone">
+            <view class='asddressitem'>东京街</view>
+            <view class='asddressitem'>东京街</view>
+            <view class='asddressitem'>东京街</view>
+          </view>
+        </view>
+
+      </view>
+      <view class="remove" bindtap="delItem">
+      
+          <view class="delimg">
+              <image src="/img/delimg.png"></image>
+          </view>
+       </view>
+    </view>
+  </block>
+</scroll-view>
+
+<view class="nomoer">没有更多了哦～</view>
+

+.colecttop {
+  width: 750rpx;
+  height: 100rpx;
+  background: #fff;
+  padding: 0 162rpx;
+  box-sizing: border-box;
+}
+
+.collectitem {
+  color: #06121e;
+  font-size: 28rpx;
+}
+
+.collectactive {
+  color: #fdaa2a;
+  font-size: 32rpx;
+  position: relative;
+}
+
+.collectactive::after {
+  display: block;
+  content: '';
+  width: 160rpx;
+  height: 1rpx;
+  background: #fdaa2a;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: -20rpx;
+}
+
+page {
+  background: #fbf8fb;
+}
+
+.shouprice {
+  color: #06121e;
+  font-size: 28rpx;
+  font-weight: bold;
+  margin-left: 4rpx;
+}
+
+.colectbitem {
+  width: 686rpx;
+ 
+  background: rgba(255, 255, 255, 1);
+  opacity: 1;
+  border-radius: 8rpx;
+  padding: 24rpx 28rpx;
+  box-sizing: border-box;
+  margin: 0 auto 16rpx;
+}
+
+.collectbitemleft {
+  width: 122rpx;
+  height: 122rpx;
+  font-size: 0;
+}
+
+.collectbtitemr {
+  width:420rpx;
+  margin-left: 28rpx;
+}
+
+.goodname {
+  color: #06121e;
+  font-size: 28rpx;
+  font-weight: bold;
+}
+
+.starbox {
+  margin-top: 6rpx;
+}
+
+.addressbox {
+  margin-top: 10rpx;
+}
+
+.asddressitem {
+  color: #8c9198;
+  font-size: 22rpx;
+  margin-right: 12rpx;
+}
+
+.userimg {
+  width: 48rpx;
+  height: 48rpx;
+  font-size: 0;
+}
+
+.username {
+  color: #06121e;
+  font-size: 24rpx;
+  margin-left: 10rpx;
+}
+
+.userlevel {
+  width: 58rpx;
+  height: 30rpx;
+  background: rgba(253, 170, 42, 1);
+  opacity: 1;
+  border-radius: 12rpx;
+  color:#fff;
+  font-size: 16rpx;
+  text-align: center;
+  line-height: 30rpx;
+  margin-left:22rpx;
+
+}
+.goodtext{
+  margin-top:16rpx;
+}
+
+.order-item {
+  height: 240rpx;
+  width: 100%;
+  display: flex;
+  position: relative;
+}
+
+.remove{  
+  width: 160rpx;  
+  height: 95%;  
+  background:rgba(189,196,206,1);
+  color: white; 
+  position: absolute;  
+  top: 0;  
+  right: -160rpx;  
+  display: flex;  
+  justify-content: center;  
+  align-items: center;  
+}  
+.delimg{
+  width:36rpx;
+  height:36rpx;
+  font-size: 0
+}

+// pages/comment/comment.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "navigationBarTitleText": "写点评"
+}

+<view class="infobox">
+	<view class="infoTitle">海贼王寿司店</view>
+	<view class="evaluateItem">
+		<view class="tltle">评价</view>
+		<view class="starbox">
+			<image class="starItem" src="/img/star.png" />
+			<image class="starItem" src="/img/star.png" />
+			<image class="starItem" src="/img/star.png" />
+			<image class="starItem" src="/img/star.png" />
+			<image class="starItem" src="/img/banke.png" />
+		</view>
+	</view>
+	<textarea placeholder="说说此刻的感受吧…" class="wordArea" />
+	<view class="labelbox">
+      <view class="labelItem">
+        <text>+</text>标题
+      </view>
+  </view>
+  <view class="imgarr">
+    <image class="imgItem" mode="aspectFill" src="/img/jiang.png" />
+  </view>
+</view>
+
+
+ <view class="costbox">
+  <view class="costTitle">人均</view>
+  <view class="fillbox">
+    <text>¥</text>
+    <input placeholder="请输入消费金额" class="fillCost" type="number"/>
+  </view>
+ </view>
+
+ <view class="submit btnActive">发表</view>

+page {
+  background: #F9F9F9;
+  padding: 0 32rpx 32rpx;
+  box-sizing: border-box;
+}
+
+.infobox {
+  width: 686rpx;
+  background: rgba(255, 255, 255, 1);
+  margin: 16rpx 0;
+  padding: 38rpx 32rpx 26rpx;
+  box-sizing: border-box;
+}
+
+.imgarr {
+  width: 100%;
+  margin-top: 36rpx;
+}
+
+.imgItem {
+  width: 176rpx;
+  height: 176rpx;
+  margin-right: 24rpx;
+  margin-bottom: 32rpx;
+}
+
+.imgItem:nth-child(3n) {
+  margin-right: 0;
+}
+
+.wordArea {
+  min-height: 150rpx;
+  font-size: 28rpx;
+  font-family: PingFang SC;
+  font-weight: 400;
+  line-height: 40rpx;
+  color: rgba(189, 196, 206, 1);
+  margin-top: 32rpx;
+}
+
+.labelbox {
+  margin-top: 32rpx;
+}
+
+.labelItem {
+  display: inline-block;
+  padding: 8rpx 22rpx;
+  background: rgba(255, 255, 255, 1);
+  border: 1px solid rgba(189, 196, 206, 1);
+  opacity: 1;
+  border-radius: 24rpx;
+  font-size: 24rpx;
+  font-family: PingFang SC;
+  font-weight: 400;
+  color: rgba(6, 18, 30, 1);
+}
+
+.infoTitle {
+  font-size: 32rpx;
+  font-family: PingFang SC;
+  font-weight: 400;
+  line-height: 44rpx;
+  color: rgba(0, 0, 0, 1);
+  margin-bottom: 20rpx;
+}
+
+.evaluateItem {
+  margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+}
+
+.tltle {
+  font-size: 28rpx;
+  font-family: PingFang SC;
+  font-weight: 400;
+  color: rgba(140, 145, 152, 1);
+}
+
+.evaluateItem .infoboxtltle {
+  font-size: 28rpx;
+  font-family: PingFang SC;
+  font-weight: 400;
+  line-height: 40rpx;
+  color: rgba(0, 0, 0, 1);
+}
+
+.starbox {
+  margin-left: 16rpx;
+  display: flex;
+  align-items: center;
+}
+
+.starItem {
+  width: 24rpx;
+  height: 24rpx;
+  margin-right: 8rpx;
+}
+
+.costbox {
+  width: 686rpx;
+  height: 100rpx;
+  background: rgba(255, 255, 255, 1);
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+}
+
+.costTitle {
+  font-size: 32rpx;
+  font-family: PingFang SC;
+  font-weight: 400;
+  line-height: 44rpx;
+  color: rgba(0, 0, 0, 1);
+  margin-right: 48rpx;
+}
+
+.fillbox {
+  display: flex;
+  align-items: center;
+}
+
+.fillbox text {
+  font-size: 28rpx;
+  font-family: PingFang SC;
+  font-weight: 400;
+  line-height: 40rpx;
+  color: rgba(0, 0, 0, 1);
+}
+
+.fillCost {
+  width: 196rpx;
+  font-size: 28rpx;
+  font-family: PingFang SC;
+  font-weight: 400;
+  color: rgba(189, 196, 206, 1);
+  margin-left: 20rpx;
+}
+
+.submit {
+  width: 686rpx;
+  height: 88rpx;
+  background: rgba(189, 196, 206, 1);
+  opacity: 1;
+  border-radius: 8rpx;
+  font-size: 28rpx;
+  font-family: PingFang SC;
+  font-weight: 500;
+  color: rgba(249, 249, 249, 1);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 56rpx;
+}
+
+.btnActive {
+  background: #FDAA2A;
+}

+// pages/commentdetail/commentdetail.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "navigationBarTitleText": "点评详情"
+}

+<view class="photo">
+  <view class="photobox">
+    <view class="comtop flextwo">
+      <view class="comleft">
+        <image src="/img/kele.png"></image>
+      </view>
+      <view class="comright">
+
+        <view class="comrtop flexone">
+          <view class="comrname">一心只想撤撤撤</view>
+          <view class="star starone flexone">
+            <view class="staritem">
+              <image src="/img/fenxing.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/fenxing.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/fenxing.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/fenxing.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/stfenxingr.png"></image>
+            </view>
+          </view>
+        </view>
+        <view class="comdate">2019年10月12日</view>
+
+      </view>
+    </view>
+    <view class="comtext flexone">
+      <view class="comleft"></view>
+
+      <view class="comright">
+        <view class="flexone fenxia">
+          <view class="star starone flexone">
+            <view class="staritem">
+              <image src="/img/pingfenshi.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/pingfenshi.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/pingfenshi.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/pingfenshi.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/banke.png"></image>
+            </view>
+
+          </view>
+          <view class="fen">8.5分</view>
+        </view>
+        <view class="text">
+          掌柜态度很专业热情，有问必答，回复也很快，我问了不少问题，他都不觉得烦，都会认真回答我，这点我向掌柜表示由衷的敬意，这样的好掌柜可不多了。
+        </view>
+        <view class="textboximg flexone">
+          <view class="boxitem">
+            <image src="/img/photo.png"></image>
+          </view>
+          <view class="boxitem">
+            <image src="/img/photo.png"></image>
+          </view>
+          <view class="boxitem">
+            <image src="/img/photo.png"></image>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>
+
+<view class="detailcommentbox">
+  <view class="phototopleft flexone">
+    <view class="xiang">点评 </view>
+    <view class="tiao">(800条)</view>
+  </view>
+  <view class="commentlist">
+
+    <view class="commentitem">
+      <view class="comtop flextwo">
+        <view class="comleft">
+          <image src="/img/kele.png"></image>
+        </view>
+        <view class="comright">
+          <view class="listtop flextwo">
+            <view class="comrtop">
+              <view class="comrname">一心只想撤撤撤</view>
+              <view class="comdate">2019年10月12日</view>
+            </view>
+            <view class="listzan flexone">
+              <view class="lsitzanleft">
+                <image src="/img/xiaozan.png"></image>
+              </view>
+              <view class="zannumber">35</view>
+            </view>
+          </view>
+
+
+        </view>
+      </view>
+
+      <view class="comtext flexone">
+        <view class="comleft"></view>
+        <view class="comright">
+          <view class="text">
+            掌柜态度很专业热情，有问必答，回复也很快，我问了不少问题，他都不觉得烦，都会认真回答我，这点我向掌柜表示由衷的敬意，这样的好掌柜可不多了。
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="commentitem">
+      <view class="comtop flextwo">
+        <view class="comleft">
+          <image src="/img/kele.png"></image>
+        </view>
+        <view class="comright">
+          <view class="listtop flextwo">
+            <view class="comrtop">
+              <view class="comrname">一心只想撤撤撤</view>
+              <view class="comdate">2019年10月12日</view>
+            </view>
+            <view class="listzan flexone">
+              <view class="lsitzanleft">
+                <image src="/img/xiaozan.png"></image>
+              </view>
+              <view class="zannumber">35</view>
+            </view>
+          </view>
+
+
+        </view>
+      </view>
+
+      <view class="comtext flexone">
+        <view class="comleft"></view>
+        <view class="comright">
+          <view class="text">
+            掌柜态度很专业热情，有问必答，回复也很快，我问了不少问题，他都不觉得烦，都会认真回答我，这点我向掌柜表示由衷的敬意，这样的好掌柜可不多了。
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+
+
+</view>
+
+<!-- 底部评论 -->
+<view class="commentbototm flextwo">
+  <view class="commbotleft">
+    <input placeholder="写点什么..." placeholder-class="enter"/>
+  </view>
+  <view class="combotright flexone">
+    <view class="combotitem flexone itemleft">
+      <view class="combotitemleft ">
+        <image src="/img/dazan.png"></image>
+      </view>
+      <view class="combotzannumber">23</view>
+    </view>
+    <view class="combotitem flexone">
+      <view class="combotitemleft">
+        <image src="/img/collect.png"></image>
+      </view>
+      <view class="combotzannumber">23</view>
+    </view>
+  </view>
+</view>

+@import '../morecomment/morecomment.wxss';
+
+.photo {
+  margin-top: 0;
+  background: #fff;
+}
+
+.comright {
+  width: 575rpx;
+}
+
+.boxitem {
+  width: 186rpx;
+  height: 186rpx;
+}
+
+.star {
+  margin-left: 12rpx;
+}
+
+.detailcommentbox {
+  padding: 0 32rpx 150rpx;
+  box-sizing: border-box;
+}
+
+.phototopleft {
+  margin-top: 36rpx;
+}
+
+.commentitem {
+  width: 686rpx;
+  background: rgba(255, 255, 255, 1);
+  opacity: 1;
+  border-radius: 8rpx;
+  padding: 36rpx 32rpx;
+  box-sizing: border-box;
+  margin-top: 20rpx;
+}
+
+.lsitzanleft {
+  width: 24rpx;
+  height: 24rpx;
+  font-size: 0;
+}
+
+.zannumber {
+  color: #8c9198;
+  font-size: 22rpx;
+  margin-left: 12rpx;
+}
+
+/* 底部评论 */
+
+.commentbototm {
+  width: 750rpx;
+  padding: 24rpx 32rpx;
+  box-sizing: border-box;
+  background: #fff;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+}
+
+.commbotleft {
+  width: 382rpx;
+  height: 56rpx;
+  background: rgba(238, 238, 238, 1);
+  opacity: 1;
+  border-radius: 8rpx;
+  color: #bdc4ce;
+  font-size: 24rpx;
+}
+.commbotleft input{
+
+  width:100%;
+  height:100%;
+  padding: 12rpx 38rpx;
+  box-sizing: border-box;
+}
+
+
+.enter {
+  color: #bdc4ce;
+  font-size: 24rpx;
+}
+.combotitemleft{
+  width:44rpx;
+  height:44rpx;
+  font-size: 0
+}
+.combotzannumber{
+  color:#06121E;
+  font-size: 24rpx;
+  margin-left:6rpx;
+}
+.itemleft{
+  margin-right:40rpx;
+}

+// pages/examine/examine.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+  // 查看详情
+  detail(){
+    wx.navigateTo({
+      url: '/pages/commentdetail/commentdetail',
+    })
+  },
+// 我的点评
+  mycomment(){
+    wx.navigateTo({
+      url: '/pages/morecomment/morecomment',
+    })
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "navigationBarTitleText": "审核"
+}

+
+<view class="box">
+  <view class="iconbox">
+    <image src="/img/chenggong_img.png" class="icon" mode="widthFix"/>
+  </view>
+  <view class="tipsword">
+    <view>点评正在审核中</view>
+    <view>可在我的评论中查看审核状态</view>
+  </view>
+  <view class="btnbox">
+    <view class="btnItem" bindtap="detail">查看点评详情</view>
+     <view class="btnItem" bindtap="mycomment">我的评论</view>
+  </view>
+</view>

+page {
+  background: #F9F9F9;
+}
+
+.box {
+  width: 454rpx;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  margin: 0 auto;
+  padding: 200rpx 0;
+}
+
+.iconbox {
+  width: 100%;
+}
+
+.icon {
+  width: 100%;
+}
+
+.tipsword {
+  width: 364rpx;
+  margin-top: 60rpx;
+}
+
+.tipsword view {
+  font-size: 28rpx;
+  font-family: PingFang SC;
+  font-weight: 400;
+  line-height: 44rpx;
+  color: rgba(6, 18, 30, 1);
+  text-align: center;
+}
+.btnbox{
+  margin-top: 86rpx;
+}
+.btnItem {
+  width: 232rpx;
+  height: 72rpx;
+  background: rgba(253, 170, 42, 1);
+  border-radius: 8rpx;
+  font-size: 28rpx;
+  font-family: PingFang SC;
+  font-weight: 400;
+  line-height: 72rpx;
+  text-align: center;
+  color: rgba(255, 255, 255, 1);
+  margin-bottom: 40rpx;
+}
+.btnItem:last-child{
+  color: #8C9198;
+  background: #F9F9F9;
+  border:2rpx solid rgba(140,145,152,1);
+}

+// pages/homepage/homepage.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    imgUrls: [
+      '../../img/bannerimg.png',
+      '../../img/bannerimg.png',
+      '../../img/bannerimg.png'
+    ],
+    indicatorDots: false,
+    autoplay: false,
+    interval: 2000,
+    duration: 1000,
+    currentSwiper: 0,
+    // 主页导航头部
+    navarr: ['商圈', '菜系', '评级', '综合'],
+    sel: 0,
+   
+    selk: 0,
+    index: 0,
+    
+    selarray: ['全部', '银座', '金座'],
+    toparr: ['商圈', '菜系', '评级', '综合'],
+    topindex: 0,
+    wrap:false,
+    
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function(options) {
+    console.log(this.data.navindex)
+  },
+  goodtail(){
+    wx.navigateTo({
+      url: '/pages/shopdetail/shopdetail',
+    })
+  },
+  // 页面头部切换
+  selnav(e){
+    this.setData({
+      sel:e.currentTarget.dataset.index,
+      wrap:true
+    })
+    if(this.data.sel==0){
+          this.setData({
+            selarray: ['全部', '银座', '金座'],
+            selt:0,
+            selk: ''
+          })
+    }else if(this.data.sel==1){
+      this.setData({
+        selarray: ['东京菜（234）', '神户菜(23)', '大阪菜(45)'],
+        selt: 1,
+        selk: ''
+      })
+    }else if(this.data.sel==2){
+      this.setData({
+        selarray: ['米其林三星级(123)', '米其林二星级(123)', '米其林一星级(123)'],
+        selt: 2,
+        selk: ''
+      })
+    } else if (this.data.sel == 3) {
+      this.setData({
+        selarray: ['好评优先', '距离优先', '高价优先','低价优先'],
+        selt: 3,
+        selk: ''
+      })
+    }
+    
+  },
+  // 遮罩层头部切换
+  selnavk(e) {
+    this.setData({
+      selt: e.currentTarget.dataset.index
+    })
+    if (this.data.selt == 0) {
+      this.setData({
+        selarray: ['全部', '银座', '金座'],
+        
+      })
+    } else if (this.data.selt == 1) {
+      this.setData({
+        selarray: ['东京菜（234）', '神户菜(23)', '大阪菜(45)'],
+       
+      })
+    } else if (this.data.selt == 2) {
+      this.setData({
+        selarray: ['米其林三星级(123)', '米其林二星级(123)', '米其林一星级(123)'],
+       
+      })
+    } else if (this.data.selt == 3) {
+      this.setData({
+        selarray: ['好评优先', '距离优先', '高价优先', '低价优先'],
+        
+      })
+    }
+
+  },
+  go(){
+    
+  },
+  selwrap(e) {
+    this.setData({
+      selk: e.currentTarget.dataset.index
+    })
+    console.log(this.data.selk)
+  },
+  selctcity() {
+    wx.navigateTo({
+      url: '/pages/searchcity/searchcity',
+    })
+  },
+
+  swiperChange: function(e) {
+    this.setData({
+      currentSwiper: e.detail.current
+    })
+  },
+  // 搜索框
+  search() {
+    wx.navigateTo({
+      url: '/pages/searchresult/searchresult',
+    })
+  },
+// 隐藏遮罩层
+  hidewrap(){
+    this.setData({
+      wrap:false
+    })
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function() {
+
+  }
+})

+{
+  "navigationBarTitleText": "美味日本"
+}

+<view class="tou">
+  <view class="head">
+    <view class="headleft flexone" bindtap="selctcity">
+      <view class="headleftimg">
+        <image src="/img/address.png" mode=""></image>
+      </view>
+      <view class="cityname commonname">日本</view>
+    </view>
+    <view class="headmiddle" bindtap="search">
+      <view class="headmiddleleft">
+        <image src="/img/search.png" mode=""></image>
+      </view>
+      <view class="headmiddleright">
+        <input type="text" placeholder="请输入搜索内容" placeholder-class="shuru" />
+      </view>
+    </view>
+
+
+  </view>
+
+  <view class="swiper_image">
+    <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" class="swiper_item_img" bindchange="swiperChange">
+      <block wx:for="{{imgUrls}}" wx:key="doct">
+        <swiper-item>
+          <image src="{{item}}" class="slide-image" />
+          <view class="picimg">
+            <image src="/img/meitu.png"></image>
+          </view>
+        </swiper-item>
+      </block>
+    </swiper>
+
+    <view class="dots">
+      <block wx:for="{{imgUrls}}" wx:key="d">
+        <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
+      </block>
+    </view>
+
+  </view>
+
+  <view class="navhead flextwo">
+    <view class="navitem commontwo flexone" data-id="1" bindtap="selnav" data-index="{{index}}"  wx:for="{{navarr}}" wx:key="">
+      <view class="itemname {{sel==index?'navactive':''}}">{{item}}</view>
+      <view class="itemimg">
+        <image src="/img/heixiala.png" wx:if="{{sel==index}}"></image>
+        <image src="/img/xiala.png" wx:else></image>
+      </view>
+    </view>
+  </view>
+</view>
+
+<view class='case-page'>
+  <view class='list-masonry'>
+    <view class='item-masonry' bindtap="goodtail">
+      <image src='/img/deng.png' mode='widthFix'></image>
+      <view class="goodname">基值支义们京候么眼革下使叫南石很少去构。</view>
+      <view class="intro flexone">
+        <view class="introleft">
+          魚介?海鮮料理
+        </view>
+        <view class="introright">
+          <view class="ping flexone">
+            <view class="pingleft">
+              <image src='/img/kuaizi.png'></image>
+            </view>
+            <view class="pingfen">4.7</view>
+          </view>
+          <view class="hualist flexone">
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="shou">
+        <text class="shoumoney">￥50</text>
+        <text class="shouren">/人</text>
+      </view>
+      <view class="addname flexone">
+        <view class="addimg">
+          <image src="/img/huangweizhi.png"></image>
+        </view>
+        <view class="dizhi commnameone">银厦</view>
+      </view>
+    </view>
+    <view class='item-masonry'>
+      <image src='/img/deng.png' mode='widthFix'></image>
+      <view class="goodname">基值支义们京候么眼革下使叫南石很少去构。</view>
+      <view class="intro flexone">
+        <view class="introleft">
+          魚介?海鮮料理
+        </view>
+        <view class="introright">
+          <view class="ping flexone">
+            <view class="pingleft">
+              <image src='/img/kuaizi.png'></image>
+            </view>
+            <view class="pingfen">4.7</view>
+          </view>
+          <view class="hualist flexone">
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="shou">
+        <text class="shoumoney">￥50</text>
+        <text class="shouren">/人</text>
+      </view>
+      <view class="addname flexone">
+        <view class="addimg">
+          <image src="/img/huangweizhi.png"></image>
+        </view>
+        <view class="dizhi commnameone">银厦</view>
+      </view>
+    </view>
+    <view class='item-masonry'>
+      <image src='/img/juxia.png' mode='widthFix'></image>
+      <view class="goodname">基值支义们京候么眼革下使叫南石很少去构。</view>
+      <view class="intro flexone">
+        <view class="introleft">
+          魚介?海鮮料理
+        </view>
+        <view class="introright">
+          <view class="ping flexone">
+            <view class="pingleft">
+              <image src='/img/kuaizi.png'></image>
+            </view>
+            <view class="pingfen">4.7</view>
+          </view>
+          <view class="hualist flexone">
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="shou">
+        <text class="shoumoney">￥50</text>
+        <text class="shouren">/人</text>
+      </view>
+      <view class="addname flexone">
+        <view class="addimg">
+          <image src="/img/huangweizhi.png"></image>
+        </view>
+        <view class="dizhi commnameone">银厦</view>
+      </view>
+    </view>
+    <view class='item-masonry'>
+      <image src='/img/fenxia.png' mode='widthFix'></image>
+      <view class="goodname">基值支义们京候么眼革下使叫南石很少去构。</view>
+      <view class="intro flexone">
+        <view class="introleft">
+          魚介?海鮮料理
+        </view>
+        <view class="introright">
+          <view class="ping flexone">
+            <view class="pingleft">
+              <image src='/img/kuaizi.png'></image>
+            </view>
+            <view class="pingfen">4.7</view>
+          </view>
+          <view class="hualist flexone">
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="shou">
+        <text class="shoumoney">￥50</text>
+        <text class="shouren">/人</text>
+      </view>
+      <view class="addname flexone">
+        <view class="addimg">
+          <image src="/img/huangweizhi.png"></image>
+        </view>
+        <view class="dizhi commnameone">银厦</view>
+      </view>
+    </view>
+    <view class='item-masonry'>
+      <image src='/img/juxia.png' mode='widthFix'></image>
+      <view class="goodname">基值支义们京候么眼革下使叫南石很少去构。</view>
+      <view class="intro flexone">
+        <view class="introleft">
+          魚介?海鮮料理
+        </view>
+        <view class="introright">
+          <view class="ping flexone">
+            <view class="pingleft">
+              <image src='/img/kuaizi.png'></image>
+            </view>
+            <view class="pingfen">4.7</view>
+          </view>
+          <view class="hualist flexone">
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="shou">
+        <text class="shoumoney">￥50</text>
+        <text class="shouren">/人</text>
+      </view>
+      <view class="addname flexone">
+        <view class="addimg">
+          <image src="/img/huangweizhi.png"></image>
+        </view>
+        <view class="dizhi commnameone">银厦</view>
+      </view>
+    </view>
+    <view class='item-masonry'>
+      <image src='/img/deng.png' mode='widthFix'></image>
+      <view class="goodname">基值支义们京候么眼革下使叫南石很少去构。</view>
+      <view class="intro flexone">
+        <view class="introleft">
+          魚介?海鮮料理
+        </view>
+        <view class="introright">
+          <view class="ping flexone">
+            <view class="pingleft">
+              <image src='/img/kuaizi.png'></image>
+            </view>
+            <view class="pingfen">4.7</view>
+          </view>
+          <view class="hualist flexone">
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+            <view class="huaitem">
+              <image src="/img/flower.png"></image>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="shou">
+        <text class="shoumoney">￥50</text>
+        <text class="shouren">/人</text>
+      </view>
+      <view class="addname flexone">
+        <view class="addimg">
+          <image src="/img/huangweizhi.png"></image>
+        </view>
+        <view class="dizhi commnameone">银厦</view>
+      </view>
+    </view>
+
+  </view>
+</view>
+
+<view class="register" wx:if="{{wrap}}" bindtap="hidewrap">
+  <view class="topwrap" catchtap="go">
+    <view class="flextwo">
+      <view class="navitem commontwo flexone"  catchtap="selnavk" wx:for="{{toparr}}" wx:key='' data-index="{{index}}">
+        <view class="itemname {{selt==index?'navactivek':''}}">{{item}}</view>
+        <view class="itemimg">
+          <image src="/img/heixiala.png" wx:if="{{sel==1}}"></image>
+          <image src="/img/xiala.png" wx:else></image>
+        </view>
+        </view>
+      </view>
+      <view class="wrappage">
+        <view class="wrapitem {{selk==index?'wrapactive':''}}" wx:for="{{selarray}}" wx:key="" catchtap="selwrap" data-index="{{index}}">
+          {{item}}
+        </view>
+      
+
+      </view>
+    </view>
+
+
+
+  </view>

+image {
+  width: 100%;
+  height: 100%;
+}
+
+.cityname {
+  font-weight: bold;
+  margin-left: 16rpx;
+}
+
+/* 轮播图 */
+
+.swiper_image {
+  width: 686rpx;
+  height: 308rpx;
+  font-size: 0;
+  margin: 32rpx auto 0;
+  position: relative;
+}
+
+swiper {
+  width: 686rpx;
+  height: 308rpx;
+}
+
+.swiper_image image {
+  width: 100%;
+  height: 100%;
+}
+
+.swiper_item_img swiper-item {
+  width: 686rpx;
+  height: 308rpx;
+}
+
+.swiper_item_img swiper-item image {
+  width: 100%;
+  height: 100%;
+}
+
+swiper-item {
+  position: relative;
+}
+
+.picimg {
+  width: 156rpx;
+  height: 76rpx;
+  position: absolute;
+  right: 36rpx;
+  bottom: 30rpx;
+}
+
+.dots {
+  height: 36rpx;
+  display: flex;
+  flex-direction: row;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 10rpx;
+}
+
+/*未选中时的小圆点样式 */
+
+.dot {
+  width: 12rpx;
+  height: 12rpx;
+  border-radius: 50%;
+  margin-right: 16rpx;
+  background-color: #b9c0f7;
+}
+
+/*选中以后的小圆点样式  */
+
+.active {
+  width: 16rpx;
+  height: 16rpx;
+  border-radius: 50%;
+  background-color: #fff;
+}
+
+.navhead {
+  padding: 24rpx 32rpx;
+  box-sizing: border-box;
+}
+
+.navitem {
+  width: 170rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.itemname {
+  color: #8c9198;
+  font-size: 28rpx;
+}
+
+.itemimg {
+  width: 10rpx;
+  height: 8rpx;
+  font-size: 0;
+  margin-left: 10rpx;
+}
+
+.navactive {
+  color: #06121e;
+  position: relative;
+  font-weight: bold;
+}
+
+.navactive:after {
+  display: block;
+  content: '';
+  width: 170rpx;
+  height: 4rpx;
+  background: #fcb952;
+  position: absolute;
+  bottom: -20rpx;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.case-page {
+  padding: 20rpx;
+}
+
+.list-masonry {
+  column-count: 2;
+  column-gap: 20rpx;
+}
+
+.tou {
+  background: #fff;
+}
+
+.item-masonry {
+  background-color: #fff;
+  break-inside: avoid;
+  box-sizing: border-box;
+  padding: 20rpx;
+  margin-bottom: 28rpx;
+  box-shadow: 0rpx 8rpx 16rpx rgba(0, 0, 0, 0.08);
+  border-radius: 8rpx;
+}
+
+.item-masonry image {
+  width: 100%;
+}
+
+.goodname {
+  color: #3d444d;
+  font-size: 24rpx;
+  font-weight: bold;
+  margin-top: 20rpx;
+  width: 296rpx;
+}
+
+.hualist {
+  margin-top: 4rpx;
+}
+
+.huaitem {
+  width: 20rpx;
+  height: 20rpx;
+  font-size: 0;
+  margin-right: 6rpx;
+}
+
+.pingleft {
+  width: 28rpx;
+  height: 28rpx;
+  font-size: 0;
+}
+
+.pingfen {
+  color: #fca052;
+  font-size: 22rpx;
+  margin-left: 6rpx;
+}
+
+.introleft {
+  width: 188rpx;
+  height: 42rpx;
+  background: rgba(255, 255, 255, 1);
+  border: 1rpx solid rgba(112, 112, 112, 1);
+  opacity: 1;
+  border-radius: 180rpx;
+  color: #3d444d;
+  font-size: 22rpx;
+  text-align: center;
+  line-height: 42rpx;
+}
+
+.introright {
+  margin-left: 40rpx;
+}
+
+.shou {
+  margin-top: 16rpx;
+}
+
+.shoumoney {
+  color: #fe484c;
+  font-size: 28rpx;
+}
+
+.shouren {
+  color: #3d444d;
+  font-size: 22rpx;
+}
+
+.addimg {
+  width: 28rpx;
+  height: 28rpx;
+  font-size: 0;
+}
+
+.dizhi {
+  margin-left: 2rpx;
+}
+
+.addname {
+  margin-top: 5rpx;
+}
+
+page {
+  background: #f9f9f9;
+}
+
+
+
+.topwrap{
+  width: 750rpx;
+  
+  background: rgba(255, 255, 255, 1);
+  opacity: 1;
+  border-radius: 0rpx 0rpx 20rpx 20rpx;
+  background: #fff;
+  position: fixed;
+  
+}
+.navactivek{
+   color: #06121e;
+  position: relative;
+  font-weight: bold;
+}
+.wrapitem{
+  color:#06121E;
+  font-size: 24rpx;
+  font-weight: bold;
+  padding: 16rpx 52rpx;
+  box-sizing: border-box;
+  border-bottom:1rpx solid #f5f5f5;
+}
+.wrappage{
+  margin-top:26rpx;
+}
+.wrapactive{
+  color:#FDAA2A;
+
+}

+//index.js
+//获取应用实例
+const app = getApp()
+
+Page({
+  data: {
+    motto: 'Hello World',
+    userInfo: {},
+    hasUserInfo: false,
+    canIUse: wx.canIUse('button.open-type.getUserInfo')
+  },
+  //事件处理函数
+  bindViewTap: function() {
+    wx.navigateTo({
+      url: '../logs/logs'
+    })
+  },
+  onLoad: function () {
+    if (app.globalData.userInfo) {
+      this.setData({
+        userInfo: app.globalData.userInfo,
+        hasUserInfo: true
+      })
+    } else if (this.data.canIUse){
+      // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
+      // 所以此处加入 callback 以防止这种情况
+      app.userInfoReadyCallback = res => {
+        this.setData({
+          userInfo: res.userInfo,
+          hasUserInfo: true
+        })
+      }
+    } else {
+      // 在没有 open-type=getUserInfo 版本的兼容处理
+      wx.getUserInfo({
+        success: res => {
+          app.globalData.userInfo = res.userInfo
+          this.setData({
+            userInfo: res.userInfo,
+            hasUserInfo: true
+          })
+        }
+      })
+    }
+  },
+  getUserInfo: function(e) {
+    console.log(e)
+    app.globalData.userInfo = e.detail.userInfo
+    this.setData({
+      userInfo: e.detail.userInfo,
+      hasUserInfo: true
+    })
+  }
+})

+{
+  "usingComponents": {}
+}

+<!--index.wxml-->
+<view class="container">
+  <view class="userinfo">
+    <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
+    <block wx:else>
+      <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
+      <text class="userinfo-nickname">{{userInfo.nickName}}</text>
+    </block>
+  </view>
+  <view class="usermotto">
+    <text class="user-motto">{{motto}}</text>
+  </view>
+</view>

+/**index.wxss**/
+.userinfo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.userinfo-avatar {
+  width: 128rpx;
+  height: 128rpx;
+  margin: 20rpx;
+  border-radius: 50%;
+}
+
+.userinfo-nickname {
+  color: #aaa;
+}
+
+.usermotto {
+  margin-top: 200px;
+}

+// pages/login/login.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {}
+}

+
+<view class="head">
+  <image class="avator" src="/img/head.png" mode="widthFix" />
+  \<view class="btn">微信你登陆</view>
+</view>

+.head{
+  padding: 120rpx 0;
+  margin: 0 auto;
+  width: 360rpx;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+.avator{
+  width: 197rpx;
+}
+.btn{
+  width:360rpx;
+height:80rpx;
+background:rgba(253,172,48,1);
+border:2rpx solid rgba(253,170,42,1);
+border-radius:8rpx;
+font-size:28rpx;
+font-family:PingFang SC;
+font-weight:400;
+line-height:80rpx;
+text-align: center;
+color:rgba(249,249,249,1);
+margin-top: 500rpx;
+}

+//logs.js
+const util = require('../../utils/util.js')
+
+Page({
+  data: {
+    logs: []
+  },
+  onLoad: function () {
+    this.setData({
+      logs: (wx.getStorageSync('logs') || []).map(log => {
+        return util.formatTime(new Date(log))
+      })
+    })
+  }
+})

+{
+  "navigationBarTitleText": "查看启动日志",
+  "usingComponents": {}
+}

+<!--logs.wxml-->
+<view class="container log-list">
+  <block wx:for="{{logs}}" wx:for-item="log">
+    <text class="log-item">{{index + 1}}. {{log}}</text>
+  </block>
+</view>

+.log-list {
+  display: flex;
+  flex-direction: column;
+  padding: 40rpx;
+}
+.log-item {
+  margin: 10rpx;
+}

+// pages/morecomment/morecomment.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    comentarr: ['全部', '好评', '差评', '带图评论'],
+    
+   
+    coment:0,
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function(options) {
+
+  },
+  selitem(e){
+    console.log(e)
+    this.setData({
+      coment: e.currentTarget.dataset.index
+    })
+  
+  },
+  comdetail(){
+    wx.navigateTo({
+      url: '/pages/commentdetail/commentdetail',
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function() {
+
+  }
+})

+{
+  "navigationBarTitleText": ""
+}

+<view class="commenttop flexone">
+  <view class="commenttopitem {{coment==index?'comactive':''}}" wx:for="{{comentarr}}" wx:key="" bindtap="selitem" data-index="{{index}}">{{item}}</view>
+</view>
+<view class="bodybox">
+  <view class="photo" >
+    <view class="jianintro photobox" bindtap="comdetail">
+      <view class="comtop flextwo">
+        <view class="comleft">
+          <image src="/img/kele.png"></image>
+        </view>
+        <view class="comright">
+
+          <view class="comrtop flextwo">
+            <view class="comrname">一心只想撤撤撤</view>
+            <view class="star starone flexone">
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+            </view>
+          </view>
+          <view class="comdate">2019年10月12日</view>
+
+        </view>
+      </view>
+      <view class="comtext flexone">
+        <view class="comleft"></view>
+
+        <view class="comright">
+          <view class="flexone fenxia">
+            <view class="star starone flexone">
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/banke.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+            </view>
+            <view class="fen">8.5分</view>
+          </view>
+          <view class="text">
+            掌柜态度很专业热情，有问必答，回复也很快，我问了不少问题，他都不觉得烦，都会认真回答我，这点我向掌柜表示由衷的敬意，这样的好掌柜可不多了。
+          </view>
+          <view class="textboximg flexone">
+            <view class="boxitem">
+              <image src="/img/photo.png"></image>
+            </view>
+            <view class="boxitem">
+              <image src="/img/photo.png"></image>
+            </view>
+            <view class="boxitem">
+              <image src="/img/photo.png"></image>
+            </view>
+          </view>
+        </view>
+
+
+      </view>
+    </view>
+  </view>
+  <view class="photo" >
+    <view class="jianintro photobox" bindtap="comdetail">
+      <view class="comtop flextwo">
+        <view class="comleft">
+          <image src="/img/kele.png"></image>
+        </view>
+        <view class="comright">
+
+          <view class="comrtop flextwo">
+            <view class="comrname">一心只想撤撤撤</view>
+            <view class="star starone flexone">
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+            </view>
+          </view>
+          <view class="comdate">2019年10月12日</view>
+
+        </view>
+      </view>
+      <view class="comtext flexone">
+        <view class="comleft"></view>
+
+        <view class="comright">
+          <view class="flexone fenxia">
+            <view class="star starone flexone">
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/banke.png"></image>
+              </view>
+              <view class="staritem">
+                <image src="/img/star.png"></image>
+              </view>
+            </view>
+            <view class="fen">8.5分</view>
+          </view>
+          <view class="text">
+            掌柜态度很专业热情，有问必答，回复也很快，我问了不少问题，他都不觉得烦，都会认真回答我，这点我向掌柜表示由衷的敬意，这样的好掌柜可不多了。
+          </view>
+          <view class="textboximg flexone">
+            <view class="boxitem">
+              <image src="/img/photo.png"></image>
+            </view>
+            <view class="boxitem">
+              <image src="/img/photo.png"></image>
+            </view>
+            <view class="boxitem">
+              <image src="/img/photo.png"></image>
+            </view>
+          </view>
+        </view>
+
+
+      </view>
+    </view>
+  </view>
+
+</view>