上传

+//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)
+              }
+            }
+          })
+        }
+      }
+    })
+
+
+    
+  },
+
+  post: function (url, data, headerParams, showLoad) {
+    wx.showNavigationBarLoading()
+    var promise = new Promise((resolve, reject) => {
+      //init
+      let that = this;
+      let postData = data;
+      let baseUrl = 'https://winesbook.cn/api/';
+      //网络请求
+      let header = {
+        'XX-Device-Type': 'wxapp',
+        'XX-Token': wx.getStorageSync("token") || ''
+      }
+      header = Object.assign(header, headerParams)
+      //网络请求  
+      wx.request({
+        url: baseUrl + url,
+        data: postData,
+        method: 'POST',
+        header: header,
+
+        success: function (res) { //返回取得的数据
+          if (res.data.code == '20000') {
+            resolve(res.data.data);
+          } else if (res.data.code == '201') {
+            resolve(res.data);
+          } else {
+            console.log(res)
+            reject(res)
+          }
+
+          // else if (res.data.code == '42002') {
+
+          // } 
+          // setTimeout(function () {
+
+          //   wx.hideNavigationBarLoading()
+          // }, 600)
+        },
+        fail: function (e) {
+          reject('网络出错');
+          // wx.hideLoading()
+          wx.hideNavigationBarLoading()
+        },
+        complete: function () {
+          wx.hideNavigationBarLoading()
+        },
+      })
+    });
+    return promise;
+  },
+
+  nowDate() {
+    let date = new Date();
+    let month = date.getMonth() + 1;
+    let day = date.getDate();
+    return date.getFullYear() + '年' + (month > 9 ? month : ('0' + month)) + '月' + (day > 9 ? day : ('0' + day)) + '日';
+  },
+
+  newnowDate() {
+    let date = new Date();
+    let month = date.getMonth() + 1;
+    let day = date.getDate();
+    return date.getFullYear() + '-' + (month > 9 ? month : ('0' + month)) + '-' + (day > 9 ? day : ('0' + day));
+  },
+  initDate(a) {
+    let date1 = new Date();
+    let time1 = date1.getFullYear() + "年" + (date1.getMonth() + 1) + "月" + date1.getDate() + '日';
+    let date2 = new Date(date1);
+    date2.setDate(date1.getDate() + a);
+    let time2 = date2.getFullYear() + "年" + (date2.getMonth() + 1) + "月" + date2.getDate() + '日';
+    return time2;
+  },
+  globalData: {
+    userInfo: null,
+    url:'http://winesbook.cn/static/images_mini/'
+  }
+})

+{
+  "pages": [
+    "pages/login/login",
+    "pages/homapage/homepage",
+    "pages/find/find",
+    "pages/index/index",
+    "pages/logs/logs",
+    "pages/mine/mine",
+    "pages/myblock/personpage/personpage",
+    "pages/homeblock/search/search",
+    "pages/homeblock/brandlist/brandlist",
+    "pages/homeblock/brandpage/brandpage",
+    "pages/homeblock/companyintro/companyintro",
+    "pages/homeblock/zhinengselect/zhinengselect",
+    "pages/homeblock/shipaiimg/shipaiimg",
+    "pages/homeblock/guanimg/guanimg",
+    "pages/homeblock/shortvideo/shortvideo",
+    "pages/homeblock/niangjiuteacher/niangjiuteacher",
+    "pages/homeblock/jiuzidian/jiuzidian",
+    "pages/homeblock/evalute/evalute",
+    "pages/homeblock/evalutecontent/evalutecontent",
+    "pages/myblock/zhanghaoyuanquan/zhanghaoyuanquan",
+    "pages/myblock/zhanghaobangding/zhanghaobangding",
+    "pages/myblock/huanbangshouji/huanbangshouji",
+    "pages/myblock/guanzhu/guanzhu",
+    "pages/myblock/pinglun/pinglun",
+    
+    "pages/enteryanzheng/enteryanzheng",
+    "pages/forgetmima/forgetmima",
+    "pages/wanshangeren/wanshangeren",
+    "pages/peopleinfo/peopleinfo"
+    
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "",
+    "navigationBarTextStyle": "black"
+  },
+  "tabBar": {
+    "selectedColor": "#FF8839",
+    "list": [
+      {
+        "pagePath": "pages/homapage/homepage",
+        "text": "酒字典",
+        "selectedColor": "#E81825",
+        "iconPath": "img/nav_01x.png",
+        "selectedIconPath": "img/nav_05x.png"
+      },
+      {
+        "pagePath": "pages/find/find",
+        "text": "发现",
+        "selectedColor": "#E81825",
+        "iconPath": "img/nav_06x.png",
+        "selectedIconPath": "img/nav_02x.png"
+      },
+      {
+        "pagePath": "pages/mine/mine",
+        "text": "我的",
+        "selectedColor": "#E81825",
+        "iconPath": "img/nav_03x.png",
+        "selectedIconPath": "img/nav_04x.png"
+      }
+    ]
+  },
+  "sitemapLocation": "sitemap.json"
+}

+
+
+
+@font-face {font-family: "iconfont";
+  src: url('//at.alicdn.com/t/font_1185667_ds07xvngh3k.eot?t=1557490149623'); /* IE9 */
+  src: url('//at.alicdn.com/t/font_1185667_ds07xvngh3k.eot?t=1557490149623#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAJ4AAsAAAAABiAAAAItAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAooRwE2AiQDCAsGAAQgBYRtBzEbbgXInpo8CQBIEAKw5OZZAMTD9/v9b+1zz1NNXxTzaBJFExlPJNEqFptWpnvEM0P7d//nMgdo757P88fyFNGAfSG/5fSl6QDVnJ5SE3ITbm/9Qwq8v752fZ5r6iXQgeQHmmsHRSUlBdDeeEAD7MLRkW0gQ98wdsELfE6gaU5P6ejxkxtoyux1gbhx1bOgWYjKMivUhWrD0Sxeqainx+kDXkbfj792RZ2kUrBbTl1auzD7wSkpHpWPXAwIMQI6XUGBLUAmzjVmT6gIxlU0s1VL4FiNwQ9lGXjEUZ2C/XV2fRvMwFzwg7dWgASPRRluT1KAqN49Re6l1+3sX7v38OPlfx0EKN+ntcoB8qvg1rf+6+39V29l8PFPvkfh8n02zA/q6/mC91cPHMiG1nanrKkbx5Pqftuamijh4NDvVNvkZMVQN5ngr5nNUKhbITO7BRUte1BVdwBNm21Pt4yIisgNbPIJEPq+kHS9RqHvm8zsDyqm/lDVjwJNF2J0Zcu6uNo8cpMsJRftJwwcTo3r1XbceEVeEVuS10b8HUkeJHC8bUe5sKWUZIkd+b03UTVohBPcgNcojhkz4ZAcHfiq2XS4/VKTQgOHE2g7QhCLIi5ke4ICDpYywWTVrnz+CvEUYhbp6Kur3iEiF8yOxgZGA8itKR3U9yjv5O55JpQykCFYAm3AIhKLMZQ1LwoRhxrwJ6QzU0NnlBlqGmxvSf7uFDTZ9hTO3ELt2lUrVS4AAAA=') format('woff2'),
+  url('//at.alicdn.com/t/font_1185667_ds07xvngh3k.woff?t=1557490149623') format('woff'),
+  url('//at.alicdn.com/t/font_1185667_ds07xvngh3k.ttf?t=1557490149623') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('//at.alicdn.com/t/font_1185667_ds07xvngh3k.svg?t=1557490149623#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-jiantou:before {
+  content: "\e63f";
+}
+
+image{
+  width:100%;
+  height:100%;
+}
+/* 遮罩层 */
+
+.register{
+     width: 100%;
+     height: 100%;
+     background-color: rgba(0,0,0,0.5);
+     position:fixed;
+     top:180rpx;
+    
+     left:0;
+     right:0;
+     z-index: 5;
+ }
+
+ /* 箭头样式 */
+
+ .listrow{
+  color:#999999;
+  font-size: 24rpx;
+}
+
+/* 星星图片 */
+ .starimg{
+   width:34rpx;
+   height:32rpx;
+   font-size: 0
+ }
+
+ .redrow{
+  width:12rpx;
+  height:25rpx;
+  font-size: 0
+}
+
+/* 关注 */
+
+.atten{
+  width:100rpx;
+  height:50rpx;
+  background:rgba(232,24,37,1);
+  border-radius:2rpx;
+  font-size: 26rpx;
+  color:#fff;
+  text-align: center;
+  line-height: 50rpx;
+ }
+
+ /* 上三角 */
+ .boxright{
+   width:26rpx;
+   height:15rpx;
+   font-size: 0
+ }

+// pages/enteryanzheng/enteryanzheng.js
+let interval = null;
+const app=getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    Length: 6,        //输入框个数
+    isFocus: true,    //聚焦
+    Value: "",        //输入的内容
+    ispassword: true,
+    currentTime: 60,
+    time:'',
+    phonenum:''
+    
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    console.log(options.phonenum)
+    this.setData({
+      phonenum:options.phonenum
+    })
+
+    this.getcode()
+  },
+
+  //获取验证码
+  getcode(){
+    let that = this;
+    let currentTime = that.data.currentTime;
+    that.setData({
+      disable: true
+    })
+    interval = setInterval(function () {
+      currentTime--;
+      that.setData({
+        time: currentTime + 's后再次发送',
+
+      })
+      if (currentTime <= 0) {
+        clearInterval(interval)
+        that.setData({
+          time: '重新发送',
+          currentTime: 61,
+          disable: false
+        })
+      }
+    }, 1000)
+
+
+    var url = '/user/Profile/getCode';
+    var params = {
+      mobile: that.data.phonenum,
+
+    }
+
+    app.post(url, params).then((res) => {
+      console.log(res);
+      if (res.code) {
+
+      }
+
+    }).catch((err) => {
+      console.log(err)
+      wx.showToast({
+        title: err.ResultMsg,
+        icon: "none"
+      })
+    })
+  },
+
+  entercode(){
+    if (this.data.time == '重新发送'){
+      this.getcode()
+    }
+  },
+  
+  Focus(e) {
+    var that = this;
+    let arr=that.data.arr;
+    console.log(e.detail.value.length);
+
+    // arr.push(e.detail.value);
+    // console.log(arr.length)
+    var inputValue = e.detail.value;
+    that.setData({
+      Value: inputValue,
+      len: e.detail.value.length
+    })
+
+    if (that.data.Value.length==6){
+      that.yanzhenglogin()
+    }
+
+    
+  },
+
+  yanzhenglogin(){
+    let that=this;
+    var url = '/user/Profile/bind_mobile';
+    var params = {
+      mobile: that.data.phonenum,
+      verification_code:that.data.Value
+    }
+
+    app.post(url, params).then((res) => {
+      console.log(res);
+      wx.setStorageSync('token', res.token)
+     wx.switchTab({
+       url: '/pages/homapage/homepage',
+     })
+
+    }).catch((err) => {
+      console.log(err)
+
+      wx.showToast({
+        title: err.data.msg,
+        icon: "none"
+      })
+    })
+  },
+  Tap() {
+    var that = this;
+    that.setData({
+      isFocus: true,
+    })
+  },
+  formSubmit(e) {
+    console.log(e.detail.value.password);
+  },
+
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "navigationBarTitleText": "输入验证码"
+}

