22

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

+{
+  "navigationBarTitleText": "发现"
+}

+<view class="jiudandetailhead">
+  <view class="edtaileft">
+    <view class="edtaileftimg">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+    <view class="editmiddle">
+      <view class="middletop">万丈红尘一人醉</view>
+      <view class="middlebottom">lv12</view>
+    </view>
+
+  </view>
+
+
+
+  <view class="atten">关注</view>
+</view>

+.jiudandetailhead{
+  display:flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 30rpx;
+  box-sizing: border-box;
+
+}
+
+.edtaileftimg{
+  width:96rpx;
+  height:96rpx;
+  font-size: 0
+}
+
+image{
+  width:100%;
+  height:100%;
+}
+.edtaileft{
+  display:flex;
+  align-items: center;
+}
+.editmiddle{
+  margin-let:
+}

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

+{
+  "navigationBarTitleText": "酿酒师"
+}

+<view class="niangjiulist">
+    <view class="niangjiuitem">
+        <view class="teachimg">
+            <image src="{{url}}/aicon_77@2x.png"></image>
+        </view>
+        <view class="jiuname">徐强</view>
+
+        <view class="atten">关注</view>
+
+        <view class="jiubottom">
+            <view class="jiuleft">
+                <view class="jiuleftimg">
+                    <image src="{{url}}/aicon_66x.png"></image>
+                </view>
+                <view class="jiuzan">618</view>
+            </view>
+
+            <view class="jiumiddle">
+              <view class="middleimg">
+                  <image src="{{url}}/aicon_67x.png"></image>
+              </view>
+              <view class="tiao">54</view>
+            </view>
+
+            <view class="jiuright">
+              <image src="{{url}}/aicon_68x.png"></image>
+            </view>
+        </view>
+    </view>
+     <view class="niangjiuitem">
+        <view class="teachimg">
+            <image src="{{url}}/aicon_77@2x.png"></image>
+        </view>
+        <view class="jiuname">徐强</view>
+
+        <view class="atten">关注</view>
+
+        <view class="jiubottom">
+            <view class="jiuleft">
+                <view class="jiuleftimg">
+                    <image src="{{url}}/aicon_66x.png"></image>
+                </view>
+                <view class="jiuzan">618</view>
+            </view>
+
+            <view class="jiumiddle">
+              <view class="middleimg">
+                  <image src="{{url}}/aicon_67x.png"></image>
+              </view>
+              <view class="tiao">54</view>
+            </view>
+
+            <view class="jiuright">
+              <image src="{{url}}/aicon_68x.png"></image>
+            </view>
+        </view>
+    </view>
+     <view class="niangjiuitem">
+        <view class="teachimg">
+            <image src="{{url}}/aicon_77@2x.png"></image>
+        </view>
+        <view class="jiuname">徐强</view>
+
+        <view class="atten">关注</view>
+
+        <view class="jiubottom">
+            <view class="jiuleft">
+                <view class="jiuleftimg">
+                    <image src="{{url}}/aicon_66x.png"></image>
+                </view>
+                <view class="jiuzan">618</view>
+            </view>
+
+            <view class="jiumiddle">
+              <view class="middleimg">
+                  <image src="{{url}}/aicon_67x.png"></image>
+              </view>
+              <view class="tiao">54</view>
+            </view>
+
+            <view class="jiuright">
+              <image src="{{url}}/aicon_68x.png"></image>
+            </view>
+        </view>
+    </view>
+     <view class="niangjiuitem">
+        <view class="teachimg">
+            <image src="{{url}}/aicon_77@2x.png"></image>
+        </view>
+        <view class="jiuname">徐强</view>
+
+        <view class="atten">关注</view>
+
+        <view class="jiubottom">
+            <view class="jiuleft">
+                <view class="jiuleftimg">
+                    <image src="{{url}}/aicon_66x.png"></image>
+                </view>
+                <view class="jiuzan">618</view>
+            </view>
+
+            <view class="jiumiddle">
+              <view class="middleimg">
+                  <image src="{{url}}/aicon_67x.png"></image>
+              </view>
+              <view class="tiao">54</view>
+            </view>
+
+            <view class="jiuright">
+              <image src="{{url}}/aicon_68x.png"></image>
+            </view>
+        </view>
+    </view>
+    <view class="niangjiuitem">
+        <view class="teachimg">
+            <image src="{{url}}/aicon_77@2x.png"></image>
+        </view>
+        <view class="jiuname">徐强</view>
+
+        <view class="atten">关注</view>
+
+        <view class="jiubottom">
+            <view class="jiuleft">
+                <view class="jiuleftimg">
+                    <image src="{{url}}/aicon_66x.png"></image>
+                </view>
+                <view class="jiuzan">618</view>
+            </view>
+
+            <view class="jiumiddle">
+              <view class="middleimg">
+                  <image src="{{url}}/aicon_67x.png"></image>
+              </view>
+              <view class="tiao">54</view>
+            </view>
+
+            <view class="jiuright">
+              <image src="{{url}}/aicon_68x.png"></image>
+            </view>
+        </view>
+    </view>
+</view>