+
+<view class="yanzhengma">验证码已发送至+86 {{phonenum}}</view>
+<form bindsubmit="formSubmit">
+ 
+  <view class='content'>
+ 
+    <block wx:for="{{Length}}" wx:key="item">
+      <input class='iptbox' value="{{Value.length>=index+1?Value[index]:''}}" disabled password='{{ispassword}}' catchtap='Tap'></input>
+    </block>
+ 
+  </view>
+ 
+  <input name="password" password="{{true}}" class='ipt' maxlength="{{Length}}" focus="{{isFocus}}" bindinput="Focus"></input>
+
+  <view class="daojishi" bindtap="entercode">{{time}}</view>
+
+  <view class="unrigester">未注册用户登录时自动创建账号，且代表您已同意</view>
+  <view class="xieyi">《用户协议》</view>
+ 
+  <!-- <view>
+    <button class="btn-area" formType="submit">Submit</button>
+  </view> -->
+ 
+</form>

+.yanzhengma{
+  color:#1A1A1A;
+  font-size: 28rpx;
+  text-align: center;
+  margin-top:108rpx;
+}
+
+.content{
+  display: flex;
+  width:570rpx;
+  margin:0 auto;
+  justify-content: center;
+  align-items: center;
+  margin-top: 72rpx;
+}
+.iptbox{
+  width: 66rpx;
+  height: 80rpx;
+  border-bottom:1rpx solid #E81825;
+  margin-left:28rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+.xieyi{
+  color:#E81825;
+  font-size: 24rpx;
+  width:528rpx;
+  text-align: left;
+  margin:10rpx auto 0;
+}
+.ipt{
+  width: 0;
+  height: 0;
+}
+.btn-area{
+  width: 80%;
+  background-color: orange;
+  color:white;
+}
+.daojishi{
+  color:#999999;
+  font-size: 24rpx;
+  text-align: right;
+  margin-right:105rpx;
+}
+.unrigester{
+  width:528rpx;
+  color:#999999;
+  font-size: 24rpx;
+  text-align: center;
+  margin:59rpx auto 0;
+
+}

+// pages/find/find.js
+const app=getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    imgUrls: ['http://winesbook.cn/static/images_mini/aicon_60@2x.png',
+    'http://winesbook.cn/static/images_mini/aicon_60@2x.png'
+    ],
+    indicatorDots: false,
+    autoplay: false,
+    interval: 2000,
+    duration: 1000,
+    currentSwiper: 0,
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    this.setData({
+      url: app.globalData.url
+    })
+  },
+  swiperChange: function (e) {
+    this.setData({
+      currentSwiper: e.detail.current
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

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

+<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 style="border-radius:10px;">
+        <image src="{{item}}" data-index='{{index}}' class="slide-image" bindtap='viewImg' width="355" height="150" />
+      </swiper-item>
+    </block>
+  </swiper>
+
+  <view class="dots">
+    <block wx:for="{{imgUrls}}" wx:key="">
+      <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
+    </block>
+  </view>
+
+</view>
+
+<view class="middlehead">
+  <view class="rilihead">
+    <view class="rili">
+      <image src="{{url}}aicon_62x.png"></image>
+    </view>
+    <view class="every">
+      <image src="{{url}}aicon_63x.png"></image>
+    </view>
+  </view>
+
+  <view class="more">
+    <view class="moreword">更多</view>
+    <view class="moreimg">
+      <image src="{{url}}aicon_61x.png"></image>
+    </view>
+  </view>
+
+</view>
+
+<view class="tast">
+  <view class="tastimg">
+    <image src="{{url}}aicon_25@2x.png"></image>
+  </view>
+
+  <view class="tastcontent">
+    <view class="tasttitle">石库门·海上繁华</view>
+    <view class="tasttext">海派风味:开坛飘香，入口爽滑</view>
+  </view>
+
+</view>
+
+<view class="wineblock">
+  <view class="middlehead">
+    <view class="rilihead">
+      <view class="rili">
+        <image src="{{url}}aicon_46x.png"></image>
+      </view>
+      <view class="jiudan">
+        酒单推荐
+      </view>
+    </view>
+
+    <view class="more">
+      <view class="moreword">更多</view>
+      <view class="moreimg">
+        <image src="{{url}}aicon_61x.png"></image>
+      </view>
+    </view>
+
+  </view>
+  <view class="winetitle">年轻人生日party必备酒单</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="middlehead">
+    <view class="rilihead">
+      <view class="pin">
+        <image src="{{url}}aicon_69x.png"></image>
+      </view>
+      <view class="jiudan">
+       专家品酒
+      </view>
+    </view>
+
+    <view class="more">
+      <view class="moreword">更多</view>
+      <view class="moreimg">
+        <image src="{{url}}aicon_61x.png"></image>
+      </view>
+    </view>
+
+  </view>
+  <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="middlehead">
+    <view class="rilihead">
+      <view class="rili">
+        <image src="{{url}}aicon_72x.png"></image>
+      </view>
+      <view class="jiudan">
+       酿酒大师
+      </view>
+    </view>
+
+    <view class="more">
+      <view class="moreword">更多</view>
+      <view class="moreimg">
+        <image src="{{url}}aicon_61x.png"></image>
+      </view>
+    </view>
+
+  </view>
+  <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>

+  .swiper_image{
+  width:750rpx;
+  height:300rpx;
+  font-size: 0;
+  position: relative
+  
+
+}
+.swiper_item_img{
+ 
+  height:300rpx;
+}
+.swiper_image image{
+  width:100%;
+  height:100%;
+  /* box-shadow:0px -1px 6px 0px rgba(212,137,96,0.11); */
+  border-radius:10px;
+}
+.swiper_item_img swiper-item{
+   width:750rpx;
+  height:300rpx;
+ 
+
+  
+}
+.swiper_item_img swiper-item image{
+  width:100%;
+  height:100%;
+  
+}
+
+
+.dots{
+    /* width: 156rpx; */
+    height: 36rpx;
+    display: flex;
+    flex-direction: row;
+    position: absolute;
+    justify-content: center;
+    align-items: center;
+    left: 0;
+    right:0;
+    bottom: 20rpx;
+}
+/*未选中时的小圆点样式 */
+.dot{
+    width: 10rpx;
+    height: 10rpx;
+    border-radius: 50%;
+    margin-right: 26rpx;
+    background-color:#000000
+}
+/*选中以后的小圆点样式  */
+.active{
+    width: 10rpx;
+    height: 10rpx;
+    border-radius:50%;
+    background-color: #E81825;
+   
+
+}
+image{
+  width:100%;
+  height:100%;
+}
+.middlehead{
+  display:flex;
+  justify-content: space-between;
+  align-items: center;
+   padding: 34rpx 32rpx;
+  box-sizing: border-box;
+}
+.rilihead{
+  display:flex;
+  align-items: center;
+  justify-content: space-between;
+ 
+}
+.rili{
+  width:26rpx;
+  height:26rpx;
+  font-size: 0
+}
+.every{
+  width:202rpx;
+  height:30rpx;
+  font-size: 0;
+  margin-left: 8rpx;
+
+}
+.more{
+  display:flex;
+  align-items: center;
+  justify-content: center;
+}
+.moreword{
+  font-size: 26rpx;
+  color:#999999
+}
+.moreimg{
+  width:10rpx;
+  height:18rpx;
+  font-size: 0;
+  margin-left:15rpx;
+}
+.tast{
+  display:flex;
+  align-items: center;
+  border-bottom:14rpx solid #F2F2F2;
+  padding-bottom: 30rpx;
+  
+}
+.tastimg{
+  width:80rpx;
+  height:80rpx;
+  font-size: 0;
+  margin-left:62rpx;
+}
+.tastcontent{
+  margin-left:32rpx;
+}
+.tasttitle{
+  color:#1A1A1A;
+  font-size:28rpx;
+
+}
+.tasttext{
+ color:#999999;
+ font-size: 24rpx;
+ margin-top:24rpx; 
+}
+.jiudan{
+  font-size: 32rpx;
+  color:#1A1A1A;
+  font-weight: bold;
+  margin-left:8rpx;
+}
+.winetitle{
+  color:#1A1A1A;
+  font-size: 28rpx;
+  margin-left:36rpx
+}
+.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: 14rpx solid #F2F2F2;
+  padding-bottom: 30rpx;
+}
+.pin{
+  width:16rpx;
+  height:32rpx;
+  font-size: 0
+}

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

+{
+  "navigationBarTitleText": "忘记密码"
+}

+<view wx:if="{{first}}">
+  <view class="yanzheng">
+    <view class="yanzhengleft">
+      <view class="pho">+86</view>
+      <view class="rowimg">
+        <image src="{{url}}/aicon_53x.png"></image>
+      </view>
+    </view>
+
+    <view class="yanzhengmiddle">
+
+      <input placeholder='请输入手机号' placeholder-class='enterphone' bindinput="enterphone" type="number"/>
+    </view>
+    <view class="chaimg">
+      <image src="{{url}}/aicon_07x.png"></image>
+    </view>
+  </view>
+
+  <view class="safe">为了安全,我们会向您的手机发送验证码</view>
+
+  <view class="login">下一步</view>
+
+  
+</view>
+
+<view wx:if="{{second}}">
+<view class="yanzheng ">
+    
+  
+
+    <view class="yanzhengmiddle">
+
+      <input placeholder='请输入验证码' placeholder-class='enterphone' />
+    </view>
+
+    <view class="fasong">重新发送52</view>
+    
+  </view>
+  <view class="yanzheng mima">
+    <view class="yanzhengmiddle yanzhengma">
+
+      <input placeholder='设置新密码' placeholder-class='enterphone' />
+    </view>
+    <view class="mimaimg">
+      
+      <view class="eyeimg">
+        <image src="{{url}}/bicon_13x.png"></image>
+      </view>
+    </view>
+
+  </view>
+
+  <view class="entermimacode">需要有6-20位数字、字母或符号组成</view>
+
+  
+
+  <view class="login">登录</view>
+
+</view>

+page {
+  background: #f2f2f2;
+}
+
+.headtitle {
+  color: #e81825;
+  font-size: 48rpx;
+  text-align: center;
+  font-weight: bold;
+  margin-top: 45rpx;
+}
+
+.logintitle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 70rpx;
+}
+
+.loginleft {
+  color: #999;
+  font-size: 34rpx;
+  position: relative;
+  width: 185rpx;
+  text-align: center;
+}
+
+.loginright {
+  color: #999;
+  font-size: 34rpx;
+  margin-left: 109rpx;
+  position: relative;
+  width: 170rpx;
+  text-align: center;
+}
+
+.loginactive::after {
+  content: '';
+  width: 60rpx;
+  height: 4rpx;
+  background: rgba(232, 24, 37, 1);
+  position: absolute;
+  bottom: -10rpx;
+  left: 30%;
+}
+
+.yanzhengleft {
+  display: flex;
+  align-items: center;
+  padding-right: 20rpx;
+  border-right: 1rpx solid #f5f5f5;
+}
+
+.yanzhengmiddle {
+  
+  width: 285rpx;
+  color: #999;
+  font-size: 30rpx;
+  border-right:1rpx solid #f5f5f5;
+}
+
+.pho {
+  color: #1a1a1a;
+  font-size: 30rpx;
+}
+
+.rowimg {
+  width: 18rpx;
+  height: 10rpx;
+  font-size: 0;
+  margin-left: 10rpx;
+}
+
+.chaimg {
+  width: 26rpx;
+  height: 26rpx;
+  font-size: 0;
+  margin-left: 66rpx;
+}
+
+.yanzheng {
+  display: flex;
+  align-items: center;
+  padding: 30rpx 39rpx;
+  box-sizing: border-box;
+  background: #fff;
+  width: 540rpx;
+  margin: 107rpx auto 0;
+}
+
+.login {
+  width: 540rpx;
+  height: 100rpx;
+  background: #CCCCCC;
+  border-radius: 50rpx;
+  text-align: center;
+  line-height: 100rpx;
+  color: #fff;
+  font-size: 30rpx;
+  margin: 74rpx auto 0;
+}
+
+.firlogin {
+  color: #999;
+  font-size: 24rpx;
+  text-align: center;
+  margin-top: 26rpx;
+}
+
+.enterphone {
+  color: #999;
+  font-size: 30rpx;
+  width: 300rpx;
+}
+
+.mima {
+  margin-top: 32rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.mimaimg{
+  display:flex;
+  align-items: center
+}
+.yanzhengma {
+  margin-left: 0;
+}
+.eyeimg{
+  width:34rpx;
+  height:21rpx;
+  font-size: 0;
+  margin-left:30rpx;
+}
+.forgetmima{
+  color:#666666;
+  font-size: 28rpx;
+  text-align: right;
+  margin:33rpx 104rpx 0 0 ;
+}
+.safe{
+  color:#999999;
+  font-size: 24rpx;
+  width:540rpx;
+  margin:32rpx auto 0;
+}
+.fasong{
+  color:#CCCCCC;
+  font-size: 24rpx;
+  margin-left:27rpx;
+}
+.entermimacode{
+  color:#999999;
+  font-size: 24rpx;
+  text-align: center;
+  margin-top:33rpx;
+}

+// pages/homapage/homepage.js
+
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    url: '',
+    shai: false,
+    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: '',
+    type: "",
+    record: '',
+    showcountry: false,
+    showcity: false,
+    countrylist: [],
+    citylist: [],
+    sort_id: '',
+    country: '',
+    city: "",
+    region: '',
+    odor_id: "",
+    kindlist: [{
+      type: 1,
+      name: '品类',
+      sle: false
+
+    }, {
+      type: 2,
+      name: '国别',
+      sle: false
+
+    }, {
+      type: 3,
+      name: '产区',
+      sle: false
+
+    }, {
+      type: 4,
+      name: '香型',
+      sle: false
+
+    }],
+
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function(options) {
+    this.setData({
+      url: app.globalData.url
+    })
+    console.log(this.data.url)
+    this.getshailist();
+    this.gethomeindex()
+  },
+  letterTap(e) {
+    console.log(e)
+    const Item = e.currentTarget.dataset.item;
+    console.log(Item)
+    this.setData({
+      cityListId: Item
+    });
+    console.log("..............." + this.data.cityListId);
+  },
+  //获取筛选内容
+  getshailist() {
+    let that = this;
+    var url = "/index/Index/filter"
+    var params = {
+
+    }
+
+    app.post(url, params).then((res) => {
+
+      that.setData({
+        record: res.wine_count.dataset,
+        citylist: res.region
+      })
+
+
+      if (that.data.type == 1) {
+        that.setData({
+          shaikind: res.sort
+        })
+      } else if (that.data.type == 2) {
+        that.setData({
+          countrylist: res.country
+        })
+
+        let newcountrylist = that.data.countrylist;
+        for (var obj of newcountrylist) {
+          obj.sel = false
+        }
+      } else if (that.data.type == 3) {
+
+        that.setData({
+          shaikind: res.region
+        })
+      } else if (that.data.type == 4) {
+        that.setData({
+          shaikind: res.odor
+        })
+      }
+
+      let newshaikind = that.data.shaikind;
+      for (var obj of newshaikind) {
+        obj.sel = false
+      }
+
+      that.setData({
+        shaikind: newshaikind
+      })
+
+      let newnewshaikind = that.data.shaikind;
+
+      for (var obj of newnewshaikind) {
+
+
+        if (that.data.type == 1) {
+          if (obj.id == that.data.sort_id) {
+            obj.sel = true
+          }
+        } else if (that.data.type == 4) {
+          if (obj.id == that.data.odor_id) {
+            obj.sel = true
+          }
+        }
+
+      }
+
+      that.setData({
+        shaikind: newnewshaikind
+      })
+
+
+    }).catch((err) => {
+
+
+    })
+  },
+
+  // 点击筛选
+
+  shaikind(e) {
+    let that = this;
+    let type = e.currentTarget.dataset.type
+    that.setData({
+      type: e.currentTarget.dataset.type,
+      // shai: true
+    })
+
+    if (type == 2) {
+      that.setData({
+        shai: false,
+        showcountry: true
+
+      })
+    }
+
+    let newkindlist = that.data.kindlist;
+    for (var obj of newkindlist) {
+      if (obj.type == type) {
+        obj.sel = !obj.sel;
+        if (obj.sel == true) {
+          that.setData({
+            shai: true,
+          })
+        } else {
+          that.setData({
+            shai: false,
+          })
+        }
+      } else {
+        obj.sel = false
+      }
+    }
+
+    that.setData({
+      kindlist: newkindlist
+    })
+
+    that.getshailist();
+
+  },
+  //选择类别
+  selectkind(e) {
+
+
+    let id = e.currentTarget.dataset.id;
+    console.log(id)
+
+    let newshaikind = this.data.shaikind;
+
+    for (var obj of newshaikind) {
+      if (obj.id == id) {
+        obj.sel = !obj.sel
+      } else {
+        obj.sel = false
+      }
+
+      if (this.data.type == 1) {
+        if (obj.sel == true) {
+          this.setData({
+            sort_id: obj.id
+          })
+        }
+      } else if (this.data.type == 4) {
+        if (obj.sel == true) {
+          this.setData({
+            odor_id: obj.id
+          })
+        }
+      }
+
+
+    }
+
+
+    this.setData({
+      shaikind: newshaikind
+    })
+
+    // this.setData({
+    //   shai:false
+    // })
+  },
+
+  hideregister() {
+    this.setData({
+      shai: false
+    })
+    let newkindlist = this.data.kindlist;
+    for (var obj of newkindlist) {
+      obj.sel = false;
+    }
+
+    this.setData({
+      kindlist: newkindlist
+    })
+  },
+
+  //筛选首页内容
+  gethomeindex() {
+    let that = this;
+    var url = "/index/Index/index"
+    var params = {
+      sort_id: that.data.sort_id,
+      country: that.data.country,
+      city: that.data.city,
+      region: that.data.region,
+      odor_id: that.data.odor_id
+
+    }
+
+    app.post(url, params).then((res) => {
+      console.log(res);
+      that.setData({
+        newcity: res.top,
+        citylist: res.brand_list
+      })
+      let newbrand_list = that.data.citylist;
+    }).catch((err) => {
+      console.log(err)
+
+    })
+  },
+  // 选择城市
+  selectcountry(e) {
+    let countryid = e.currentTarget.dataset.id;
+
+    let newcountrylist = this.data.countrylist;
+
+    for (var obj of newcountrylist) {
+      obj.sel = !obj.sel;
+      if (obj.sel == true) {
+        if (obj.id == countryid) {
+          let newkindlist = this.data.kindlist;
+
+          newkindlist[1].name = obj.country_name
+          this.setData({
+            kindlist: newkindlist
+          })
+
+        } else {
+          obj.sel = false
+        }
+      }
+
+
+    }
+
+    this.setData({
+      countrylist: newcountrylist
+    })
+
+  },
+
+  countrysure() {
+    this.setData({
+      showcountry: false,
+      shai:false
+    })
+  },
+
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function() {
+    // this.getshailist()
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function() {
+
+  }
+})

+{
+  "navigationBarTitleText": "",
+  "navigationBarBackgroundColor": "#E81825"
+ 
+}

+<!-- 种类的遮罩层 -->
+
+<view class="register" wx:if="{{shai}}" bindtap="hideregister">
+  <view class="registerwrap">
+    <view class="registeritem {{item.sel==true?'selact':''}}" wx:for="{{shaikind}}" wx:key="" wx:if="{{type==1}}" data-id="{{item.id}}" catchtap='selectkind'>{{item.sort_name}}</view>
+    <view class="registeritem {{item.sel==true?'selact':''}}" wx:for="{{shaikind}}" wx:key="" wx:if="{{type==2}}" data-id="{{item.id}}" catchtap='selectkind'>{{item.country_name}}</view>
+    <view class="registeritem {{item.sel==true?'selact':''}}" wx:for="{{shaikind}}" wx:key="" wx:if="{{type==3}}" data-id="{{item.id}}" catchtap='selectkind'>{{item.region_name}}</view>
+    <view class="registeritem {{item.sel==true?'selact':''}}" wx:for="{{shaikind}}" wx:key="" wx:if="{{type==4}}" data-id="{{item.id}}" catchtap='selectkind'>{{item.odor_name}}</view>
+
+
+  </view>
+</view>
+
+<!-- 国家遮罩层 -->
+<view class="cregister" wx:if="{{showcountry}}">
+  <view class="quehead">
+    <view class="backrow"></view>
+    <view class="selcoun">选择国别</view>
+    <view class="cqueding" bindtap="countrysure">确定</view>
+  </view>
+
+  <view class="countryitem" wx:for="{{countrylist}}" wx:key="" data-name="{{item.country_name}}" bindtap="selectcountry" data-id="{{item.id}}">
+    <view class="selcounitem" >{{item.country_name}}</view>
+
+    <view class="gouimg" wx:if="{{item.sel==true}}">
+        <image src="{{url}}/aicon_18x.png"></image>
+    </view> 
+  </view>
+
+
+
+
+
+</view>
+<!-- 城市遮罩层 -->
+<view class="cregister" wx:if="{{showcity}}">
+  <view class="quehead">
+    <view class="backrow"></view>
+    <view class="selcoun">选择城市</view>
+    <view class="cqueding">确定</view>
+  </view>
+
+  <view class="selcounitem" wx:for="{{citylist}}" wx:key="" data-name="{{item.country_name}}" bindtap="selectcountry">{{item.city}}</view>
+
+
+
+</view>
+
+<view class="heatop">
+  <view class="head">
+    <view class="address">
+      <view class="addressimg">
+        <image src='{{url}}bicon_01x.png'></image>
+      </view>
+
+      <view class="addressname">天津</view>
+    </view>
+
+    <view class="headmiddle">
+      <view class="searchimg">
+        <image src="{{url}}aicon_04@2x.png"></image>
+      </view>
+
+      <view class="searchinput">
+        <input placeholder='已收录298653款酒品' placeholder-class='seachenter' value="{{record}}" />
+      </view>
+
+      <view class="saoma">
+        <image src="{{url}}bicon_04@2x.png"></image>
+      </view>
+    </view>
+
+    <view class="address">
+      <view class="shaixuan">
+        <image src='{{url}}bicon_02@2x.png'></image>
+      </view>
+
+      <view class="addressname shai">筛选</view>
+    </view>
+
+  </view>
+  <!-- 筛选 -->
+  <view class="shaisel">
+    <view class="shaikind" bindtap="shaikind" data-type="{{item.type}}" wx:for="{{kindlist}}" wx:key="">
+      <view class="shaikindname">{{item.name}}</view>
+      <view class="shaikindimg">
+        <image src="{{url}}bicon_06x.png" wx:if="{{item.sel==true}}"></image>
+        <image src="{{url}}bicon_05x.png" wx:else></image>
+
+      </view>
+    </view>
+  </view>
+
+  <!-- <view class="hot">
+    <view class="hotimg">
+      <image src="{{url}}bicon_08@2x.png"></image>
+    </view>
+
+    <view class="hotzi">
+      <image src="{{url}}bicon_07@2x.png"></image>
+    </view>
+</view>  -->
+</view>
+<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="hot">
+        <view class="hotimg">
+          <image src="{{url}}bicon_08@2x.png"></image>
+        </view>
+
+        <view class="hotzi">
+          <image src="{{url}}bicon_07@2x.png"></image>
+        </view>
+      </view>
+      <view class='new_city'>
+
+        <view class='new_city_box'>
+          <view class='new_city_text' wx:for='{{newcity}}' wx:key='this' data-types='new' catchtap='cityTap' data-val='{{item}}'>
+            <view class="hotgood">
+              <view class="imgleft">
+                <image src="{{item.logo}}"></image>
+              </view>
+              <view class="contentright">
+                <view class="contenttop">{{item.name}}</view>
+                <view class="contenbottom">
+                  <text class="textname">{{item.sort_name}}</text>
+                  <text class="textname">{{item.country}}</text>
+                  <text class="textname">{{item.city}}</text>
+                  <text class="textname">{{item.odor_name}}</text>
+                </view>
+              </view>
+
+            </view>
+
+          </view>
+        </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.name}}'>{{letterItem.name}}</view>
+          <!-- {{item.cityName}} -->
+          <view class='city_name' wx:for='{{letterItem.list}}' id='{{letterItem.name}}' wx:key='this' data-types='list' catchtap='cityTap' data-index='{{index}}' data-val='{{item}}'>
+
+            <view class="imgleft">
+              <image src="{{item.logo}}"></image>
+            </view>
+            <view class="contentright">
+              <view class="contenttop">{{item.name}}</view>
+              <view class="contenbottom">
+                <text class="textname">{{item.sort_name}}</text>
+                <text class="textname">{{item.country}}</text>
+                <text class="textname"> {{item.city}} </text>
+                <text class="textname">{{item.odor_name}}</text> </view>
+            </view>
+
+          </view>
+        </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{
+  background: #F2F2F2;
+  /* overflow-y: hidden;
+   margin-bottom: 200rpx; */
+}
+.heatop{
+  width:750rpx;
+  position: fixed;
+  top:0;
+  left:0;
+  z-index:888
+}
+.head{
+  height:80rpx;
+  background: #E81825;
+  display:flex;
+  justify-content: center;
+  align-items: center
+}
+.hotgood{
+  display:flex;
+  align-items: center;
+  padding: 28rpx;
+  box-sizing: border-box;
+  border-bottom:1px solid #efefef
+}
+
+.address{
+  display:flex;
+  align-items: center;
+  justify-content: center;
+}
+.addressimg{
+  width:20rpx;
+  height:26rpx;
+  font-size: 0
+}
+.addressimg image{
+  width:100%;
+  height:100%;
+}
+.addressname{
+  color:#fff;
+  font-size: 28rpx;
+  margin-left:8rpx;
+}
+.searchinput{
+  color:#B3B3B3;
+  font-size: 26rpx;
+  margin-left:20rpx;
+}
+.seachenter{
+  color:#B3B3B3;
+  font-size: 26rpx;
+}
+.searchimg{
+  width:28rpx;
+  height:28rpx;
+  font-size: 0
+}
+.saoma{
+  width:38rpx;
+  height:36rpx;
+  font-size: 0;
+  margin-left:20rpx;
+}
+ image{
+  width:100%;
+  height:100%;
+}
+.headmiddle{
+  width:460rpx;
+  height:80rpx;
+  background: #fff;
+  display:flex;
+  padding: 0 24rpx;
+  box-sizing: border-box;
+  align-items: center;
+  margin-left:27rpx;
+}
+.shaixuan{
+  width:58rpx;
+  height:54rpx;
+  font-size: 0;
+  margin-left:27rpx;
+}
+.shai{
+  margin:29rpx 0 0 -10rpx;
+  
+}
+.shaisel{
+  height:100rpx;
+  background: #E81825;
+}
+.shaikindimg{
+  width:14rpx;
+  height:10rpx;
+  font-size: 0
+}
+.shaikind{
+  display:flex;
+  align-items: center;
+  justify-content: center;
+}
+.shaisel{
+  display:flex;
+  justify-content: space-around;
+  align-items: center;
+}
+.shaikindname{
+  color:#FFFFFF;
+  font-size: 28rpx;
+}
+.shaikindimg{
+  margin-left:8rpx;
+}
+.hot{
+  display:flex;
+  align-items: center;
+  padding: 35rpx 32rpx;
+  box-sizing: border-box;
+  background: #F2F2F2
+}
+.hotimg{
+  width:20rpx;
+  height:28rpx;
+  font-size: 0
+}
+.hotzi{
+  width:250rpx;
+  height:35rpx;
+  font-size: 0;
+  margin-left:8rpx;
+}
+
+/* 遮罩层 */
+.register{
+  /* margin-top:182rpx; */
+}
+.quehead{
+  display:flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 32rpx;
+  box-sizing: border-box
+ 
+}
+.backrow{
+  width:100rpx;
+  height:100rpx;
+}
+.selcoun{
+  color:#333;
+  font-size: 32rpx;
+ 
+}
+.cqueding{
+  color:#E81825;
+  font-size:32rpx;
+  
+}
+.cregister{
+   width: 100%;
+     height: 100%;
+     background: #fff;
+     position:fixed;
+     top:0rpx;
+    
+     left:0;
+     right:0;
+     z-index: 999;
+     padding: 0 32rpx;
+     box-sizing: border-box;
+     overflow-y: scroll
+}
+
+.registerwrap{
+    width:750rpx;
+   
+    background: #ffffff;
+    
+    position: absolute;
+    z-index: 99;
+    top:0rpx;
+    left:0;
+    /* transform: translate(-50%,-50%); */
+    display:flex;
+    flex-wrap: wrap
+    
+}
+.selcounitem{
+  color:#333;
+  font-size: 30rpx;
+  height: 100rpx;
+  border-bottom:1rpx solid #f5f5f5;
+  line-height: 100rpx;
+}
+.registeritem{
+  color:#666666;
+  font-size: 30rpx;
+  padding: 21rpx;
+  box-sizing: border-box;
+  margin-left:20rpx;
+  line-height: 1
+
+}
+.imgleft{
+    width:52rpx;
+    height:73rpx;
+    font-size: 0
+}
+
+image{
+  width:100%;
+  height:100%;
+}
+.contenttop{
+  color:#1A1A1A;
+  font-size: 28rpx;
+}
+.contenbottom{
+  color:#999999;
+  font-size: 24rpx;
+ 
+}
+.contentright{
+  margin-left:34rpx;
+}
+page{
+  height:100%
+}
+
+.city_box{
+  height:100%;
+  background: #fff;
+  display: flex;
+  margin-top:187rpx;
+
+}
+.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: 50rpx;
+  color: #999;
+  padding-left: 25rpx;
+  margin-bottom: 20rpx;
+}
+.new_city_box{
+  /* display: flex;
+  flex-wrap: wrap; */
+}
+.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: 40rpx;
+  height: 40rpx;
+  padding-left: 25rpx;
+  font-size: 28rpx;
+  background: #eee;
+  color: #999;
+}
+.city_name{
+  display: flex;
+  align-items: center;
+  /* line-height: 80rpx;
+  height: 80rpx; */
+  padding: 28rpx;
+  box-sizing: border-box;
+  border-bottom: 1px solid #efefef;
+  font-size: 28rpx;
+  color: #333;
+  padding-left: 25rpx;
+}
+.textname{
+  padding: 0 23rpx;
+  box-sizing: border-box;
+  border-right:1rpx solid #f5f5f5;
+}
+.textname:first-child{
+  padding-left:0;
+}
+.textname:last-child{
+  border-right:none;
+}
+.selact{
+  color:#E81825
+}
+
+.countryitem{
+  display: flex;
+  align-items: center;
+  justify-content: space-between
+}
+.gouimg{
+  width:50rpx;
+  height:40rpx;
+  font-size: 0
+}

+// pages/homeblock/brandlist/brandlist.js
+const app=getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    navbar: ['在售','预售','停产在售','停售'],
+    currentTab: 0,
+    url:""
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    this.setData({
+      url: app.globalData.url
+    })
+  },
+  navbarTap: function (e) {
+    this.setData({
+      currentTab: e.currentTarget.dataset.idx,
+      parent_id: e.currentTarget.dataset.id,
+
+    })
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {}
+}

+<view class="kindnav">
+    <view wx:for="{{navbar}}" data-idx="{{index}}" class="kindnav_item {{currentTab==index ? 'kindactive' : ''}}" wx:key="unique" bindtap="navbarTap" data-id="{{item.id}}">{{item}}
+    </view>
+</view>
+
+<view class="brandhead">
+    <view class="brandleft">
+        <view class="brandleftimg">
+            <image src="{{url}}aicon_19@2x.png"></image>
+        </view>
+        <view class="lefttitle">白云边</view>
+        <view class="starimg">
+            <image src="{{url}}aicon_09x.png"></image>
+        </view>
+    </view>
+    <view class="brandright">
+        <view class="rightname">品牌介绍</view>
+        <view class="redrow">
+            <image src="{{url}}aicon_26@2x.png"></image>
+        </view>
+    </view>
+</view>
+
+<view class="baiyun">白云边</view>
+
+<view >
+ <view class="searchitem">
+      <view class="searchitemleft">
+        <view class="itemleftimg">
+          <image src="{{url}}aicon_11@2x.png"></image>
+        </view>
+
+        <view class="itemiddle">
+          <view class="itemidelename">泸州迎宾酒</view>
+          <view class="nambottom">
+            <text class="namebottomitem">53°</text>
+            <text class="namebottomitem">浓香型</text>
+            <text class="namebottomitem">53°</text>
+            <text class="namebottomitem">53°</text>
+          </view>
+        </view>
+      </view>
+
+      <view class="starimg">
+        <!-- aicon_010x.png -->
+
+        <image src="{{url}}aicon_09x.png"></image>
+      </view>
+
+    </view>
+
+</view>