+.niangjiulist{
+  display:flex;
+  flex-wrap:wrap;
+}
+
+.teachimg{
+  width:120rpx;
+  height:120rpx;
+  font-size: 0;
+  border-radius:50%;
+  margin:40rpx auto 0;
+
+}
+.teachimg image{
+  width:100%;
+  height:100%;
+  border-radius:50%;
+}
+.niangjiuitem{
+  width:366rpx;
+  height:386rpx;
+  border-bottom: 1rpx solid #f5f5f5;
+  
+}
+.niangjiuitem:nth-child(n){
+  border-right:1rpx solid #f5f5f5
+}
+.jiuname{
+  color:#1A1A1A;
+  font-size: 28rpx;
+  text-align: center;
+  margin-top:14rpx;
+}
+.atten{
+  width:100rpx;
+  margin:20rpx auto 0;
+}
+.jiubottom{
+  display:flex;
+  align-items: center;
+  justify-content: space-around;
+  margin-top:23rpx;
+}
+.jiuleft{
+  display:flex;
+  align-items: center
+}
+.jiumiddle{
+  display:flex;
+  align-items: center
+}
+.jiuleftimg{
+  width:30rpx;
+  height:28rpx;
+  font-size: 0
+}
+image{
+  width:100%;
+  height:100%;
+}
+.jiuzan{
+  color:#666666;
+  font-size: 28rpx;
+  margin-left:16rpx;
+}
+.middleimg{
+  width:29rpx;
+  height:27rpx;
+  font-size: 0
+}
+.tiao{
+  color:#666666;
+  font-size: 28rpx;
+  margin-left:16rpx;
+}
+.jiuright{
+  width:26rpx;
+  height:26rpx;
+  font-size: 0
+}

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

+{
+  "navigationBarTitleText": "发现"
+}

+<view class="wineblock">
+ 
+  <view class="winetitle">浓香酒酿酒大师：沈才宏</view>
+
+  <view class="wineimg">
+    <image src="{{url}}aicon_64.png"></image>
+  </view>
+
+  <view class="winebottom">
+    <view class="winebottomleft">
+      <view class="winebottomleftimg">
+        <image src="{{url}}aicon_65x.png"></image>
+      </view>
+      <view class="wineeng">WinesBook</view>
+    </view>
+    <view class="winebottonright">
+
+      <view class="winerighttou">
+        <view class="winerighttouimg">
+          <image src="{{url}}aicon_66x.png"></image>
+        </view>
+        <view class="winezan">18</view>
+      </view>
+      <view class="winerighttou">
+        <view class="winerighttouimg">
+          <image src="{{url}}aicon_67x.png"></image>
+        </view>
+        <view class="winezan">54</view>
+      </view>
+
+      <view class="winerighttou">
+        <view class="winerighttouimg">
+          <image src="{{url}}aicon_68x.png"></image>
+        </view>
+
+      </view>
+    </view>
+
+  </view>
+
+</view>
+<view class="wineblock">
+ 
+  <view class="winetitle">浓香酒酿酒大师：沈才宏</view>
+
+  <view class="wineimg">
+    <image src="{{url}}aicon_64.png"></image>
+  </view>
+
+  <view class="winebottom">
+    <view class="winebottomleft">
+      <view class="winebottomleftimg">
+        <image src="{{url}}aicon_65x.png"></image>
+      </view>
+      <view class="wineeng">WinesBook</view>
+    </view>
+    <view class="winebottonright">
+
+      <view class="winerighttou">
+        <view class="winerighttouimg">
+          <image src="{{url}}aicon_66x.png"></image>
+        </view>
+        <view class="winezan">18</view>
+      </view>
+      <view class="winerighttou">
+        <view class="winerighttouimg">
+          <image src="{{url}}aicon_67x.png"></image>
+        </view>
+        <view class="winezan">54</view>
+      </view>
+
+      <view class="winerighttou">
+        <view class="winerighttouimg">
+          <image src="{{url}}aicon_68x.png"></image>
+        </view>
+
+      </view>
+    </view>
+
+  </view>
+
+</view>

+.winetitle{
+  color:#1A1A1A;
+  font-size: 28rpx;
+  margin-left:36rpx;
+  font-weight: bold
+}
+.wineimg{
+  width:686rpx;
+  height:300rpx;
+  margin:30rpx auto 0;
+}
+.winebottom{
+  display:flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  margin-top:30rpx;
+}
+.winebottomleftimg{
+  width:60rpx;
+  height:60rpx;
+  font-size: 0
+}
+.winebottomleft{
+  display:flex;
+  align-items: center
+}
+.winebottonright{
+  width:345rpx;
+  display:flex;
+  align-items: center;
+  justify-content: space-around
+}
+.winerighttouimg{
+  width:30rpx;
+  height:28rpx;
+  font-size: 0
+}
+.winerighttou{
+  display:flex;
+  align-items: center
+}
+.wineeng{
+  color:#666666;
+  font-size: 28rpx;
+  margin-left: 20rpx;
+}
+.winezan{
+  color:#666666;
+  font-size:28rpx;
+  margin-left:5rpx;
+}
+.wineblock{
+  border-bottom: 1rpx solid #f5f5f5;
+  padding-bottom: 30rpx;
+  margin-top:33rpx;
+}
+.pin{
+  width:16rpx;
+  height:32rpx;
+  font-size: 0
+}

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

+{
+  "usingComponents": {}
+}

+<view class="detailhead">
+  <view class="liuliang">播放将消耗7.72MB流量，是否需要在WIFI环境下播放</view>
+  <view class="goon">继续播放</view>
+</view>
+
+<view class="winebottom">
+  <view class="winebottomleft">
+    <view class="winebottomleftimg">
+      <image src="{{url}}aicon_65x.png"></image>
+    </view>
+    <view class="wineeng">WinesBook</view>
+  </view>
+  <view class="winebottonright">
+
+    <view class="winerighttou zantou">
+      <view class="winerighttouimg">
+        <image src="{{url}}aicon_66x.png"></image>
+      </view>
+      <view class="winezan">12</view>
+    </view>
+
+
+    <view class="winerighttou">
+      <view class="winerighttouimg">
+        <image src="{{url}}aicon_68x.png"></image>
+      </view>
+
+    </view>
+  </view>
+
+</view>
+
+
+<view class="commentlist">
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+
+
+
+</view>
+<view class="pingjiabottom">
+  <view class="pbleft">
+    <input placeholder='输入评论的内容' placeholder-class='enterping' />
+  </view>
+
+  <view class="pbright">发送</view>
+</view>