+@import '../search/search.wxss';
+
+page{
+  background: #F2F2F2
+}
+image{
+  width:100%;
+  height:100%;
+}
+
+.kindnav {
+  height: 80rpx;
+  display: flex;
+  justify-content: space-between;
+  text-align: center;
+  white-space: nowrap;
+  overflow-x: scroll;
+  align-items: center;
+  background: #fff;
+  font-size: 0;
+  border-bottom: 2rpx solid #f5f5f5;
+  padding: 0 32rpx;
+}
+
+.kindnav_item {
+  white-space: nowrap;
+  list-style: none;
+  font-size: 28rpx;
+  color: #8d8d8d;
+  width: auto;
+  padding: 0 36rpx;
+  position: relative;
+}
+
+.kindactive {
+  color: #E81825;
+}
+
+.kindactive:after {
+  display: block;
+  content: "";
+  width: 70rpx;
+  height: 4rpx;
+  background: #E81825;
+  position: absolute;
+  bottom: -20rpx;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+}
+.brandleftimg{
+  width:90rpx;
+  height:90rpx;
+  font-size: 0;
+  border-radius:50%;
+}
+.lefttitle{
+  color:#1A1A1A;
+  font-size: 36rpx;
+  margin-left:21rpx;
+  font-weight: bold;
+}
+.brandleft{
+  display:flex;
+  align-items: center
+}
+
+.brandhead{
+  display:flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 32rpx 32rpx;
+  box-sizing: border-box;
+  background: #fff;
+}
+.brandright{
+  display:flex;
+  align-items: center
+
+}
+.redrow{
+  margin-left:20rpx
+}
+.starimg{
+  margin-left:26rpx;
+}
+.rightname{
+  color:#E81825;
+  font-size: 26rpx;
+}
+.baiyun{
+  color:#666666;
+  font-size: 26rpx;
+  padding: 11rpx 31rpx;
+  box-sizing: border-box;
+}
+.searchitem{
+  background: #fff;
+}