+.detailhead {
+  width: 750rpx;
+  height: 483rpx;
+  background: #000;
+  overflow: hidden;
+}
+
+.liuliang {
+  color: #fff;
+  font-size: 24rpx;
+  text-align: center;
+  margin-top: 164rpx;
+}
+
+.goon {
+  width: 206rpx;
+  height: 64rpx;
+  background: rgba(52, 52, 52, 1);
+  border-radius: 4rpx;
+  color: #fff;
+  font-size: 26rpx;
+  text-align: center;
+  line-height: 64rpx;
+  margin: 26rpx auto 0;
+}
+
+.winebottom {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 30rpx 32rpx;
+  box-sizing: border-box;
+  border-bottom: 1rpx solid #f5f5f5;
+}
+
+.winebottomleftimg {
+  width: 60rpx;
+  height: 60rpx;
+  font-size: 0;
+}
+
+.winebottomleft {
+  display: flex;
+  align-items: center;
+}
+
+.winebottonright {
+  width: 345rpx;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.winerighttouimg {
+  width: 30rpx;
+  height: 28rpx;
+  font-size: 0;
+}
+
+.winerighttou {
+  display: flex;
+  align-items: center;
+}
+
+.zantou {
+  margin-right: 50rpx;
+}
+
+.wineeng {
+  color: #666;
+  font-size: 28rpx;
+  margin-left: 20rpx;
+}
+
+.winezan {
+  color: #666;
+  font-size: 28rpx;
+  margin-left: 5rpx;
+}
+
+.wineblock {
+  border-bottom: 14rpx solid #f2f2f2;
+  padding-bottom: 30rpx;
+}
+
+.pin {
+  width: 16rpx;
+  height: 32rpx;
+  font-size: 0;
+}
+
+.commentlist {
+  padding: 0 30rpx;
+  box-sizing: border-box;
+  padding-bottom: 100rpx;
+}
+
+.commentitem {
+  display: flex;
+  padding: 40rpx 0;
+  box-sizing: border-box;
+  border-bottom: 1rpx solid #f5f5f5;
+}
+
+.commentleft {
+  width: 60rpx;
+  height: 60rpx;
+  font-size: 0;
+  border-radius: 50%;
+}
+
+image {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+
+.commentright {
+  margin-left: 20rpx;
+}
+
+.rightname {
+  color: #666;
+  font-size: 28rpx;
+}
+
+.rightdate {
+  color: #999;
+  font-size: 24rpx;
+  margin-top: 14rpx;
+}
+
+.righttext {
+  color: #1a1a1a;
+  font-size: 28rpx;
+  margin-top: 23rpx;
+}
+
+.pingjiabottom {
+  width: 750rpx;
+  height: 86rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16rpx 30rpx;
+  box-sizing: border-box;
+  position: fixed;
+  bottom: 0rpx;
+  background: #fff;
+  border-top: 1rpx solid #f5f5f5;
+}
+
+.pbleft {
+  width: 531rpx;
+  height: 60rpx;
+  background: rgba(242, 242, 242, 1);
+  border-radius: 5rpx;
+  color: #999;
+  font-size: 26rpx;
+  padding: 0 26rpx;
+  line-height: 60rpx;
+  box-sizing: border-box;
+}
+
+.pbleft input {
+  width: 531rpx;
+  height: 60rpx;
+  padding: 0 26rpx;
+  line-height: 60rpx;
+  box-sizing: border-box;
+}
+
+.enterping {
+  color: #999;
+  font-size: 2F6rpx;
+}
+
+.pbright {
+  width: 120rpx;
+  height: 60rpx;
+  background: rgba(232, 24, 37, 1);
+  border-radius: 30rpx;
+  color: #fff;
+  font-size: 26rpx;
+  text-align: center;
+  line-height: 60rpx;
+}

+// import qqmap from '../../utils/map.js';
+const app = getApp()
+
+Page({
+  data: {
+    //下面是字母排序
+    letter: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"],
+    cityListId: '',
+    //下面是城市列表信息，这里只是模拟数据
+    citylist: [{ "letter": "A", "data": [{ "id": "v7", "cityName": "安徽" }] }, { "letter": "B", "data": [{ "id": "v10", "cityName": "巴中" }, { "id": "v4", "cityName": "包头" }, { "id": "v1", "cityName": "北京" }] }, { "letter": "C", "data": [{ "id": "v15", "cityName": "成都" }] }, { "letter": "D", "data": [{ "id": "v21", "cityName": "稻城" }] }, { "letter": "G", "data": [{ "id": "v17", "cityName": "广州" }, { "id": "v29", "cityName": "桂林" }] }, { "letter": "H", "data": [{ "id": "v9", "cityName": "海南" }, { "id": "v3", "cityName": "呼和浩特" }] }, { "letter": "L", "data": [{ "id": "v24", "cityName": "洛阳" }, { "id": "v20", "cityName": "拉萨" }, { "id": "v14", "cityName": "丽江" }] }, { "letter": "M", "data": [{ "id": "v13", "cityName": "眉山" }] }, { "letter": "N", "data": [{ "id": "v27", "cityName": "南京" }] }, { "letter": "S", "data": [{ "id": "v18", "cityName": "三亚" }, { "id": "v2", "cityName": "上海" }] }, { "letter": "T", "data": [{ "id": "v5", "cityName": "天津" }] }, { "letter": "W", "data": [{ "id": "v12", "cityName": "乌鲁木齐" }, { "id": "v25", "cityName": "武汉" }] }, { "letter": "X", "data": [{ "id": "v23", "cityName": "西安" }, { "id": "v28", "cityName": "香港" }, { "id": "v19", "cityName": "厦门" }] }, { "letter": "Z", "data": [{ "id": "v8", "cityName": "张家口" }] }],
+    //下面是热门城市数据，模拟数据
+    newcity: ['北京', '上海', '广州', '深圳', '成都', '杭州'],
+    // citySel: '全国',
+    locateCity: '',
+    currentCity:'',
+    history_list:[],
+    hot_list:[]
+  },
+  //获取用户当前位置
+  getcity() {
+    let that = this;
+    wx.getLocation({
+      type: 'gcj02',
+      success: function (res) {
+        // 经纬度
+        var latitude = res.latitude
+        var longitude = res.longitude
+
+        var aK = that.data.aK
+        wx.request({
+          url: 'https://api.map.baidu.com/geocoder/v2/?ak=y8jPDTMIuAnaVscUztce1RKfNx8v5sok&location=' + latitude + ',' + longitude + '&output=json',
+          data: {},
+          header: {
+            'content-type': 'application/json'
+          },
+          success: function (res) {
+            console.log('1234567890', res)
+            var province = res.data.result.addressComponent.province;
+            let district = res.data.result.addressComponent.district
+            that.setData({
+              currentCity: province
+            })
+            wx.setStorageSync('city', province)
+            wx.request({
+              // url: 'xxx' + city,
+              // data: {},
+              // header: {
+              //   'content-type': 'application/json'
+              // },
+              // success: function (res) {
+              //   that.setData({
+              //     county: res.data,
+              //   })
+              // },
+            })
+          }
+        })
+
+      },
+      fail: function () {
+        wx.showToast({
+          title: '授权失败,请打开GPS重新进入页面授权',
+          icon: 'none',
+          duration: 2000
+        })
+      }
+    })
+  },
+
+  //点击城市
+  cityTap(e) {
+    console.log(e)
+    const val = e.currentTarget.dataset.val || '',
+      types = e.currentTarget.dataset.types || '',
+      Index = e.currentTarget.dataset.index || '',
+      that = this;
+    let city = this.data.citySel;
+    let newcity = e.currentTarget.dataset.val.cityName;
+    console.log(newcity)
+    if (newcity != undefined) {
+      wx.setStorageSync("cityname", newcity);
+    }
+
+   
+    let url = 'index/Index/set_city', params = {
+      city: newcity,
+
+    }
+    app.post(url, params).then((res) => {
+      console.log(res);
+
+
+
+    }).catch((err) => {
+
+    })
+
+    wx.navigateBack({
+      checked:true
+    })
+  },
+
+  //点击热门城市
+  cityTaphot(e){
+    console.log(e)
+    let newcity = e.currentTarget.dataset.val;
+    console.log(newcity)
+    if (newcity != undefined) {
+      wx.setStorageSync("cityname", newcity);
+    }
+
+
+    let url = 'index/Index/set_city', params = {
+      city: newcity,
+
+    }
+    app.post(url, params).then((res) => {
+      console.log(res);
+
+
+
+    }).catch((err) => {
+
+    })
+
+    wx.navigateBack({
+      checked: true
+    })
+  },
+  //点击历史记录
+  cityTaphistory(e){
+    let newcity = e.currentTarget.dataset.val;
+    console.log(newcity)
+    if (newcity != undefined) {
+      wx.setStorageSync("cityname", newcity);
+    }
+
+    wx.navigateBack({
+      checked: true
+    })
+  },
+  //点击城市字母
+  letterTap(e) {
+    const Item = e.currentTarget.dataset.item;
+    this.setData({
+      cityListId: Item
+    });
+    console.log("..............." + this.data.cityListId);
+  },
+  //调用定位
+
+  //获取热门城市
+
+  gethotcity() {
+    let that = this;
+    var url = 'index/Index/get_city';
+    var params = {
+    }
+    app.post(url, params).then((res) => {
+      console.log(res);
+      that.setData({
+        hot_list: res.hot_city,
+        history_list: res.history_list
+      })
+
+      console.log(that.data.newcity)
+
+
+    }).catch((err) => {
+
+    })
+
+  },
+
+  onShow() {
+    console.log(getApp());
+    let that = this,
+      cityOrTime = wx.getStorageSync('locatecity') || {},
+      time = new Date().getTime(),
+      city = '';
+    if (!cityOrTime.time || (time - cityOrTime.time > 1800000)) {//每隔30分钟请求一次定位
+      
+    } else {//如果未满30分钟，那么直接从本地缓存里取值
+      that.setData({
+        locateCity: cityOrTime.city
+      })
+    }
+    that.getcity()
+
+    that.gethotcity()
+
+  }
+})

+{
+  "usingComponents": {}
+}

+<view class='city_box'>
+  <view class='city_left'>
+    <scroll-view scroll-y style='width:100%;height:100%;' scroll-with-animation scroll-into-view='{{cityListId}}'>
+      <view class='city_locate' data-types='locate' catchtap='cityTap'>
+        <!-- <text class='city_locate_title'>自动定位</text>
+        <text class='city_locate_text' style='{{!locateCity&&"color:#33b9ff;"}}'>{{locateCity||'点击定位'}}</text> -->
+
+        <view class="slecity">
+         <image src='{{url}}bicon_01x.png'></image>
+        </view>
+
+        <view>{{currentCity}}</view>
+      </view>
+      <!-- <view class='national' data-types='national' catchtap='cityTap'>全国</view> -->
+      <view class='new_city'>
+        <view class='new_city_title'>历史访问城市</view>
+        <view class='new_city_box'>
+        <view class="nodata" wx:if="{{history_list.length==0}}">暂无数据</view>
+        <block wx:else>
+          <text class='new_city_text' wx:for='{{history_list}}' wx:key='this' data-types='new' catchtap='cityTaphistory' data-val='{{item}}'>{{item}}</text>
+          </block>
+        </view>
+      </view>
+      
+      <view class='new_city'>
+        <view class='new_city_title'>热门城市</view>
+        <view class='new_city_box'>
+          <text class='new_city_text' wx:for='{{hot_list}}' wx:key='this' data-types='new' catchtap='cityTaphot' data-val='{{item}}'>{{item}}</text>
+        </view>
+      </view>
+      
+      <view class='city_list_box'>
+        <block wx:for='{{citylist}}' wx:key='this' wx:for-item='letterItem' wx:for-index='letterIndex'>
+          <view class='city_first_letter' id='{{letterItem.letter}}'>{{letterItem.letter}}</view>
+          <text class='city_name' wx:for='{{letterItem.data}}' wx:key='this' data-types='list' catchtap='cityTap' data-index='{{index}}' data-val='{{item}}'>{{item.cityName}}</text>
+        </block>
+      </view>
+    </scroll-view>
+  </view>
+  <view class='city_right'>
+    <text class='letter_item' wx:for='{{letter}}' wx:key='this' catchtap='letterTap' data-item='{{item}}'>{{item}}</text>
+  </view>
+</view>

+page{
+  height:100%
+}
+
+.city_box{
+  height:100%;
+  background: #fff;
+  display: flex;
+}
+.city_left{
+  flex: 1;
+}
+.city_right{
+  width: 60rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+}
+.letter_item{
+  flex: 1;
+  display: block;
+  font-size: 24rpx;
+  color: #33B9FF;
+  text-align: center;
+}
+.city_locate,.national{
+  height: 80rpx;
+  line-height: 80rpx;
+  border-bottom: 1px solid #efefef;
+  font-size: 28rpx;
+  color: #333;
+  padding-left: 25rpx;
+}
+.city_locate_title{
+  color: #999;
+  margin-right: 20rpx;
+}
+.new_city{
+  background: #efefef;
+  font-size: 28rpx;
+}
+.new_city_title{
+  line-height: 60rpx;
+  color: #999;
+  padding-left: 25rpx;
+  /* margin-bottom: 20rpx; */
+}
+.new_city_box{
+  display: flex;
+  flex-wrap: wrap;
+  background: #fff;
+}
+.new_city_text{
+  width: 200rpx;
+  text-align: center;
+  line-height: 70rpx;
+  background: #fff;
+  border-radius: 35rpx;
+  margin:0 0 22rpx 22rpx;
+}
+.city_first_letter{
+  line-height: 60rpx;
+  height: 60rpx;
+  padding-left: 25rpx;
+  font-size: 28rpx;
+  background: #eee;
+  color: #999;
+ 
+}
+.city_name{
+  display: block;
+  line-height: 80rpx;
+  height: 80rpx;
+  border-bottom: 1px solid #efefef;
+  font-size: 28rpx;
+  color: #333;
+  padding-left: 25rpx;
+}
+.city_locate{
+  display:flex;
+  align-items: center
+}
+.slecity{
+  width:20rpx;
+  height:24rpx;
+  font-size:0
+}
+.slecity image{
+  width:100%;
+ height:100%;
+}
+.nodata{
+  color:#999;
+  font-size: 30rpx;
+  text-align: center;
+  width:750rpx;
+  padding: 20rpx 0;
+}

+// pages/homeblock/shuxing/shuxing.js
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    url: '',
+    user_list: [],
+    list: [],
+    type: 1,
+    arr: []
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function(options) {
+    this.setData({
+      url: app.globalData.url,
+    })
+
+    this.getcanshu()
+  },
+  qingchu() {
+    this.setData({
+      type: 2
+    })
+  },
+  //获取酒品参数
+  getcanshu() {
+    let that = this;
+    let url = 'index/Wine/wine_attr',
+      params = {
+
+      }
+    app.post(url, params).then((res) => {
+      console.log(res);
+      that.setData({
+        user_list: res.user_list,
+        list: res.list
+      })
+
+      let allarr = [];
+      let usearr = []
+
+      let newlist = that.data.list;
+      for (var obj of newlist) {
+        obj.sel = false,
+          allarr.push(obj.id)
+      }
+
+      that.setData({
+        list: newlist
+      })
+      let newuserlist = that.data.user_list;
+      for (var obj of newuserlist) {
+        obj.sel = false;
+        usearr.push(obj.id)
+      }
+
+      that.setData({
+        user_list: newuserlist
+      })
+
+      console.log(allarr)
+      console.log(usearr)
+      //判断所有属性里有没有默认属性
+      let newuserlist1 = that.data.user_list;
+      let newlist1 = that.data.list;
+
+
+      let arr = []
+
+      for (var i = 0; i < allarr.length; i++) {
+
+        if (usearr.indexOf(allarr[i]) == -1) {
+          arr.push(allarr[i])
+        }
+      }
+
+      for (var i = 0; i < newlist1.length; i++) {
+        for (var j = 0; j < arr.length; j++) {
+          if (newlist1[i].id == arr[j]) {
+            newlist1[i].sel=true
+          }
+        }
+
+      }
+      that.setData({
+        list:newlist1
+      })
+
+    }).catch((err) => {
+
+    })
+  },
+  //删除
+  shanchu(e) {
+    let id = e.currentTarget.dataset.id;
+    this.setData({
+      type: 3
+    })
+    let newuser_list = this.data.user_list;
+    for (var i = 0; i < newuser_list.length; i++) {
+      if (id == newuser_list[i].id) {
+        newuser_list.splice(i, 1)
+      }
+    }
+
+    this.setData({
+      user_list: newuser_list
+
+    })
+    let newlist = this.data.list;
+    for (var obj of newlist) {
+      if (id == obj.id) {
+        obj.sel = true
+      }
+    }
+
+    this.setData({
+      list: newlist
+    })
+  },
+
+  //长按事件
+  handleLongPress(e) {
+
+    this.setData({
+      type:3
+    })
+    let id = e.currentTarget.dataset.id;
+
+    let newlist = this.data.list;
+    let newuser_list = this.data.user_list
+    for (var obj of newlist) {
+      if (obj.id == id) {
+        if (obj.sel == true) {
+          obj.sel = false;
+          newuser_list.push(obj)
+        }
+
+      }
+    }
+
+    this.setData({
+      list: newlist,
+      user_list: newuser_list
+    })
+  },
+
+  //完成事件
+  finish() {
+    let that = this;
+    let arr = [];
+    let newuser_list = that.data.user_list;
+    for (var obj of newuser_list) {
+      arr.push(obj.id)
+    }
+    console.log(arr)
+
+    if (arr.indexOf(-1) == -1) {
+      wx.showToast({
+        title: '基本参数无法取消',
+        icon: 'none'
+      })
+    } else if (arr.indexOf(-2) == -1) {
+      wx.showToast({
+        title: '生产企业无法取消',
+        icon: 'none'
+      })
+    } else if (arr.indexOf(-3) == -1) {
+      wx.showToast({
+        title: '酿酒师无法取消',
+        icon: 'none'
+      })
+    } else if (arr.indexOf(-4) == -1) {
+      wx.showToast({
+        title: '专业品评无法取消',
+        icon: 'none'
+      })
+    } else if (arr.indexOf(-5) == -1) {
+      wx.showToast({
+        title: '独具匠心无法取消',
+        icon: 'none'
+      })
+    } else {
+      let url = 'index/Wine/change_attr_order',
+        params = {
+          attr_array: arr,
+
+        }
+      app.post(url, params).then((res) => {
+        console.log(res);
+        wx.showToast({
+          title: '修改成功',
+          icon:'none'
+        })
+
+        setTimeout(function() {
+          wx.navigateBack({
+            checked: true
+          })
+        }, 1500)
+
+
+
+      }).catch((err) => {
+
+      })
+    }
+
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function() {
+
+  }
+})

+{
+  "navigationBarTitleText": "属性"
+}

+<view class="clear" wx:if="{{type==1}}" bindtap="qingchu">清除</view>
+<view class="clear" wx:if="{{type==2}}">编辑</view>
+<view class="clear" wx:if="{{type==3}}" bindtap="finish">完成</view>
+
+<view class="morenshu">
+  <view class="moren">默认属性</view>
+  <view class="longan">长按可拖动排序</view>
+</view>
+
+<view class="shubox">
+  <view class="shuitem" wx:for="{{user_list}}" wx:key="">
+    {{item.name}}
+
+    <view class="cancelmg" wx:if="{{type!=1}}" bindtap="shanchu" data-id="{{item.id}}">
+      <image src="{{url}}/bicon_09x.png"></image>
+    </view>
+  </view>
+ 
+</view>
+
+
+<view class="morenshu allshu">
+  <view class="moren">所有属性</view>
+  <view class="longan">长按可拖动排序</view>
+</view>
+
+
+<view class="shubox">
+  <view class="allshuitem {{item.sel==true?'selitem':''}}" wx:for="{{list}}" wx:key="" 
+bindlongpress="handleLongPress" data-id="{{item.id}}">{{item.name}}</view>
+ 
+</view>

+page{
+  background: #F2F2F2;
+  padding: 0 33rpx;
+  box-sizing: border-box
+}
+
+.clear{
+  color:#E81825;
+  font-size: 28rpx;
+  display:flex;
+  justify-content: flex-end;
+  
+  margin-top:20rpx;
+
+}
+.moren{
+  color:#1A1A1A;
+  font-size: 32rpx;
+  font-weight: bold
+}
+.morenshu{
+  display:flex;
+  align-items: center;
+  justify-content: space-between
+}
+.longan{
+  color:#999999;
+  font-size: 26rpx;
+}
+.shubox{
+  display:flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin-top:29rpx;
+}
+.shuitem{
+  margin-right:20rpx;
+  padding:10rpx 20rpx;
+  box-sizing: border-box;
+  background: #FAFAFA;
+  color:#666666;
+  font-size: 26rpx;
+  margin-top:16rpx;
+  position: relative
+}
+.allshuitem{
+   margin-right:20rpx;
+  padding:10rpx 20rpx;
+  box-sizing: border-box;
+  background: #EBEBEB;
+  color:#CCCCCC;
+  font-size: 26rpx;
+  margin-top:16rpx;
+  position: relative
+}
+.cancelmg{
+  width:22rpx;
+  height:22rpx;
+  font-size: 0;
+  border-radius:50%;
+  position: absolute;
+  right:-10rpx;
+  top:-10rpx;
+
+}
+.cancelmg image{
+  width:100%;
+  height:100%;
+  border-radius:50%;
+
+}
+.allshu{
+  margin-top:60rpx;
+}
+.selitem{
+  background: #fff;
+  color:#666666
+}

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

+{
+  "usingComponents": {}
+}

+<view class="video">
+  <video src="{{videourl}}" autoplay="true" bindended="end"></video>
+</view>

+page{
+  width:100%;
+  height:100%;
+}
+
+.video{
+  width:750rpx;
+  height:100%;
+}
+.video video{
+  width:100%;
+  height:100%;
+}

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

+{
+  "navigationBarTitleText": "积分记录"
+}

+<view class="jilubox">
+  <view class="jiluitem">
+      <view class="jiluleft">
+          <view class="jilutext">评论</view>
+          <view class="jiludate">2019-02-28  11:23</view>
+      </view>
+
+      <view class="jiluright">
+        <view class="righttop">+100.00</view>
+
+        <view class="righttext">已成功</view>
+      </view>
+  </view>
+  <view class="jiluitem">
+      <view class="jiluleft">
+          <view class="jilutext">评论</view>
+          <view class="jiludate">2019-02-28  11:23</view>
+      </view>
+
+      <view class="jiluright">
+        <view class="righttop">+100.00</view>
+
+        <view class="righttext">已成功</view>
+      </view>
+  </view>
+  <view class="jiluitem">
+      <view class="jiluleft">
+          <view class="jilutext">评论</view>
+          <view class="jiludate">2019-02-28  11:23</view>
+      </view>
+
+      <view class="jiluright">
+        <view class="righttop">+100.00</view>
+
+        <view class="righttext">已成功</view>
+      </view>
+  </view>
+  <view class="jiluitem">
+      <view class="jiluleft">
+          <view class="jilutext">评论</view>
+          <view class="jiludate">2019-02-28  11:23</view>
+      </view>
+
+      <view class="jiluright">
+        <view class="righttop">+100.00</view>
+
+        <view class="righttext">已成功</view>
+      </view>
+  </view>
+  <view class="jiluitem">
+      <view class="jiluleft">
+          <view class="jilutext">评论</view>
+          <view class="jiludate">2019-02-28  11:23</view>
+      </view>
+
+      <view class="jiluright">
+        <view class="righttop">+100.00</view>
+
+        <view class="righttext">已成功</view>
+      </view>
+  </view>
+  <view class="jiluitem">
+      <view class="jiluleft">
+          <view class="jilutext">评论</view>
+          <view class="jiludate">2019-02-28  11:23</view>
+      </view>
+
+      <view class="jiluright">
+        <view class="righttop">+100.00</view>
+
+        <view class="righttext">已成功</view>
+      </view>
+  </view>
+  <view class="jiluitem">
+      <view class="jiluleft">
+          <view class="jilutext">评论</view>
+          <view class="jiludate">2019-02-28  11:23</view>
+      </view>
+
+      <view class="jiluright">
+        <view class="righttop">+100.00</view>
+
+        <view class="righttext">已成功</view>
+      </view>
+  </view>
+</view>

+
+.jilubox{
+  padding:0 35rpx;
+  box-sizing: border-box; 
+}
+.jiluitem{
+  display:flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.jilutext{
+  color:#1A1A1A;
+  font-size:32rpx;
+}
+.jiludate{
+  color:#999999;
+  font-size:24rpx;
+  margin-top:22rpx;
+}
+.righttop{
+  color:#FF5344;
+  font-size: 32rpx;
+}
+.righttext{
+  color:#666666;
+  font-size: 26rpx;
+  margin-top:22rpx;
+  text-align: center
+
+}
+.jiluitem{
+  padding: 42rpx 0;
+  box-sizing: border-box;
+  border-bottom:1rpx solid #f5f5f5;
+}

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

+{
+  "navigationBarTitleText": "酿酒师"
+}

+<view class="niangjiulist">
+  <view class="niangjiuitem">
+    <view class="niangjiuleft">
+      <view class="njiuimg">
+        <image src="{{url}}/aicon_77@2x.png"></image>
+      </view>
+
+      <view class="leftname">徐强</view>
+      <view class="duigou" style="margin-left:20rpx;">
+        <image src="{{url}}aicon_20x.png"></image>
+      </view>
+    </view>
+
+    <view class="atten">关注</view>
+  </view>
+  <view class="niangjiuitem">
+    <view class="niangjiuleft">
+      <view class="njiuimg">
+        <image src="{{url}}/aicon_77@2x.png"></image>
+      </view>
+
+      <view class="leftname">徐强</view>
+      <view class="duigou" style="margin-left:20rpx;">
+        <image src="{{url}}aicon_20x.png"></image>
+      </view>
+    </view>
+
+    <view class="atten">关注</view>
+  </view>
+  <view class="niangjiuitem">
+    <view class="niangjiuleft">
+      <view class="njiuimg">
+        <image src="{{url}}/aicon_77@2x.png"></image>
+      </view>
+
+      <view class="leftname">徐强</view>
+      <view class="duigou" style="margin-left:20rpx;">
+        <image src="{{url}}aicon_20x.png"></image>
+      </view>
+    </view>
+
+    <view class="atten">关注</view>
+  </view>
+  <view class="niangjiuitem">
+    <view class="niangjiuleft">
+      <view class="njiuimg">
+        <image src="{{url}}/aicon_77@2x.png"></image>
+      </view>
+
+      <view class="leftname">徐强</view>
+      <view class="duigou" style="margin-left:20rpx;">
+        <image src="{{url}}aicon_20x.png"></image>
+      </view>
+    </view>
+
+    <view class="atten">关注</view>
+  </view>
+  <view class="niangjiuitem">
+    <view class="niangjiuleft">
+      <view class="njiuimg">
+        <image src="{{url}}/aicon_77@2x.png"></image>
+      </view>
+
+      <view class="leftname">徐强</view>
+      <view class="duigou" style="margin-left:20rpx;">
+        <image src="{{url}}aicon_20x.png"></image>
+      </view>
+    </view>
+
+    <view class="alatten">关注</view>
+  </view>
+</view>

+
+.niangjiuitem{
+  display:flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 32rpx 0;
+  box-sizing: border-box;
+  border-bottom:1rpx solid #f5f5f5;
+
+}
+
+.duigou{
+  width:24rpx;
+  height:24rpx;
+  font-size: 0;
+  margin-left:8rpx;
+}
+
+
+.niangjiulist{
+  padding: 0 32rpx;
+}
+.njiuimg{
+  width:60rpx;
+  height:60rpx;
+  font-size: 0;
+  border-radius: 50%
+}
+
+.njiuimg image{
+  border-radius:50%;
+}
+.niangjiuleft{
+  display:flex;
+  align-items: center;
+}
+.leftname{
+  color:#1A1A1A;
+  font-size: 28rpx;
+  margin-left:30rpx;
+}
+.alatten{
+  padding:0 20rpx;
+  height:50rpx;
+  background:#B3B3B3;
+  border-radius:2rpx;
+  font-size:26rpx;
+  color:#fff;
+  text-align:center;
+  line-height:50rpx;
+
+}

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

+{
+  "navigationBarTitleText": "评价"
+}

+<view class="commentlist">
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+  <view class="commentitem">
+    <view class="commentleft">
+      <image src="{{url}}/aicon_77@2x.png"></image>
+    </view>
+
+    <view class="commentright">
+      <view class="rightname">小叶子</view>
+      <view class="rightdate">2019年11月5日</view>
+      <view class="righttext">我怎么这么好看</view>
+    </view>
+  </view>
+
+
+
+</view>
+<view class="pingjiabottom">
+  <view class="pbleft">
+    <input placeholder='输入评论的内容' placeholder-class='enterping' />
+  </view>
+
+  <view class="pbright">发送</view>
+</view>

+.commentlist{
+  padding: 0 30rpx;
+  box-sizing: border-box;
+  padding-bottom: 100rpx;
+}
+.commentitem{
+  display:flex;
+  padding: 40rpx 0;
+  box-sizing: border-box;
+  border-bottom:1rpx solid #f5f5f5;
+  
+ 
+}
+.commentleft{
+  width:60rpx;
+  height:60rpx;
+  font-size: 0;
+  border-radius:50%;
+
+}
+image{
+  width:100%;
+  height:100%;
+  border-radius: 50%;
+}
+.commentright{
+    margin-left:20rpx;
+}
+.rightname{
+  color:#666666;
+  font-size: 28rpx;
+
+}
+.rightdate{
+  color:#999999;
+  font-size: 24rpx;
+  margin-top:14rpx;
+}
+.righttext{
+  color:#1A1A1A;
+  font-size: 28rpx;
+  margin-top:23rpx;
+}
+.pingjiabottom{
+  width:750rpx;
+  height:86rpx;
+  display:flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16rpx 30rpx;
+  box-sizing: border-box;
+  position: fixed;
+  bottom:0rpx;
+  background: #fff;
+  border-top:1rpx solid #f5f5f5;
+}
+.pbleft{
+  width:531rpx;
+  height:60rpx;
+  background:rgba(242,242,242,1);
+  border-radius:5rpx;
+  color:#999999;
+  font-size: 26rpx;
+  padding: 0 26rpx;
+  line-height: 60rpx;
+   box-sizing: border-box
+}
+.pbleft input{
+   width:531rpx;
+  height:60rpx;
+  padding: 0 26rpx;
+  line-height: 60rpx;
+  box-sizing: border-box
+
+}
+.enterping{
+  color:#999999;
+  font-size: 26rpx
+}
+.pbright{
+  width:120rpx;
+  height:60rpx;
+  background:rgba(232,24,37,1);
+  border-radius:30rpx;
+  color:#fff;
+  font-size: 26rpx;
+  text-align: center;
+  line-height: 60rpx;
+}

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

+{
+  "navigationBarTitleText": "设置密码"
+}

+<view class="setmima">
+  <view class="setmimaleft">
+  <input placeholder='设置密码' placeholder-class='shemi'/>
+  
+  </view>
+  <view class="mimaeye">
+      <image src="{{url}}/bicon_14x.png"></image>
+  </view>
+</view>
+
+<view class="que">确认</view>
+
+<view class="needmi">需要有6-20位数字、字母或符号组成，至少两种</view>
+
+<view class="mimasuccess">密码设置成功</view>

+page{
+  background: #F2F2F2
+}
+.setmima{
+  width:540rpx;
+  height:120rpx;
+  background:rgba(255,255,255,1);
+  border-radius:5rpx;
+  margin:206rpx auto 0;
+  display:flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 30rpx;
+  box-sizing: border-box
+}
+.setmimaleft{
+  width:420rpx;
+  color:#1A1A1A;
+  font-size: 30rpx;
+
+}
+.shemi{
+  color:#1A1A1A;
+  font-size: 30rpx;
+}
+.mimaeye{
+  width:34rpx;
+  height:16rpx;
+  font-size: 0
+}
+.que{
+  width:540rpx;
+  height:100rpx;
+  background:rgba(232,24,37,1);
+  border-radius:50rpx;
+  color:#fff;
+  font-size: 30rpx;
+  text-align: center;
+  line-height: 100rpx;
+  margin:90rpx auto 0;
+}
+.needmi{
+  color:#999999;
+  font-size: 24rpx;
+  text-align: center;
+  margin-top:32rpx;
+}
+.mimasuccess{
+  width:290rpx;
+  height:60rpx;
+  background:rgba(0,0,0,1);
+  opacity:0.8;
+  border-radius:10rpx;
+  color:#fff;
+  font-size: 24rpx;
+  text-align: center;
+  line-height: 60rpx;
+  margin:468rpx auto 0;
+}