+// pages/homeblock/brandpage/brandpage.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="brandhead">
+  <image src="{{url}}aicon_21@2x.png"></image>
+  <view class="branditem">
+
+    <view class="branditemleft">
+
+      <view class="brandlimg">
+        <image src="{{url}}aicon_19@2x.png"></image>
+      </view>
+
+      <view class="brandname">白云边</view>
+    </view>
+
+    <view class="branditenright">收藏</view>
+  </view>
+</view>
+
+<view class="brandbottom">
+  <view class="brandboleft">
+    <text class="brandtitle">湖北白云边股份股份有限公司</text>
+    <view class="duigou">
+      <image src="{{url}}aicon_20x.png"></image>
+    </view>
+  </view>
+
+  <view class="atten">关注</view>
+
+</view>
+
+<view class="brandbox">
+    <view class="brandboxitem">
+        <view class="boxtop">
+          <view class="boxtopleft">
+            品牌简介
+          </view>
+          <view class="boxright">
+              <image src="{{url}}aicon_24x.png"></image>
+          </view>
+        </view>
+
+        <view class="brandtext">
+          湖北白云边集团（以下简称“集团”或“白云边集团”）是一家以酒业为龙头产业的多元化投资控股企业集团，总部位于湖北省武汉市。白云边集团下设7大战略业务单位，包括白酒、食品餐饮、钢铁制造、置业投资、酒店旅游、物流商贸、文化传播等。白云边集团的多元化业务具有良好的产业基础和市场竞争优势，其中白酒已建立行业领先地位。截止2017年，白云边集团总资产达80余亿元。
+        </view>
+
+        <view class="brandimg">
+            <image src="{{url}}aicon_23@2x.png"></image>
+        </view>
+    
+    </view>
+
+    <view class="brandboxitem">
+        <view class="boxtop">
+          <view class="boxtopleft">
+            品牌文化
+          </view>
+          <view class="boxright">
+              <image src="{{url}}aicon_24x.png"></image>
+          </view>
+        </view>
+
+      
+        <view class="brandimg">
+            <image src="{{url}}aicon_23@2x.png"></image>
+        </view>
+    
+    </view>
+
+</view>

+.brandhead{
+  width:750rpx;
+  height:340rpx;
+  font-size: 0;
+  position: relative
+}
+
+image{
+  width:100%;
+  height:100%;
+}
+.branditem{
+  width:100%;
+  display:flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  position: absolute;
+  top:125rpx;
+}
+.brandlimg{
+  width:90rpx;
+  height:90rpx;
+  font-size: 0;
+
+}
+.brandname{
+  color:#FFFFFF;
+  font-size: 36rpx;
+  margin-left:21rpx;
+}
+.branditemleft{
+  display:flex;
+  align-items: center
+}
+.branditenright{
+  width:100rpx;
+  height:50rpx;
+  background:rgba(255,255,255,1);
+  border-radius:2px;
+  color:#E81825;
+  font-size: 26rpx;
+  text-align: center;
+  line-height: 50rpx;
+}
+.brandbottom{
+  display:flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 31rpx 31rpx;
+  box-sizing:border-box; 
+  border-bottom: 16rpx solid #F2F2F2
+}
+.brandtitle{
+  color:#1A1A1A;
+  font-size: 28rpx;
+}
+.duigou{
+  width:24rpx;
+  height:24rpx;
+  font-size: 0;
+  margin-left:8rpx;
+}
+.brandboleft{
+  display:flex;
+  align-items: center;
+  
+}
+.brandboxitem{
+  padding: 32rpx;
+  box-sizing: border-box;
+  border-bottom:12rpx solid #F2F2F2
+}
+.boxtop{
+  display:flex;
+  justify-content: space-between;
+  align-items: center
+}
+.boxtopleft{
+  color:#1A1A1A;
+  font-size: 32rpx;
+  position: relative;
+  padding-left: 18rpx;
+}
+.boxtopleft::before{
+  position: absolute;
+  top:10rpx;
+  left:-2%;
+  content:'';
+  display:block;
+  width:4rpx;
+  height:26rpx;
+  background:#E81825 ;
+
+}
+.brandtext{
+  color:#1A1A1A;
+  font-size: 26rpx;
+  margin-top:28rpx;
+}
+.brandimg{
+  width:686rpx;
+  height:340rpx;
+  font-size: 0;
+  margin-top:37rpx;
+}

+// pages/homeblock/companyintro/companyintro.js
+const app=getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    url:'',
+    imgUrls: ["http://winesbook.cn/static/images_mini/aicon_23@2x.png",
+      "http://winesbook.cn/static/images_mini/aicon_23@2x.png",
+      "http://winesbook.cn/static/images_mini/aicon_23@2x.png"],
+    indicatorDots: false,
+    autoplay: false,
+    interval: 2000,
+    duration: 1000,
+    currentSwiper: 0,
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    this.setData({
+      url: app.globalData.url
+    })
+  },
+  swiperChange: function (e) {
+    this.setData({
+      currentSwiper: e.detail.current
+    })
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "navigationBarTitleText": "企业简介"
+}

+
+
+<view class="brandbottom">
+  <view class="brandboleft">
+    <text class="brandtitle">湖北白云边股份股份有限公司</text>
+    <view class="duigou">
+      <image src="{{url}}aicon_20x.png"></image>
+    </view>
+  </view>
+
+  <view class="atten">关注</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 style="border-radius:10px;">
+          <image src="{{item}}" data-index='{{index}}' class="slide-image" bindtap='viewImg' width="355" height="150" />
+        </swiper-item>
+      </block>
+    </swiper>
+
+    <view class="dots">
+      <block wx:for="{{imgUrls}}" wx:key="">
+        <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
+      </block>
+    </view>
+
+  </view>
+
+<view class="brandbox">
+    <view class="brandboxitem">
+        <view class="boxtop">
+          <view class="boxtopleft">
+            品牌简介
+          </view>
+          <view class="boxright">
+              <image src="{{url}}aicon_24x.png"></image>
+          </view>
+        </view>
+
+        <view class="brandtext">
+          湖北白云边集团（以下简称“集团”或“白云边集团”）是一家以酒业为龙头产业的多元化投资控股企业集团，总部位于湖北省武汉市。白云边集团下设7大战略业务单位，包括白酒、食品餐饮、钢铁制造、置业投资、酒店旅游、物流商贸、文化传播等。白云边集团的多元化业务具有良好的产业基础和市场竞争优势，其中白酒已建立行业领先地位。截止2017年，白云边集团总资产达80余亿元。
+        </view>
+
+        <view class="brandimg">
+            <image src="{{url}}aicon_23@2x.png"></image>
+        </view>
+    
+    </view>
+
+    <view class="brandboxitem">
+        <view class="boxtop">
+          <view class="boxtopleft">
+            品牌文化
+          </view>
+          <view class="boxright">
+              <image src="{{url}}aicon_24x.png"></image>
+          </view>
+        </view>
+
+      
+        <view class="brandimg">
+            <image src="{{url}}aicon_23@2x.png"></image>
+        </view>
+    
+    </view>
+
+</view>

+.brandhead{
+  width:750rpx;
+  height:340rpx;
+  font-size: 0;
+  position: relative
+}
+
+image{
+  width:100%;
+  height:100%;
+}
+.branditem{
+  width:100%;
+  display:flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  position: absolute;
+  top:125rpx;
+}
+.brandlimg{
+  width:90rpx;
+  height:90rpx;
+  font-size: 0;
+
+}
+.brandname{
+  color:#FFFFFF;
+  font-size: 36rpx;
+  margin-left:21rpx;
+}
+.branditemleft{
+  display:flex;
+  align-items: center
+}
+.branditenright{
+  width:100rpx;
+  height:50rpx;
+  background:rgba(255,255,255,1);
+  border-radius:2px;
+  color:#E81825;
+  font-size: 26rpx;
+  text-align: center;
+  line-height: 50rpx;
+}
+.brandbottom{
+  display:flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 31rpx 31rpx;
+  box-sizing:border-box; 
+ 
+}
+.brandtitle{
+  color:#1A1A1A;
+  font-size: 28rpx;
+}
+.duigou{
+  width:24rpx;
+  height:24rpx;
+  font-size: 0;
+  margin-left:8rpx;
+}
+.brandboleft{
+  display:flex;
+  align-items: center;
+  
+}
+.brandboxitem{
+  padding: 32rpx;
+  box-sizing: border-box;
+  border-bottom:12rpx solid #F2F2F2
+}
+.boxtop{
+  display:flex;
+  justify-content: space-between;
+  align-items: center
+}
+.boxtopleft{
+  color:#1A1A1A;
+  font-size: 32rpx;
+  position: relative;
+  padding-left: 18rpx;
+}
+.boxtopleft::before{
+  position: absolute;
+  top:10rpx;
+  left:-2%;
+  content:'';
+  display:block;
+  width:4rpx;
+  height:26rpx;
+  background:#E81825 ;
+
+}
+.brandtext{
+  color:#1A1A1A;
+  font-size: 26rpx;
+  margin-top:28rpx;
+}
+.brandimg{
+  width:686rpx;
+  height:340rpx;
+  font-size: 0;
+  margin-top:37rpx;
+}
+
+/* 轮播图 */
+
+  .swiper_image{
+  width:750rpx;
+  height:340rpx;
+  font-size: 0;
+  
+  position: relative;
+  
+}
+.swiper_item_img{
+ width:750rpx;
+ height:340rpx;
+}
+.swiper_image image{
+  width:100%;
+  height:100%;
+  /* box-shadow:0px -1px 6px 0px rgba(212,137,96,0.11); */
+ 
+}
+.swiper_item_img swiper-item{
+   width:750rpx;
+  height:340rpx;
+  border-radius:0 !important
+  
+
+ 
+}
+.swiper_item_img swiper-item image{
+  width:100%;
+  height:100%;
+
+}
+
+
+.dots{
+    /* width: 156rpx; */
+    height: 36rpx;
+    display: flex;
+    flex-direction: row;
+    position: absolute;
+    justify-content: center;
+    left: 0;
+    right:0;
+    bottom: 18rpx;
+}
+/*未选中时的小圆点样式 */
+.dot{
+    width: 14rpx;
+    height: 14rpx;
+    border-radius: 50%;
+    margin-right: 26rpx;
+    background-color:#000000;
+}
+/*选中以后的小圆点样式  */
+.active{
+    width: 14rpx;
+    height: 14rpx;
+    border-radius:50%;
+    background-color: #E81825;
+    
+
+}

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

+{
+  "navigationBarTitleText": ""
+}

+<view star>
+  <view class="starname">滑动星星评分</view>
+  <view class="starlist">
+    <view class="staritem" bindtap="star" data-id="1">
+      <image src="{{star1>=1?'http://winesbook.cn/static/images_mini/aicon_10x.png':'http://winesbook.cn/static/images_mini/aicon_09x.png'}}"></image>
+
+    </view>
+
+    <view class="staritem" bindtap="star" data-id="2">
+      <image src="{{star1>=2?'http://winesbook.cn/static/images_mini/aicon_10x.png':'http://winesbook.cn/static/images_mini/aicon_09x.png'}}"></image>
+    </view>
+
+    <view class="staritem" bindtap="star" data-id="3">
+      <image src="{{star1>=3?'http://winesbook.cn/static/images_mini/aicon_10x.png':'http://winesbook.cn/static/images_mini/aicon_09x.png'}}"></image>
+    </view>
+    <view class="staritem" bindtap="star" data-id="4">
+      <image src="{{star1>=4?'http://winesbook.cn/static/images_mini/aicon_10x.png':'http://winesbook.cn/static/images_mini/aicon_09x.png'}}"></image>
+    </view>
+
+    <view class="staritem" bindtap="star" data-id="5">
+      <image src="{{star1>=5?'http://winesbook.cn/static/images_mini/aicon_10x.png':'http://winesbook.cn/static/images_mini/aicon_09x.png'}}"></image>
+    </view>
+
+  </view>
+
+</view>
+
+<view class="biaoqian">
+  <view class="biaoqianleft">
+    选择标签
+  </view>
+  <view class="biaoqianright" bindtap="se">
+    <image src="{{sepic==false?'http://winesbook.cn/static/images_mini/aicon_53x.png':'http://winesbook.cn/static/images_mini/aicon_52x.png'}}"></image>
+  </view>
+</view>
+
+<view class="showpic">
+  <view class="showpicitem">婚宴</view>
+  <view class="showpicitem">婚宴</view>
+  <view class="showpicitem">婚宴</view>
+  <view class="showpicitem">婚宴</view>
+  <view class="showpicitem">婚宴</view>
+  <view class="showpicitem">婚宴</view>
+  <view class="showpicitem">婚宴</view>
+  <view class="showpicitem">婚宴</view>
+  <view class="showpicitem">婚宴</view>
+
+  <view class="addnew">
+    <view class="jia">
+      <image src="/img/aicon66.png"></image>
+    </view>
+
+    <view class="newlabelname">新标签</view>
+  </view>
+</view>
+
+<!-- 上传图片 -->
+
+<view class="imgbox">
+
+  <view class="imgboxite">
+    <image src="{{url}}/aicon_49@2x.png"></image>
+
+    <view class="cha">
+        <image src="{{url}}/aicon_54x.png"></image>
+    </view>
+  </view>
+  <view class="imgboxite">
+    <image src="{{url}}/aicon_49@2x.png"></image>
+
+    <view class="cha">
+        <image src="{{url}}/aicon_54x.png"></image>
+    </view>
+  </view>
+  <view class="imgboxite">
+    <image src="{{url}}/aicon_49@2x.png"></image>
+
+    <view class="cha">
+        <image src="{{url}}/aicon_54x.png"></image>
+    </view>
+  </view>
+  <view class="imgboxite">
+    <image src="{{url}}/aicon_49@2x.png"></image>
+
+    <view class="cha">
+        <image src="{{url}}/aicon_54x.png"></image>
+    </view>
+  </view>
+
+  <view class="addimg">
+      <image src="{{url}}/aicon_55x.png"></image>
+  </view>
+
+
+</view>
+
+<view class="entersay saybox">
+    <textarea placeholder='这酒怎么样我来说一说' placeholder-class='entersay'/>
+</view>
+
+<view class="saybottom">
+    <view class="sayleft">
+        <view class="sayimg">
+            <image src="{{url}}/aicon_56x.png"></image>
+        </view>
+
+        <view class="leftword">所在位置</view>
+    </view>
+
+    <view class="sayright">发布</view>
+</view>

+.staritem{
+  width:46rpx;
+  height: 46rpx;
+  font-size: 0;
+  margin-left:21rpx;
+  
+}
+.starlist{
+  display:flex;
+  align-items: center;
+  justify-content: center;
+  margin-top:30rpx;
+}
+.starname{
+  color:#1A1A1A;
+  font-size: 36rpx;
+  text-align: center;
+  margin-top:73rpx;
+}
+.biaoqian{
+  display:flex;
+  align-items: center;
+  justify-content: center;
+  margin-top:105rpx;
+}
+.biaoqianright{
+  width:24rpx;
+  height:14rpx;
+  font-size: 0;
+  margin-left:16rpx;
+}
+.biaoqianleft{
+  color:#666666;
+  font-size: 28rpx;
+}
+.showpic{
+  display:flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 0 32rpx 0 32rpx;
+  box-sizing: border-box;
+ 
+}
+.showpicitem{
+  padding: 16rpx 42rpx;
+  box-sizing: border-box;
+  color:#1A1A1A;
+  font-size: 24rpx;
+  text-align: center;
+  
+}
+.addnew{
+  display:flex;
+  align-items: center;
+  width:124rpx;
+  height:48rpx;
+  border:1rpx solid rgba(232,24,37,1);
+  border-radius:5rpx;
+  justify-content: center;
+}
+.jia{
+  width:15rpx;
+  height:15rpx;
+  font-size: 0
+}
+.newlabelname{
+  color:#E81825;
+  font-size: 24rpx;
+}
+.imgboxite{
+  width:210rpx;
+  height:210rpx;
+  font-size:0;
+  position: relative;
+  margin-top:20rpx;
+}
+.imgboxite{
+  margin-left:28rpx;
+}
+.imgbox{
+  margin-top:34rpx;
+  display:flex;
+  flex-wrap: wrap
+}
+.cha{
+  width:38rpx;
+  height:38rpx;
+  font-size: 0;
+  position: absolute;
+  right:-15rpx;
+  top:-15rpx;
+}
+.addimg{
+  width:210rpx;
+  height:210rpx;
+  font-size:0;
+  margin-left:28rpx;
+  margin-top:20rpx;
+}
+.entersay{
+  width:686rpx;
+  height:280rpx;
+  padding: 30rpx;
+  color:#666666;
+  font-size: 28rpx;
+  
+}
+.saybox{
+ margin-top:20rpx;
+}
+.saybottom{
+display:flex;
+  padding: 32rpx;
+  box-sizing: border-box;
+  justify-content: space-between
+}
+.sayleft{
+  display:flex;
+  align-items: center;
+  
+}
+.sayimg{
+  width:22rpx;
+  height:28rpx;
+  font-size: 0
+}
+.leftword{
+  color:#666666;
+  font-size: 28rpx;
+  margin-left:14rpx;
+}
+.sayright{
+color:#E81825;
+font-size: 32rpx
+}

+// pages/homeblock/evalutecontent/evalutecontent.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": "WEB评分"
+}

+<view class="boxhead">
+<view class="evalutetop">
+  <view class="evaluteleft">
+    <view class="code">7.4</view>
+    <view class="evalutetop">
+      <view class="evaluteitem">
+        <image src="/img/aicon_28@2x.png"></image>
+      </view>
+      <view class="evaluteitem">
+        <image src="/img/aicon_28@2x.png"></image>
+      </view>
+      <view class="evaluteitem">
+        <image src="/img/aicon_28@2x.png"></image>
+      </view>
+      <view class="evaluteitem">
+        <image src="/img/aicon_28@2x.png"></image>
+      </view>
+      <view class="evaluteitem">
+        <image src="/img/aicon_28@2x.png"></image>
+      </view>
+    </view>
+  </view>
+
+  <view class="evaluteright">
+      <view class="star">
+        <view class="starleft">
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+        </view>
+
+        <view class="tiao">
+        <view class="tiaoitem"></view>
+        </view>
+        <view class="pingfen">36.1%</view>
+
+     
+      </view>
+      <view class="star">
+        <view class="starleft">
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+            
+        </view>
+
+        <view class="tiao">
+        <view class="tiaoitem"></view>
+        </view>
+        <view class="pingfen">36.1%</view>
+
+     
+      </view>
+      <view class="star">
+        <view class="starleft">
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+           
+        </view>
+
+        <view class="tiao">
+        <view class="tiaoitem"></view>
+        </view>
+        <view class="pingfen">36.1%</view>
+
+     
+      </view>
+      <view class="star">
+        <view class="starleft">
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+           
+        </view>
+
+        <view class="tiao">
+        <view class="tiaoitem"></view>
+        </view>
+        <view class="pingfen">36.1%</view>
+
+     
+      </view>
+      <view class="star">
+        <view class="starleft">
+            <view class="staritem">
+              <image src="/img/aicon_27@2x.png"></image>
+            </view>
+           
+        </view>
+
+        <view class="tiao">
+        <view class="tiaoitem"></view>
+        </view>
+        <view class="pingfen">36.1%</view>
+
+     
+      </view>
+  </view>
+</view>
+
+<view class="hotticket">热门标签</view>
+
+<view class="botlabet">
+    <view class="labelitem">
+      <text>婚宴</text>
+       <text class="labelitemright">63</text>
+    </view>
+    <view class="labelitem">
+      <text>喜庆</text>
+       <text class="labelitemright">63</text>
+    </view>
+    <view class="labelitem">
+      <text>好喝</text>
+       <text class="labelitemright">63</text>
+    </view>
+    <view class="labelitem">
+      <text>实惠</text>
+       <text class="labelitemright">63</text>
+    </view>
+</view>
+
+</view>
+
+<view class="boxmiddle">
+  <view class="boxmiddleitem">
+    <view class="evaluteitemleft">
+        <image src="{{url}}/aicon_45@2x.png"></image>
+    </view>
+
+    <view class="evaluteitemright">
+      <view class="evalname">小叶子</view>
+      <view class="evalstarword">
+          <view class="evalstar">
+              <view class="evalstaritem">
+                  <image src="/img/aicon_28@2x.png"></image>
+              </view>
+               <view class="evalstaritem">
+                  <image src="/img/aicon_28@2x.png"></image>
+              </view>
+               <view class="evalstaritem">
+                  <image src="/img/aicon_28@2x.png"></image>
+              </view>
+               <view class="evalstaritem">
+                  <image src="/img/aicon_28@2x.png"></image>
+              </view>
+               <view class="evalstaritem">
+                  <image src="/img/aicon_28@2x.png"></image>
+              </view>
+               <view class="evalstaritem">
+                  <image src="/img/aicon_28@2x.png"></image>
+              </view>
+          </view>
+
+          <view class="evardate">2019年11月5日</view>
+      </view>
+
+      <view class="evaltext">弟弟结婚买了8箱</view>
+      <view class="zan">
+          <view class="zanimg">
+            <image src="/img/aicon_46x.png"></image>
+          </view>
+
+          <view class="zannum">6.2k</view>
+      </view>
+      
+    </view>
+  </view>
+
+  <view class="boxmiddleitem">
+    <view class="evaluteitemleft">
+        <image src="{{url}}/aicon_45@2x.png"></image>
+    </view>
+
+    <view class="evaluteitemright">
+      <view class="evalname">小叶子</view>
+      <view class="evalstarword">
+          <view class="evalstar">
+              <view class="evalstaritem">
+                  <image src="/img/aicon_28@2x.png"></image>
+              </view>
+               <view class="evalstaritem">
+                  <image src="/img/aicon_28@2x.png"></image>
+              </view>
+               <view class="evalstaritem">
+                  <image src="/img/aicon_28@2x.png"></image>
+              </view>
+               <view class="evalstaritem">
+                  <image src="/img/aicon_28@2x.png"></image>
+              </view>
+               <view class="evalstaritem">
+                  <image src="/img/aicon_28@2x.png"></image>
+              </view>
+               <view class="evalstaritem">
+                  <image src="/img/aicon_28@2x.png"></image>
+              </view>
+          </view>
+
+          <view class="evardate">2019年11月5日</view>
+      </view>
+
+      <view class="evaltext">弟弟结婚买了8箱</view>
+
+      <view class="evalimg">
+        <view class="evalimgitem">
+            <image src="{{url}}/aicon_49@2x.png"></image>
+        </view>
+        <view class="evalimgitem">
+            <image src="{{url}}/aicon_49@2x.png"></image>
+        </view>
+        <view class="evalimgitem">
+            <image src="{{url}}/aicon_49@2x.png"></image>
+        </view>
+        <view class="evalimgitem">
+            <image src="{{url}}/aicon_49@2x.png"></image>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>
+
+<view class="write">
+    <view class="writeimg">
+        <image src="{{url}}/aicon_48x.png"></image>
+    </view>
+</view>
+
+
+

+/* pages/homeblock/evalutecontent/evalutecontent.wxss */
+
+page {
+  background: #fff;
+}
+
+.boxhead {
+  padding: 0 30rpx;
+  border-bottom: 14rpx solid #f2f2f2;
+  padding-bottom: 40rpx;
+  box-sizing: border-box;
+}
+
+.evaluteitem {
+  width: 26rpx;
+  height: 24rpx;
+  font-size: 0;
+  margin-left: 9rpx;
+}
+
+image {
+  width: 100%;
+  height: 100%;
+}
+
+.code {
+  color: #1a1a1a;
+  font-size: 74rpx;
+  font-weight: bold;
+  text-align: center;
+}
+
+.evalutetop {
+  display: flex;
+  align-items: center;
+}
+
+.staritem {
+  width: 18rpx;
+  height: 18rpx;
+  font-size: 0;
+}
+
+.evaluteright {
+  margin-left: 43rpx;
+}
+
+.starleft {
+  width: 91rpx;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.star {
+  display: flex;
+  align-items: center;
+  margin-top: 8rpx;
+}
+
+.tiao {
+  width: 314rpx;
+  height: 6rpx;
+  border-radius: 2rpx;
+  background: #ebebeb;
+  margin-left: 14rpx;
+}
+
+.pingfen {
+  color: #999;
+  font-size: 20rpx;
+  margin-left: 15rpx;
+}
+
+.tiaoitem {
+  width: 59%;
+  height: 6rpx;
+  border-radius: 2rpx;
+  background: #ffba25;
+}
+
+.hotticket {
+  color: #1a1a1a;
+  font-size: 28rpx;
+  margin-top: 61rpx;
+  font-weight: bold;
+}
+
+.botlabet {
+  display: flex;
+  align-items: center;
+  margin-top: 29rpx;
+}
+
+.labelitem {
+  margin-left: 14rpx;
+  padding: 13rpx 21rpx;
+  color: #666;
+  font-size: 24rpx;
+}
+
+.labelitemright {
+  margin-left: 10rpx;
+}
+
+.boxmiddle {
+  padding: 0 30rpx;
+  box-sizing: border-box;
+}
+
+.evaluteitem {
+  padding: 40rpx 0 0;
+  box-sizing: border-box;
+}
+
+.evaluteitemleft {
+  width: 60rpx;
+  height: 60rpx;
+  background: rgba(205, 205, 205, 1);
+  border-radius: 50%;
+}
+
+.evalname {
+  color: #666;
+  font-size: 28rpx;
+}
+
+.evalstar {
+  display: flex;
+  align-items: center;
+}
+
+.evalstarword {
+  display: flex;
+}
+
+.evalstaritem {
+  width: 26rpx;
+  height: 24rpx;
+  font-size: 0;
+  margin-left: 9rpx;
+}
+
+.evalstaritem:first-child {
+  margin-left: 0;
+}
+
+.evaluteitemright {
+  margin-left: 30rpx;
+  flex:1;
+}
+
+.boxmiddleitem {
+  display: flex;
+  padding-top: 40rpx;
+  box-sizing: border-box;
+  padding-bottom: 40rpx;
+  border-bottom:1rpx solid #f5f5f5;
+  
+}
+
+.evardate {
+  color: #666;
+  font-size: 24rpx;
+  margin-left: 30rpx;
+}
+
+.evaltext {
+  color: #1a1a1a;
+  font-size: 28rpx;
+  margin-top: 20rpx;
+}
+
+.evalimgitem {
+  width: 190rpx;
+  height: 190rpx;
+  border-radius: 5rpx;
+  font-size: 0;
+  margin-left:10rpx;
+  margin-top:30rpx;
+}
+
+.evalimg{
+  display:flex;
+  align-items: center;
+  flex-wrap:wrap;
+}
+.zan{
+  display:flex;
+  align-items:center;
+  justify-content: flex-end
+}
+
+.zanimg{
+  width:30rpx;
+  height:28rpx;
+  font-size: 0
+}
+.zannum{
+  color:#999999;
+  font-size: 28rpx;
+  margin-left:20rpx;
+}
+.writeimg{
+  width:126rpx;
+  height:129rpx;
+  font-size: 0
+}
+.write{
+  background: #fff;
+  height:126rpx;
+  display: flex;
+  justify-content: flex-end;
+  padding:17rpx 30rpx 0;
+  box-sizing: border-box
+}

+// pages/homeblock/guanimg/guanimg.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": "官图",
+  "navigationBarBackgroundColor": "#000",
+  "navigationBarTextStyle": "white"
+}

+<view class="biaozhuantitle">
+  标准图
+
+</view>
+<view class="biaozhaunbox">
+  <view class="biaozhuanitem">
+      <image src="{{url}}aicon_89@2x.png"></image>
+  </view>
+  <view class="biaozhuanitem">
+      <image src="{{url}}aicon_89@2x.png"></image>
+  </view>
+  <view class="biaozhuanitem">
+      <image src="{{url}}aicon_89@2x.png"></image>
+  </view>
+  <view class="biaozhuanitem">
+      <image src="{{url}}aicon_89@2x.png"></image>
+  </view>
+</view>
+
+
+
+<view class="biaozhuantitle xiezhen">
+  写真图
+
+</view>
+<view class="biaozhaunbox">
+  <view class="biaozhuanitem">
+      <image src="{{url}}aicon_89@2x.png"></image>
+  </view>
+  <view class="biaozhuanitem">
+      <image src="{{url}}aicon_89@2x.png"></image>
+  </view>
+  <view class="biaozhuanitem">
+      <image src="{{url}}aicon_89@2x.png"></image>
+  </view>
+  <view class="biaozhuanitem">
+      <image src="{{url}}aicon_89@2x.png"></image>
+  </view>
+</view>

+page{
+  background: #000;
+  padding: 0 32rpx 0 22rpx;
+  box-sizing: border-box
+}
+.biaozhuanitem{
+  width:222rpx;
+  height:165rpx;
+  font-size: 0;
+  margin-left:10rpx;
+  margin-top:10rpx;
+}
+.biaozhaunbox{
+  display:flex;
+ 
+  align-items: center;
+  flex-wrap: wrap;
+  margin-top:22rpx;
+
+}
+.biaozhuantitle{
+  color:#FFFFFF;
+  font-size: 28rpx;
+  margin-left:10rpx;
+}
+.xiezhen{
+  margin-top:40rpx;
+}

+// pages/homeblock/jiuzidian/jiuzidian.js
+const app=getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    navarr: [
+    {
+      name: '基本参数'
+    },
+    {
+      name: '生产企业'
+    },
+    {
+      name: '酿酒师'
+    },
+    {
+      name: '关键词'
+    }, ],
+
+    current: 0,
+    url:'',
+    kind:0,
+    picindex:0
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    this.setData({
+      url: app.globalData.url
+    })
+  },
+  selectkind(e){
+    this.setData({
+      kind:e.currentTarget.dataset.kind
+    })
+  },
+  select(e) {
+    this.setData({
+      current: e.currentTarget.dataset.idx
+    })
+    console.log(this.data.current)
+  },
+  selectpic(e){
+    this.setData({
+      picindex:e.currentTarget.dataset.pic
+    })
+
+    console.log(this.data.picindex)
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {}
+}

+<!-- 展示图 -->
+<view class="showpic">
+  <image src="{{url}}/aicon_89@2x.png"></image>
+
+  <view class="kindlist">
+      <view class="kinditem {{kind==0?'kindactive':''}}" data-kind='0' bindtap="selectkind">瓶</view>
+      <view class="kinditem {{kind==1?'kindactive':''}}"  data-kind='1'  bindtap="selectkind">箱</view>
+      <view class="kinditem {{kind==2?'kindactive':''}}"  data-kind='2'  bindtap="selectkind">盒</view>
+  </view>
+
+  <view class="pickind">
+      <view class="picitem {{picindex==0?'slectpic':''}}" data-pic="0" bindtap="selectpic">全景</view>
+      <view class="picitem {{picindex==1?'slectpic':''}}" data-pic="1" bindtap="selectpic">官图</view>
+      <view class="picitem {{picindex==2?'slectpic':''}}" data-pic="2" bindtap="selectpic">实拍</view>
+      <view class="picitem {{picindex==3?'slectpic':''}}" data-pic="3" bindtap="selectpic">短视频</view>
+  </view>
+</view>
+<view class="shaisel">
+
+  <view class="kind">
+    <view class="shaikind" wx:for="{{navarr}}" wx:key='' bindtap="select" data-idx="{{index}}">
+      <view class="shaikindname {{current==index?'selactive':''}}">{{item.name}}</view>
+      <view class="shaikindimg">
+        <image src="{{current==index?'http://winesbook.cn/static/images_mini/aicon_16@2x.png':'http://winesbook.cn/static/images_mini/aicon_14x.png'}}"></image>
+      </view>
+    </view>
+    <!-- <view class="shaikind">
+      <view class="shaikindname">价格</view>
+      <view class="shaikindimg">
+        <image src="{{url}}aicon_14x.png"></image>
+      </view>
+    </view>
+    <view class="shaikind">
+      <view class="shaikindname">包装</view>
+      <view class="shaikindimg">
+        <image src="{{url}}aicon_14x.png"></image>
+      </view>
+    </view>
+    <view class="shaikind">
+      <view class="shaikindname">产区</view>
+      <view class="shaikindimg">
+        <image src="{{url}}aicon_14x.png"></image>
+      </view>
+    </view>
+    <view class="shaikind">
+      <view class="shaikindname">香型</view>
+      <view class="shaikindimg">
+        <image src="{{url}}aicon_14x.png"></image>
+      </view>
+    </view>
+    <view class="shaikind">
+      <view class="shaikindname">产区</view>
+      <view class="shaikindimg">
+        <image src="{{url}}aicon_14x.png"></image>
+      </view>
+    </view>
+    <view class="shaikind">
+      <view class="shaikindname">评分</view>
+      <view class="shaikindimg">
+        <image src="{{url}}aicon_14x.png"></image>
+      </view>
+    </view> -->
+
+  </view>
+
+
+
+  <view class="more">
+    <image src="{{url}}aicon_15x.png"></image>
+  </view>
+
+</view>
+
+<!-- 基本参数 -->
+<view class="jibencanshu" wx:if="{{current==0}}">
+  <view class="canshuitem">
+    <view class="canleft">酒精度</view>
+    <view class='cantext'>52%Vol.</view>
+  </view>
+  <view class="canshuitem">
+    <view class="canleft">净含量</view>
+    <view class='cantext'>52%500ml</view>
+  </view>
+  <view class="canshuitem">
+    <view class="canleft">原料</view>
+    <view class='cantext'>糯、稻、玉米、小麦、高粱</view>
+  </view>
+  <view class="canshuitem">
+    <view class="canleft">储存条件</view>
+    <view class='cantext'>52%请置放于干燥、阴凉、通风处</view>
+  </view>
+   <view class="canshuitem">
+    <view class="canleft">生产标准号</view>
+    <view class='cantext'>87865788</view>
+  </view>
+  <view class="canshuitem">
+    <view class="canleft">生产许可证号</view>
+    <view class='cantext'>87865788</view>
+  </view>
+
+</view>
+
+<!-- 生产企业 -->
+
+<view class="jiuqiye" wx:if="{{current==1}}">
+  <view class="brandbottom">
+    <view class="brandboleft">
+      <text class="brandtitle">湖北白云边股份股份有限公司</text>
+      <view class="duigou">
+        <image src="{{url}}aicon_20x.png"></image>
+      </view>
+    </view>
+
+    <view class="atten">关注</view>
+
+  </view>
+
+  <view class="brandbox">
+    <view class="brandboxitem">
+      <view class="boxtop">
+        <view class="boxtopleft">
+          品牌简介
+        </view>
+        <view class="boxright">
+          <image src="{{url}}aicon_24x.png"></image>
+        </view>
+      </view>
+
+      <view class="brandtext">
+        湖北白云边集团（以下简称“集团”或“白云边集团”）是一家以酒业为龙头产业的多元化投资控股企业集团，总部位于湖北省武汉市。白云边集团下设7大战略业务单位，包括白酒、食品餐饮、钢铁制造、置业投资、酒店旅游、物流商贸、文化传播等。白云边集团的多元化业务具有良好的产业基础和市场竞争优势，其中白酒已建立行业领先地位。截止2017年，白云边集团总资产达80余亿元。
+      </view>
+
+      <view class="brandimg">
+        <image src="{{url}}aicon_23@2x.png"></image>
+      </view>
+
+    </view>
+
+    <view class="brandboxitem">
+      <view class="boxtop">
+        <view class="boxtopleft">
+          品牌文化
+        </view>
+        <view class="boxright">
+          <image src="{{url}}aicon_24x.png"></image>
+        </view>
+      </view>
+
+
+      <view class="brandimg">
+        <image src="{{url}}aicon_23@2x.png"></image>
+      </view>
+
+    </view>
+
+  </view>
+
+</view>
+
+<!-- 酿酒师 -->
+
+<view class="jiuhsi" wx:if="{{current==2}}">
+
+  <view class="teacherhead">
+    <view class="teacherleft">
+      <view class="teacimg">
+        <image src="{{url}}aicon_77@2x.png"></image>
+      </view>
+
+      <view class="teacname">徐强</view>
+      <view class="teacgouimg">
+        <image src="{{url}}aicon_20x.png"></image>
+      </view>
+    </view>
+
+    <view class="atten">
+      关注
+    </view>
+  </view>
+
+  <view class="wineimg">
+    <image src="{{url}}aicon_91x.png"></image>
+  </view>
+
+  <view class="niangjiubox">
+
+    <view class="brandboxitem">
+      <view class="boxtop">
+        <view class="boxtopleft">
+          基本信息
+        </view>
+        <view class="boxright">
+          <image src="{{url}}aicon_24x.png"></image>
+        </view>
+      </view>
+
+      <view class="brandtext">
+        <view class="baisinfo">
+          <view class="basinfoleft">性别</view>
+          <view class="baisinforight">男</view>
+        </view>
+        <view class="baisinfo">
+          <view class="basinfoleft">年龄</view>
+          <view class="baisinforight">34</view>
+        </view>
+        <view class="baisinfo">
+          <view class="basinfoleft">所属酒厂</view>
+          <view class="baisinforight">广东顺德酒厂</view>
+        </view>
+      </view>
+
+
+    </view>
+    <view class="brandboxitem">
+      <view class="boxtop">
+        <view class="boxtopleft">
+          专业履历
+        </view>
+        <view class="boxright">
+          <image src="{{url}}aicon_24x.png"></image>
+        </view>
+      </view>
+
+      <view class="brandtext">
+        <view class="brandlsit">
+          2009年接触葡萄酒。
+        </view>
+        <view class="brandlsit">
+          2010年—2011年在郑大工学院和财经学院任教计算机3D设计教师。
+        </view>
+        <view class="brandlsit">
+          2012年考取ESW葡萄酒中级品酒师证。
+        </view>
+        <view class="brandlsit">
+          2012年至今在优传葡萄酒有限公司从事葡萄酒销售,酒会承办工作。同时从事企业礼仪茶培训。
+        </view>
+
+
+
+
+      </view>
+
+
+    </view>
+
+    <view class="brandboxitem">
+      <view class="boxtop">
+        <view class="boxtopleft">
+          代表作品
+        </view>
+        <view class="boxright">
+          <image src="{{url}}aicon_24x.png"></image>
+        </view>
+      </view>
+
+      <view class="brandtext">
+        <view class="brandlsit">
+          2009年接触葡萄酒。
+        </view>
+        <view class="brandlsit">
+          2010年—2011年在郑大工学院和财经学院任教计算机3D设计教师。
+        </view>
+        <view class="brandlsit">
+          2012年考取ESW葡萄酒中级品酒师证。
+        </view>
+        <view class="brandlsit">
+          2012年至今在优传葡萄酒有限公司从事葡萄酒销售,酒会承办工作。同时从事企业礼仪茶培训。
+        </view>
+
+
+
+
+      </view>
+
+
+    </view>
+
+  </view>
+</view>
+
+<!-- 关键词 -->
+
+<view class="keyword" wx:if="{{current==3}}">
+    <view class="keyworditem">基本参数</view>
+    <view class="keyworditem">基本参数</view>
+    <view class="keyworditem">基本参数</view>
+    <view class="keyworditem">基本参数</view>
+    <view class="keyworditem">基本参数</view>
+</view>

+@import '../zhinengselect/zhinengselect.wxss';
+@import '../brandpage/brandpage.wxss';
+@import '../niangjiuteacher/niangjiuteacher.wxss';
+page{
+  background: #F2F2F2
+}
+.shaisel{
+  background: #fff;
+}
+.canshuitem{
+  width:750rpx;
+  height:94rpx;
+  margin-top:14rpx;
+  display:flex;
+  align-items: center;
+  padding: 30rpx;
+  box-sizing: border-box;
+  background: #fff;
+}
+.canleft{
+  color:#999999;
+  font-size: 26rpx;
+}
+.cantext{
+  color:#1A1A1A;
+  font-size: 26rpx;
+  margin-left:100rpx;
+}
+.jiuqiye,.jiuhsi{
+  background: #fff;
+}
+.keyword{
+  display:flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 16rpx 25rpx;
+  box-sizing: border-box
+
+
+}
+.keyworditem{
+  padding: 18rpx 20rpx;
+  box-sizing: border-box;
+  background: #fff;
+  color:#666666;
+  font-size: 26rpx;
+  margin-left:15rpx;
+  margin-top:16rpx;
+  border-radius: 5rpx;
+}
+.showpic{
+  width:750rpx;
+  height:560rpx;
+  font-size: 0;
+  position: relative
+}
+.kindlist{
+  width:198rpx;
+  height:42rpx;
+  background:rgba(255,255,255,1);
+  opacity:0.8;
+  border-radius:21rpx;
+  display:flex;
+  align-items: center;
+  position: absolute;
+  bottom:24rpx;
+  left:276rpx;
+}
+.kinditem{
+  width:66rpx;
+  height:42rpx;
+  line-height: 42rpx;
+  color:#1A1A1A;
+  font-size: 24rpx;
+  text-align: center
+}
+.kindactive{
+  background: #1A1A1A;
+  color:#fff;
+   border-radius:21rpx;
+}
+.pickind{
+    position: absolute;
+    right:35rpx;
+    top:143rpx;
+}
+.picitem{
+  color:#1A1A1A;
+  font-size: 22rpx;
+  margin-top:45rpx;
+  
+   width:128rpx;
+  text-align: center;
+  
+}
+.slectpic{
+  width:128rpx;
+  text-align: center;
+  padding: 22rpx 0;
+  box-sizing: border-box;
+  background: #E81825;
+  color:#fff;
+  border-radius:50rpx;
+}

+// pages/homeblock/niangjiuteacher/niangjiuteacher.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": "酿酒师"
+}