3443443

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

+{
+  "pages": [
+    "pages/hoteldetail/hoteldetail",
+    "pages/ruzhuxuzhi/ruzhuxuzhi",
+    "pages/jiudiandetail/jiudiandetail",
+    "pages/fangxingintro/fangxingintro",
+    
+    "pages/yudingfinish/yudingfinish",
+    "pages/yuding/yuding",
+    "pages/roomdetail/roomdetail",
+    "pages/gongluedetail/gongluedetail",
+    "pages/selectcity/selectcity",
+    "pages/houselist/houselist",
+    "pages/experience/experience",
+    "pages/gonglue/gonglue",
+    "pages/tiyan/tiyan",
+    "pages/huiyuanxieyi/huiyuanxieyi",
+    "pages/zhucexieyi/zhucexieyi",
+    "pages/huiyuanindex/huiyuanindex",
+    "pages/huiyuan/huiyuan",
+    "pages/yudingzhinan/yudingzhinan",
+    "pages/wantruzhu/wantruzhu",
+    "pages/opencity/opencity",
+    "pages/lixiangzhong/lixiangzhong",
+    "pages/login/login",
+    "pages/index/index",
+    "pages/logs/logs"
+ 
+  ],
+  "permission": {
+    "scope.userLocation": {
+      "desc": "你的位置信息将用于小程序位置接口的效果展示"
+    }
+  },
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "WeChat",
+    "navigationBarTextStyle": "black"
+  },
+  "sitemapLocation": "sitemap.json"
+}

+/**app.wxss**/
+.register {
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 99;
+}
+
+image{
+  width:100%;
+  height:100%;
+}
+
+/* 轮播图 */
+.swiper_image{
+  width:750rpx;
+  height:376rpx;
+  font-size: 0;
+  margin: 30rpx auto 0;
+  position: relative;
+  box-shadow:0px -1px 6px 0px rgba(212,137,96,0.11);
+ 
+
+}
+.swiper_item_img{
+ 
+  height:376rpx;
+}
+.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:686rpx;
+  height:376rpx;
+  box-shadow:0px -1px 6px 0px rgba(212,137,96,0.11);
+  display:felx;
+  align-items: center;justify-content: center;
+
+  
+}
+.swiper_item_img swiper-item image{
+  width:100%;
+  height:100%;
+  
+}
+
+
+.dots{
+    /* width: 156rpx; */
+    
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    position: absolute;
+    justify-content: center;
+    left: 0;
+    right:0;
+    bottom: 20rpx;
+}
+/*未选中时的小圆点样式 */
+.dot{
+    width: 12rpx;
+    height: 12rpx;
+    border-radius: 50%;
+    margin-right: 26rpx;
+    background-color:#fff;
+}
+/*选中以后的小圆点样式  */
+.active{
+    width: 12rpx;
+    height: 12rpx;
+    border-radius:50%;
+    background-color: #FF5A4E;
+    
+
+}

+// pages/experience/experience.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    imgUrls: [
+      '/img/tuijianimg1.png',
+      '/img/tuijianimg1.png',
+      '/img/tuijianimg1.png',
+    ],
+    indicatorDots: false,
+    autoplay: true,
+    interval: 2000,
+    duration: 1000,
+    currentSwiper: 0,
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function(options) {
+
+  },
+
+  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="pingbox">
+      <view class="pingboxitem">
+          <view class="pingboxtop">
+              <view class="pingleft">
+                  <image src="/img/renwu.png"></image>
+              </view>
+
+              <view class="pigright">温宁</view>
+          </view>
+
+          <view class="pingword">在闹中取静的西湖，体验地道的本土生活</view>
+
+          <view class="pingtext">杭州处于亚热带季风区，四季分明，夏季气候炎热，湿润，是新四大火炉之一。相反，冬季寒冷，干燥。春秋两季气候宜人，是观光旅游的黄金季节。</view>
+
+          <view class="pingbottom">
+              <view class="pingbottomleft">
+                  <view class="pingbottomleftimg">
+                      <image src="/img/ditu.png"></image>
+                  </view>
+
+                  <view class="pingdidian">杭州西湖风景民宿</view>
+              </view>
+
+              <view class="pingbottomright">
+                  <view class="pingbottomrightimg">
+                      <image src="/img/zan.png"></image>
+                  </view>
+                  <view class="zannum">67</view>
+              </view>
+          </view>
+      </view>
+
+      <view class="pingboxitem">
+          <view class="pingboxtop">
+              <view class="pingleft">
+                  <image src="/img/renwu.png"></image>
+              </view>
+
+              <view class="pigright">温宁</view>
+          </view>
+
+          <view class="pingword">在闹中取静的西湖，体验地道的本土生活</view>
+
+          <view class="pingtext">杭州处于亚热带季风区，四季分明，夏季气候炎热，湿润，是新四大火炉之一。相反，冬季寒冷，干燥。春秋两季气候宜人，是观光旅游的黄金季节。</view>
+
+          <view class="pingbottom">
+              <view class="pingbottomleft">
+                  <view class="pingbottomleftimg">
+                      <image src="/img/ditu.png"></image>
+                  </view>
+
+                  <view class="pingdidian">杭州西湖风景民宿</view>
+              </view>
+
+              <view class="pingbottomright">
+                  <view class="pingbottomrightimg">
+                      <image src="/img/zan.png"></image>
+                  </view>
+                  <view class="zannum">67</view>
+              </view>
+          </view>
+      </view>
+
+      <view class="pingboxitem">
+          <view class="pingboxtop">
+              <view class="pingleft">
+                  <image src="/img/renwu.png"></image>
+              </view>
+
+              <view class="pigright">温宁</view>
+          </view>
+
+          <view class="pingword">在闹中取静的西湖，体验地道的本土生活</view>
+
+          <view class="pingtext">杭州处于亚热带季风区，四季分明，夏季气候炎热，湿润，是新四大火炉之一。相反，冬季寒冷，干燥。春秋两季气候宜人，是观光旅游的黄金季节。</view>
+
+          <view class="pingbottom">
+              <view class="pingbottomleft">
+                  <view class="pingbottomleftimg">
+                      <image src="/img/ditu.png"></image>
+                  </view>
+
+                  <view class="pingdidian">杭州西湖风景民宿</view>
+              </view>
+
+              <view class="pingbottomright">
+                  <view class="pingbottomrightimg">
+                      <image src="/img/zan.png"></image>
+                  </view>
+                  <view class="zannum">67</view>
+              </view>
+          </view>
+      </view>
+
+      <view class="pingboxitem">
+          <view class="pingboxtop">
+              <view class="pingleft">
+                  <image src="/img/renwu.png"></image>
+              </view>
+
+              <view class="pigright">温宁</view>
+          </view>
+
+          <view class="pingword">在闹中取静的西湖，体验地道的本土生活</view>
+
+          <view class="pingtext">杭州处于亚热带季风区，四季分明，夏季气候炎热，湿润，是新四大火炉之一。相反，冬季寒冷，干燥。春秋两季气候宜人，是观光旅游的黄金季节。</view>
+
+          <view class="pingbottom">
+              <view class="pingbottomleft">
+                  <view class="pingbottomleftimg">
+                      <image src="/img/ditu.png"></image>
+                  </view>
+
+                  <view class="pingdidian">杭州西湖风景民宿</view>
+              </view>
+
+              <view class="pingbottomright">
+                  <view class="pingbottomrightimg">
+                      <image src="/img/zan.png"></image>
+                  </view>
+                  <view class="zannum">67</view>
+              </view>
+          </view>
+      </view>
+  </view>

+/* 轮播图 */
+.swiper_image{
+  width:750rpx;
+  height:376rpx;
+  font-size: 0;
+  margin: 30rpx auto 0;
+  position: relative;
+  box-shadow:0px -1px 6px 0px rgba(212,137,96,0.11);
+ 
+
+}
+.swiper_item_img{
+ 
+  height:376rpx;
+}
+.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:686rpx;
+  height:376rpx;
+  box-shadow:0px -1px 6px 0px rgba(212,137,96,0.11);
+  display:felx;
+  align-items: center;justify-content: center;
+
+  
+}
+.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: 20rpx;
+}
+/*未选中时的小圆点样式 */
+.dot{
+    width: 12rpx;
+    height: 12rpx;
+    border-radius: 50%;
+    margin-right: 26rpx;
+    background-color:#fff;
+}
+/*选中以后的小圆点样式  */
+.active{
+    width: 12rpx;
+    height: 12rpx;
+    border-radius:50%;
+    background-color: #FF5A4E;
+    
+
+}
+
+.pingboxtop{
+    display:flex;
+    align-items: center
+}
+.pingleft{
+  width:82rpx;
+  height: 82rpx;
+  font-size: 0;
+  border-radius: 50%;
+}
+.pingbox{
+  padding: 0 34rpx;
+  box-sizing: border-box;
+  margin-bottom:20rpx;
+  
+}
+.pingleft image{
+  border-radius: 50%;
+}
+.pingboxitem{
+  padding: 24rpx 0;
+  box-sizing: border-box
+}
+.pigright{
+  color:#06121E;
+  font-size: 32rpx;
+  margin-left:28rpx;
+}
+.pingbottom{
+  display:flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top:24rpx;
+
+}
+.pingbottomleftimg{
+  width:35rpx;
+  height:33rpx;
+  font-size: 0
+}
+.pingbottomleft{
+  display:flex;
+  align-items: center
+}
+.pingdidian{
+  color:#06121E;
+  font-size: 28rpx;
+  margin-left:12rpx;
+}
+.pingbottomright{
+  display:flex;
+  align-items: center;
+}
+
+.pingbottomrightimg{
+  width:28rpx;
+  height:28rpx;
+  font-size: 0
+}
+.zannum{
+  color:#FF5A4E;
+  font-size: 24rpx;
+}

+// pages/hoteldetail/hoteldetail.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    imgUrls: [
+      '/img/tuijianimg1.png',
+      '/img/tuijianimg1.png',
+      '/img/tuijianimg1.png',
+    ],
+    indicatorDots: false,
+    autoplay: true,
+    interval: 2000,
+    duration: 1000,
+    currentSwiper: 0,
+    selitem: 1
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  selkind(e) {
+    this.setData({
+      selitem: e.currentTarget.dataset.type
+    })
+  },
+  swiperChange: function (e) {
+    this.setData({
+      currentSwiper: e.detail.current
+    })
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {}
+}

+<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="minsuintor">
+  <view class="minsutou">蔓图精品民宿</view>
+
+  <view class="suconcatbox">
+    <view class="suhead suheadone">
+      <view class="suheadleft">
+        <view class="suheadleimg">
+          <image src="/img/ditu.png"></image>
+        </view>
+
+        <view class="sunheadword">北京海淀区蔓图精品民宿</view>
+
+
+      </view>
+
+      <view class="suheadright">
+        <image src="/img/dianhua.png"></image>
+      </view>
+    </view>
+
+    <view class="suhead suheadsec">
+      <view class="suheadleft">
+        <view class="suheadleimg">
+          <image src="/img/haibao.png"></image>
+        </view>
+
+        <view class="sunheadword">08月29日-08月31日</view>
+      </view>
+      <view class="ruzhuright">
+        <view class="ruzhu">
+          入住
+          <text class="ruzhunum">2</text>晚
+        </view>
+
+        <view class="ruzhuyou">
+          <image src="/img/yourow.png"></image>
+        </view>
+      </view>
+
+    </view>
+  </view>
+</view>
+
+<view class="minsulist">
+    <view class='minsuitem {{selitem==1?"selactive":""}}' bindtap="selkind" data-type="1">房型介绍</view>
+    <view class='minsuitem {{selitem==2?"selactive":""}}' bindtap="selkind" data-type="2">酒店介绍</view>
+    <view class='minsuitem {{selitem==3?"selactive":""}}' bindtap="selkind" data-type="3">入住须知</view>
+    <view class='minsuitem {{selitem==4?"selactive":""}}' bindtap="selkind" data-type="4">游玩攻略</view>
+</view>
+
+<!--房型介绍 -->
+
+<view class="fangjieshao" wx:if="{{selitem==1}}">
+    <view class="fangjieshaoitem">
+        <view class="fangjietop">
+            <image src="/img/tuijianimg3.png"></image>
+        </view>
+
+        <view class="fangjiebot">
+            <view class="fangjieleft">尊享大床房</view>
+
+            <view class="fangjieprice">￥197</view>
+        </view>
+
+        <view class="fangjiabot">
+            <view class="fangjiabotleft">
+                <view class="fangjiabotlefttop">55㎡  1张1.8米大床</view>
+
+                <view class="kindtext">
+                
+                <text class="fangjiabotbottom">有窗</text>
+                <text class="jinzhang">房屋紧张</text>
+                
+                </view>
+            </view>
+
+            <view class="yudingqita">
+                <view class="yudingqitaleft">预定其他日期</view>
+                <view class="yudingyou">
+                    <image src="/img/whiteyourow.png"></image>
+                </view>
+            </view>
+
+            <!-- <view class="fangjiabotright">免费预订</view> -->
+        </view>
+    </view>
+
+     <view class="fangjieshaoitem">
+        <view class="fangjietop">
+            <image src="/img/tuijianimg3.png"></image>
+        </view>
+
+        <view class="fangjiebot">
+            <view class="fangjieleft">尊享大床房</view>
+
+            <view class="fangjieprice">￥197</view>
+        </view>
+
+        <view class="fangjiabot">
+            <view class="fangjiabotleft">
+                <view class="fangjiabotlefttop">55㎡  1张1.8米大床</view>
+
+                <view class="fangjiabotbottom">有窗</view>
+            </view>
+
+            <view class="fangjiabotright">免费预订</view>
+        </view>
+    </view>
+
+     <view class="fangjieshaoitem">
+        <view class="fangjietop">
+            <image src="/img/tuijianimg3.png"></image>
+        </view>
+
+        <view class="fangjiebot">
+            <view class="fangjieleft">尊享大床房</view>
+
+            <view class="fangjieprice">￥197</view>
+        </view>
+
+        <view class="fangjiabot">
+            <view class="fangjiabotleft">
+                <view class="fangjiabotlefttop">55㎡  1张1.8米大床</view>
+
+                <view class="fangjiabotbottom">有窗</view>
+            </view>
+
+            <view class="fangjiabotright">免费预订</view>
+        </view>
+    </view>
+</view>
+
+<!-- 酒店介绍 -->
+
+<view class="jiudianbigbox" wx:if="{{selitem==2}}">
+  <!-- 酒店介绍 -->
+
+  <view class="jiudianintortext">
+    <view class="jiudainjie">
+      <view class="jiudianjieleft">酒店介绍</view>
+      <view class="judianjieright">
+        <image src="/img/yourow.png"></image>
+      </view>
+    </view>
+
+    <view class="jiudiancontentitem">
+      <view class="jiudianboxtop">
+        <view class="jiudiantopleft">
+          <image src="/img/jieshaojiu.png"></image>
+        </view>
+        <view class="jiudianhuan">周边环境</view>
+
+      </view>
+
+      <view class="zhoubiantext">
+        上海艾格瑞公寓位于具有“上海缩影”之称的虹口，坐拥浦江繁华内环核心，占据内环具有价值“黄金三角生活圈”。公寓毗邻瑞虹天地商圈、四川北路商圈、海伦路商圈之众多商场和写字楼，步行可达和平公园、鲁迅公园、1933老场坊、多伦路文化名人街，乘车前往外滩、陆家嘴约十余分钟。 　　公寓设有标准层和行政层，标准层设有7种各具特色的北欧风房型，行政层设有3种舒适简约套房房型，每间房间配有无线上网服务。
+      </view>
+    </view>
+
+    <view class="jiudiancontentitem">
+      <view class="jiudianboxtop">
+        <view class="jiudiantopleft">
+          <image src="/img/shejistyle.png"></image>
+        </view>
+        <view class="jiudianhuan">设计风格</view>
+
+      </view>
+
+      <view class="zhoubiantext">
+        酒店设计现代、简约。 游玩回到水晶可以在露台喝茶聊天，看书发呆。尽情享受度假时光。
+      </view>
+    </view>
+    <view class="jiudiancontentitem">
+      <view class="jiudianboxtop">
+        <view class="jiudiantopleft">
+          <image src="/img/jiaotong.png"></image>
+        </view>
+        <view class="jiudianhuan">交通路线</view>
+
+      </view>
+
+      <view class="zhoubiantext">
+        酒店临近16号线永丰南站，步行4分钟即可到达地铁站；
+      </view>
+    </view>
+
+    <view class="jiudiancontentitem">
+      <view class="jiudianboxtop">
+        <view class="jiudiantopleft">
+          <image src="/img/tuijianreson.png"></image>
+        </view>
+        <view class="jiudianhuan">推荐理由</view>
+
+      </view>
+
+      <view class="zhoubiantext">
+        公寓内还设有健身房、咖啡厅、公共会客厅、棋牌桌游吧、会议室、商务中心等设施。在这里，可以充分感受上海气息的品质居住体验，愿能成为您商务、旅行下榻的优选。
+      </view>
+    </view>
+
+
+  </view>
+
+
+
+  <!-- 设施服务 -->
+
+  <view class="jiudianintortext">
+    <view class="jiudainjie">
+      <view class="jiudianjieleft">设施服务</view>
+      <view class="judianjieright">
+        <image src="/img/yourow.png"></image>
+      </view>
+    </view>
+
+    <view class="jiaotong">
+
+      <view class="jiaotongitem">
+        <view class="jiaotongtop">交通服务</view>
+
+        <view class="jiaotongbottom">
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">免费停车</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">自行车租赁服务</view>
+          </view>
+        </view>
+      </view>
+
+      <view class="jiaotongitem">
+        <view class="jiaotongtop">餐饮服务</view>
+
+        <view class="jiaotongbottom">
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">中餐厅</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">咖啡厅</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">送餐服务</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">烧烤</view>
+          </view>
+        </view>
+      </view>
+
+      <view class="jiaotongitem">
+        <view class="jiaotongtop">网络设施</view>
+
+        <view class="jiaotongbottom">
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">客房WIFI</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">公共区域WIFI</view>
+          </view>
+        </view>
+      </view>
+
+
+      <view class="jiaotongitem">
+        <view class="jiaotongtop">娱乐和健身设施</view>
+
+        <view class="jiaotongbottom">
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">茶室</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">健身房</view>
+          </view>
+        </view>
+      </view>
+
+
+      <view class="jiaotongitem">
+        <view class="jiaotongtop">服务项目</view>
+
+        <view class="jiaotongbottom">
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">会议室</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">全天前天</view>
+          </view>
+        </view>
+      </view>
+
+    </view>
+
+
+
+  </view>
+
+
+
+</view>
+
+
+
+
+
+<view class="jiudianbottom">
+    <view class="jiudianbottomleft">
+        <view class="jiudianitem">
+            <view class="jiudianitemtop">
+                <image src="/img/pin.png"></image>
+            </view>
+
+            <view class="jiudianitembot">首页</view>
+        </view>
+        <view class="jiudianitem">
+            <view class="jiudianitemtop">
+                <image src="/img/kefu.png"></image>
+            </view>
+
+            <view class="jiudianitembot kename">客服</view>
+        </view>
+        <view class="jiudianitem">
+            <view class="jiudianitemtop">
+                <image src="/img/shou.png"></image>
+            </view>
+
+            <view class="jiudianitembot">收藏</view>
+        </view>
+    </view>
+
+    <view class="jiudianbottomright">购买会员免费入住</view>
+</view>

+page {
+  background: #F9F9F9;
+}
+
+.minsuintor {
+  padding: 40rpx 44rpx;
+  box-sizing: border-box;
+  background: #fff;
+}
+
+.minsutou {
+  color: #06121e;
+  font-size: 38rpx;
+  font-weight: bold;
+}
+
+.suhead {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 30rpx 32rpx 30rpx 0;
+  box-sizing: border-box;
+}
+
+.suheadone {
+  margin-top: 32rpx;
+}
+
+.suheadsec {
+  margin-top: 16rpx;
+}
+
+.suheadleft {
+  display: flex;
+  align-items: center;
+}
+
+.suheadleimg {
+  width: 40rpx;
+  height: 40rpx;
+  font-size: 0;
+}
+
+.sunheadword {
+  color: #06121e;
+  font-size: 28rpx;
+  margin-left: 12rpx;
+}
+
+.suheadright {
+  width: 44rpx;
+  height: 44rpx;
+  font-size: 0;
+}
+
+.ruzhu {
+  color: #06121e;
+  font-size: 28rpx;
+}
+
+.ruzhunum {
+  color: #ff5a4e;
+  font-size: 28rpx;
+}
+
+.ruzhuright {
+  display: flex;
+  align-items: center;
+}
+
+.ruzhuyou {
+  width: 18rpx;
+  height: 18rpx;
+  font-size: 0;
+  margin-left: 16rpx;
+}
+
+.minsulist {
+  display: flex;
+  align-items: center;
+  padding: 32rpx 58rpx;
+  box-sizing: border-box;
+  justify-content: space-between;
+  background: #fff;
+  margin-top:20rpx;
+}
+
+.minsuitem {
+  color: #06121e;
+  font-size: 26rpx;
+}
+
+.selactive {
+  color: #06121e;
+  font-size: 38rpx;
+  font-weight: bold;
+  position: relative;
+}
+
+.selactive::after {
+  position: absolute;
+  display: block;
+  content: '';
+  width: 48rpx;
+  height: 6rpx;
+  background: #ff5a4e;
+  left: 50%;
+  right: 50%;
+  transform: translateX(-50%);
+  bottom: -12rpx;
+  border-radius: 4rpx;
+}
+
+.judianjieright {
+  width: 34rpx;
+  height: 34rpx;
+  font-size: 0;
+}
+
+.jiudainjie {
+  width: 686rpx;
+  margin: 24rpx auto 0;
+  padding: 38rpx 32rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-shadow: 0px 16rpx 24rpx rgba(0, 0, 0, 0.02);
+  opacity: 1;
+  border-radius: 20rpx;
+}
+
+.jiudianjieleft {
+  color: #06121e;
+  font-size: 32rpx;
+  font-weight: bold;
+}
+
+.fuwujie {
+  margin-bottom: 52rpx;
+}
+
+.jiudianbottomleft {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12rpx 34rpx;
+  box-sizing: border-box;
+  width: 350rpx;
+}
+
+.jiudianbottomright {
+  width: 400rpx;
+  height: 98rpx;
+  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
+  opacity: 1;
+  color: #fff;
+  font-size: 32rpx;
+  text-align: center;
+  line-height: 98rpx;
+}
+
+.jiudianbottom {
+  display: flex;
+  align-items: center;
+}
+
+.jiudianitem {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.jiudianitemtop {
+  width: 40rpx;
+  height: 40rpx;
+  font-size: 0;
+}
+
+.jiudianitembot {
+  color: #bdc4ce;
+  font-size: 22rpx;
+}
+
+.kename {
+  color: #ff5a4e;
+  font-size: 22rpx;
+}
+
+.fangjietop {
+  width: 686rpx;
+  height: 320rpx;
+  font-size: 0;
+  margin: 28rpx auto 0;
+}
+
+.fangjieshao {
+  padding: 0 32rpx 0rpx;
+  box-sizing: border-box;
+  margin-bottom:54rpx;
+}
+
+.fangjieleft {
+  color: #06121e;
+  font-size: 32rpx;
+  font-weight: bold;
+}
+
+.fangjiebot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 32rpx;
+  padding: 0 32rpx;
+  box-sizing: border-box
+}
+
+.fangjieprice {
+  color: #ff5a4e;
+  font-size: 24rpx;
+  font-weight: bold;
+}
+
+.fangjiabot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top:14rpx;
+  padding: 0 32rpx;
+  box-sizing: border-box
+
+}
+
+.fangjiabotlefttop {
+  color: #8c9198;
+  font-size: 24rpx;
+}
+
+.fangjiabotbottom {
+  color: #ff5a4e;
+  font-size: 22rpx;
+}
+.jinzhang{
+  color:#EB9E52;
+  font-size: 22rpx;
+  margin-left:40rpx;
+}
+
+.fangjiabotright {
+  width: 150rpx;
+  height: 60rpx;
+  background: rgba(255, 90, 78, 1);
+  opacity: 1;
+  border-radius: 40rpx;
+  color:#fff;
+  font-size: 28rpx;
+  text-align: center;
+  line-height: 60rpx
+}
+.fangjieshaoitem{
+  background: #fff;
+  padding-bottom: 30rpx
+}
+
+.yudingqita{
+  width:240rpx;
+  height:60rpx;
+  background:rgba(255,90,78,1);
+  opacity:1;
+  border-radius:40rpx;
+  display:flex;
+  align-items: center;
+  padding: 0 24rpx;
+  box-sizing: border-box
+}
+.yudingqitaleft{
+  color:#fff;
+  font-size: 28rpx;
+}
+.yudingyou{
+  width:22rpx;
+  height:22rpx;
+  font-size: 0;
+  margin-left:5rpx;
+}

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

+{
+  "navigationBarTitleText": "攻略"
+}

+<view class="gongluelist">
+  <view class="gonglueitem">
+    <image src="/img/hangzhou.png"></image>
+
+    <view class="gonglueword">
+      <view class="wordtop">朗丽兹西山花园酒店</view>
+
+      <view class="wordbottom">
+        <view class="wordbotleft">
+          <image src="/img/weizhi.png"></image>
+        </view>
+        <view class="wordbotright">海淀区吴镇蔓图精品民宿</view>
+      </view>
+    </view>
+
+    <view class="gongluepic">
+      <view class="gongluetu">
+        <image src="/img/hong.png"></image>
+      </view>
+      <view class="peoplenum">58人种草</view>
+    </view>
+
+
+  </view>
+  <view class="gonglueitem">
+    <image src="/img/hangzhou.png"></image>
+
+    <view class="gonglueword">
+      <view class="wordtop">朗丽兹西山花园酒店</view>
+
+      <view class="wordbottom">
+        <view class="wordbotleft">
+          <image src="/img/weizhi.png"></image>
+        </view>
+        <view class="wordbotright">海淀区吴镇蔓图精品民宿</view>
+      </view>
+    </view>
+
+    <view class="gongluepic">
+      <view class="gongluetu">
+        <image src="/img/hong.png"></image>
+      </view>
+      <view class="peoplenum">58人种草</view>
+    </view>
+
+
+  </view>
+  <view class="gonglueitem">
+    <image src="/img/hangzhou.png"></image>
+
+    <view class="gonglueword">
+      <view class="wordtop">朗丽兹西山花园酒店</view>
+
+      <view class="wordbottom">
+        <view class="wordbotleft">
+          <image src="/img/weizhi.png"></image>
+        </view>
+        <view class="wordbotright">海淀区吴镇蔓图精品民宿</view>
+      </view>
+    </view>
+
+    <view class="gongluepic">
+      <view class="gongluetu">
+        <image src="/img/hong.png"></image>
+      </view>
+      <view class="peoplenum">58人种草</view>
+    </view>
+
+
+  </view>
+  <view class="gonglueitem">
+    <image src="/img/hangzhou.png"></image>
+
+    <view class="gonglueword">
+      <view class="wordtop">朗丽兹西山花园酒店</view>
+
+      <view class="wordbottom">
+        <view class="wordbotleft">
+          <image src="/img/weizhi.png"></image>
+        </view>
+        <view class="wordbotright">海淀区吴镇蔓图精品民宿</view>
+      </view>
+    </view>
+
+    <view class="gongluepic">
+      <view class="gongluetu">
+        <image src="/img/hong.png"></image>
+      </view>
+      <view class="peoplenum">58人种草</view>
+    </view>
+
+
+  </view>
+</view>

+.gonglueitem{
+  width:686rpx;
+  height:368rpx;
+  font-size: 0;
+  margin:26rpx auto 0;
+  border-radius: 16rpx;
+  position: relative
+}
+.wordbottom{
+  width:338rpx;
+  height:52rpx;
+  background:rgba(0,0,0,1);
+  opacity:0.5;
+  border-radius:28rpx;
+  background: #000000;
+  margin-top:16rpx;
+  display:flex;
+  align-items: center;
+  padding: 10rpx 20rpx;
+  box-sizing: border-box;
+ 
+}
+.gonglueword{
+  position: absolute;
+  top:222rpx;
+  left:38rpx;
+}
+.wordtop{
+  color:#FFFFFF;
+  font-size: 36rpx;
+}
+
+.wordbotleft{
+  width:24rpx;
+  height:24rpx;
+  font-size: 0
+}
+.wordbotright{
+  color:#fff;
+  font-size: 24rpx;
+  margin-left:10rpx;
+}
+.gongluetu{
+  width:142rpx;
+  height:48rpx;
+  font-size: 0;
+  position: relative
+}
+.gongluepic{
+  position: absolute;
+  top:30rpx;
+  right:0;
+  
+}
+.peoplenum{
+  color:#FFFFFF;
+  font-size: 24rpx;
+  position: absolute;
+  top:8rpx;
+  right:14rpx;
+}
+.gongluelist{
+  margin-bottom:36rpx;
+}

+// pages/gongluedetail/gongluedetail.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    imgUrls: [
+      '/img/tuijianimg1.png',
+      '/img/tuijianimg1.png',
+      '/img/tuijianimg1.png',
+    ],
+    indicatorDots: false,
+    autoplay: true,
+    interval: 2000,
+    duration: 1000,
+    currentSwiper: 0,
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  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="gongdetailtop">
+  <image src="/img/tuijianimg1.png"></image>
+
+  
+
+
+</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="dongdetailbot">
+
+      <view class="topimg">
+        <image src="/img/hong.png"></image>
+      </view>
+
+      <view class="zhongcaoname">58人种草</view>
+    </view>
+
+  <view class="dots">
+    <block wx:for="{{imgUrls}}" wx:key="">
+      <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
+    </block>
+  </view>
+
+</view>
+
+
+<view class="gongdetailbox">
+  <view class="detailboxhead">
+    <view class="detailboxtop">西湖美景民宿</view>
+    <view class="detailboxbotm">
+      <view class="detailboxbotleft">
+        <image src="/img/ditu.png"></image>
+      </view>
+
+      <view class="detailboxbotright">杭州西湖风景民宿</view>
+    </view>
+  </view>
+
+  <view class="gongluebox">
+    <view class="gonglueboxitem">
+      <view class="gongboxtop">
+        <text class="textnum">01</text>
+        <text class="textwen">在闹中取静的西湖，体验地道的本土生活</text>
+      </view>
+
+      <view class="gongboximg">
+        <image src="/img/dali.png"></image>
+      </view>
+
+      <view class="gongboxtext">杭州处于亚热带季风区，四季分明，、夏季气候炎热，湿润，是新四大火炉之一。相反，冬季寒冷，干燥。春秋两季气候宜人，是观光旅游的黄金季节。</view>
+    </view>
+
+    <view class="gonglueboxitem">
+      <view class="gongboxtop">
+        <text class="textnum">01</text>
+        <text class="textwen">在闹中取静的西湖，体验地道的本土生活</text>
+      </view>
+
+      <view class="gongboximg">
+        <image src="/img/dali.png"></image>
+      </view>
+
+      <view class="gongboxtext">杭州处于亚热带季风区，四季分明，、夏季气候炎热，湿润，是新四大火炉之一。相反，冬季寒冷，干燥。春秋两季气候宜人，是观光旅游的黄金季节。</view>
+    </view>
+
+
+    <view class="gonglueboxitem">
+      <view class="gongboxtop">
+        <text class="textnum">01</text>
+        <text class="textwen">在闹中取静的西湖，体验地道的本土生活</text>
+      </view>
+
+      <view class="gongboximg">
+        <image src="/img/dali.png"></image>
+      </view>
+
+      <view class="gongboxtext">杭州处于亚热带季风区，四季分明，、夏季气候炎热，湿润，是新四大火炉之一。相反，冬季寒冷，干燥。春秋两季气候宜人，是观光旅游的黄金季节。</view>
+    </view>
+
+    <view class="gonglueboxitem">
+      <view class="gongboxtop">
+        <text class="textnum">01</text>
+        <text class="textwen">在闹中取静的西湖，体验地道的本土生活</text>
+      </view>
+
+      <view class="gongboximg">
+        <image src="/img/dali.png"></image>
+      </view>
+
+      <view class="gongboxtext">杭州处于亚热带季风区，四季分明，、夏季气候炎热，湿润，是新四大火炉之一。相反，冬季寒冷，干燥。春秋两季气候宜人，是观光旅游的黄金季节。</view>
+    </view>
+  </view>
+
+
+</view>
+
+
+<view class="ongbottom">
+  <view class="gongbottmleft">
+
+    <view class="gongimgtop">
+      <view class="gongbotleftimg">
+        <image src="/img/xin.png"></image>
+      </view>
+
+      <view class="gongimgtext">已种草</view>
+
+    </view>
+
+    <view class="bongbotrig">
+
+      <text class="buyname">购买会员免费入住</text>
+
+
+
+      <view class="redyou">
+        <image src="/img/redyou.png"></image>
+      </view>
+
+    </view>
+  </view>
+
+  <view class="gongbottmright">攻略中的民宿</view>
+
+
+</view>

+page {
+  background: #fff;
+}
+
+.gongdetailtop {
+  width: 750rpx;
+  height: 376rpx;
+  font-size: 0;
+  position: relative;
+}
+
+.dongdetailbot {
+  position: absolute;
+  top: 46rpx;
+  right: 0;
+}
+
+.topimg {
+  width: 142rpx;
+  height: 48rpx;
+  font-size: 0;
+  position: relative;
+}
+
+.zhongcaoname {
+  color: #fff;
+  font-size: 24rpx;
+  position: absolute;
+  top: 6rpx;
+  right: 14rpx;
+}
+
+.gongdetailbox {
+  padding: 0 32rpx;
+  box-sizing: border-box;
+}
+
+.detailboxtop {
+  color: #06121e;
+  font-size: 40rpx;
+  font-weight: bold;
+  margin-top: 40rpx;
+}
+
+.detailboxhead {
+  border-bottom: 24rpx solid #f9f9f9;
+}
+
+.detailboxbotm {
+  display: flex;
+  align-items: center;
+  padding: 32rpx 0;
+  box-sizing: border-box;
+}
+
+.detailboxbotleft {
+  width: 35rpx;
+  height: 33rpx;
+  font-size: 0;
+}
+
+.detailboxbotright {
+  color: #06121e;
+  font-size: 28rpx;
+  margin-left: 20rpx;
+  width: 615rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.gongboximg {
+  width: 684rpx;
+  height: 392rpx;
+  font-size: 0;
+  margin-top: 20rpx;
+}
+
+.gongboxtext {
+  color: #06121e;
+  font-size: 28rpx;
+  margin-top: 40rpx;
+}
+
+.textnum {
+  color: #06121e;
+  font-size: 44rpx;
+  font-weight: bold;
+}
+
+.textwen {
+  color: #06121e;
+  font-size: 36rpx;
+  font-weight: bold;
+  margin-left: 10rpx;
+}
+
+.gonglueboxitem {
+  margin-bottom: 24rpx;
+}
+
+.gongboxtop {
+  margin-top: 50rpx;
+}
+
+.gongbottmleft {
+  display: flex;
+  align-items: center;
+   padding: 8rpx 32rpx;
+  box-sizing: border-box;
+}
+
+.gongbotleftimg {
+  width: 60rpx;
+  height: 50rpx;
+  font-size: 0;
+}
+
+.ongbottom {
+ 
+  display:flex;
+  align-items: center;
+  justify-content: space-between
+}
+
+.gongimgtext {
+  color: #ff5a4e;
+  font-size: 24rpx;
+}
+
+.bongbotrig {
+  color: #ff5a4e;
+  font-size: 22rpx;
+  margin-left: 74rpx;
+  display:flex;
+  align-items: center
+}
+
+.gongbottmright {
+  width: 296rpx;
+  height: 98rpx;
+  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
+  opacity: 1;
+  color:#fff;
+  font-size: 32rpx;
+  text-align: center;
+  line-height: 98rpx;
+
+}
+.sanjiao{
+  font-size: 30rpx;
+}
+
+.redyou{
+  width:20rpx;
+  height:20rpx;
+  font-size: 0;
+  margin-left:10rpx;
+}
+.swiper_image{
+  position: relative
+}

+// pages/hoteldetail/hoteldetail.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    imgUrls: [
+      '/img/tuijianimg1.png',
+      '/img/tuijianimg1.png',
+      '/img/tuijianimg1.png',
+    ],
+    indicatorDots: false,
+    autoplay: true,
+    interval: 2000,
+    duration: 1000,
+    currentSwiper: 0,
+    selitem:4
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  selkind(e){
+    this.setData({
+      selitem:e.currentTarget.dataset.type
+    })
+  },
+  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="minsuintor">
+  <view class="minsutou">蔓图精品民宿</view>
+
+  <view class="suconcatbox">
+    <view class="suhead suheadone">
+      <view class="suheadleft">
+        <view class="suheadleimg">
+          <image src="/img/ditu.png"></image>
+        </view>
+
+        <view class="sunheadword">北京海淀区蔓图精品民宿</view>
+
+
+      </view>
+
+      <view class="suheadright">
+        <image src="/img/dianhua.png"></image>
+      </view>
+    </view>
+
+    <view class="suhead suheadsec">
+      <view class="suheadleft">
+        <view class="suheadleimg">
+          <image src="/img/haibao.png"></image>
+        </view>
+
+        <view class="sunheadword">08月29日-08月31日</view>
+      </view>
+      <view class="ruzhuright">
+        <view class="ruzhu">
+          入住
+          <text class="ruzhunum">2</text>晚
+        </view>
+
+        <view class="ruzhuyou">
+          <image src="/img/yourow.png"></image>
+        </view>
+      </view>
+
+    </view>
+  </view>
+</view>
+
+<view class="minsulist">
+  <view class='minsuitem {{selitem==1?"selactive":""}}' bindtap="selkind" data-type="1">房型介绍</view>
+  <view class='minsuitem {{selitem==2?"selactive":""}}' bindtap="selkind" data-type="2">酒店介绍</view>
+  <view class='minsuitem {{selitem==3?"selactive":""}}' bindtap="selkind" data-type="3">入住须知</view>
+  <view class='minsuitem {{selitem==4?"selactive":""}}' bindtap="selkind" data-type="4">游玩攻略</view>
+</view>
+
+
+<!-- 房型介绍 -->
+
+<view class="fangxing" wx:if="{{selitem==1}}">
+  <view class="jiudainjie">
+    <view class="jiudianjieleft">酒店介绍</view>
+    <view class="judianjieright">
+      <image src="/img/yourow.png"></image>
+    </view>
+  </view>
+
+  <view class="jiudainjie fuwujie">
+    <view class="jiudianjieleft">设施服务</view>
+    <view class="judianjieright">
+      <image src="/img/yourow.png"></image>
+    </view>
+  </view>
+
+</view>
+
+<!-- 酒店介绍 -->
+<view class="jiudianbigbox" wx:if="{{selitem==2}}">
+
+
+  <view class="jiudianintortext">
+    <view class="jiudainjieintro">
+      <view class="jiudianjieleft">酒店介绍</view>
+      <view class="judianjieright intoryou">
+        <image src="/img/yourow.png"></image>
+      </view>
+    </view>
+
+    <view class="jiudiancontentitem">
+      <view class="jiudianboxtop">
+        <view class="jiudiantopleft">
+          <image src="/img/jieshaojiu.png"></image>
+        </view>
+        <view class="jiudianhuan">周边环境</view>
+
+      </view>
+
+      <view class="zhoubiantext">
+        上海艾格瑞公寓位于具有“上海缩影”之称的虹口，坐拥浦江繁华内环核心，占据内环具有价值“黄金三角生活圈”。公寓毗邻瑞虹天地商圈、四川北路商圈、海伦路商圈之众多商场和写字楼，步行可达和平公园、鲁迅公园、1933老场坊、多伦路文化名人街，乘车前往外滩、陆家嘴约十余分钟。 　　公寓设有标准层和行政层，标准层设有7种各具特色的北欧风房型，行政层设有3种舒适简约套房房型，每间房间配有无线上网服务。
+      </view>
+    </view>
+
+    <view class="jiudiancontentitem">
+      <view class="jiudianboxtop">
+        <view class="jiudiantopleft">
+          <image src="/img/shejistyle.png"></image>
+        </view>
+        <view class="jiudianhuan">设计风格</view>
+
+      </view>
+
+      <view class="zhoubiantext">
+        酒店设计现代、简约。 游玩回到水晶可以在露台喝茶聊天，看书发呆。尽情享受度假时光。
+      </view>
+    </view>
+    <view class="jiudiancontentitem">
+      <view class="jiudianboxtop">
+        <view class="jiudiantopleft">
+          <image src="/img/jiaotong.png"></image>
+        </view>
+        <view class="jiudianhuan">交通路线</view>
+
+      </view>
+
+      <view class="zhoubiantext">
+        酒店临近16号线永丰南站，步行4分钟即可到达地铁站；
+      </view>
+    </view>
+
+    <view class="jiudiancontentitem">
+      <view class="jiudianboxtop">
+        <view class="jiudiantopleft">
+          <image src="/img/tuijianreson.png"></image>
+        </view>
+        <view class="jiudianhuan">推荐理由</view>
+
+      </view>
+
+      <view class="zhoubiantext">
+        公寓内还设有健身房、咖啡厅、公共会客厅、棋牌桌游吧、会议室、商务中心等设施。在这里，可以充分感受上海气息的品质居住体验，愿能成为您商务、旅行下榻的优选。
+      </view>
+    </view>
+
+
+  </view>
+
+
+
+  <!-- 设施服务 -->
+
+  <view class="jiudianintortext">
+    <view class="jiudainjieintro">
+      <view class="jiudianjieleft">设施服务</view>
+      <view class="judianjieright intoryou">
+        <image src="/img/yourow.png"></image>
+      </view>
+    </view>
+
+    <view class="jiaotong">
+
+      <view class="jiaotongitem">
+        <view class="jiaotongtop">交通服务</view>
+
+        <view class="jiaotongbottom">
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">免费停车</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">自行车租赁服务</view>
+          </view>
+        </view>
+      </view>
+
+      <view class="jiaotongitem">
+        <view class="jiaotongtop">餐饮服务</view>
+
+        <view class="jiaotongbottom">
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">中餐厅</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">咖啡厅</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">送餐服务</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">烧烤</view>
+          </view>
+        </view>
+      </view>
+
+      <view class="jiaotongitem">
+        <view class="jiaotongtop">网络设施</view>
+
+        <view class="jiaotongbottom">
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">客房WIFI</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">公共区域WIFI</view>
+          </view>
+        </view>
+      </view>
+
+
+      <view class="jiaotongitem">
+        <view class="jiaotongtop">娱乐和健身设施</view>
+
+        <view class="jiaotongbottom">
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">茶室</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">健身房</view>
+          </view>
+        </view>
+      </view>
+
+
+      <view class="jiaotongitem">
+        <view class="jiaotongtop">服务项目</view>
+
+        <view class="jiaotongbottom">
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">会议室</view>
+          </view>
+
+          <view class="jiaotongbottomitem">
+            <view class="jiaotongitemleft">
+              <image src="/img/duigou.png"></image>
+            </view>
+            <view class="jiaotongitemname">全天前天</view>
+          </view>
+        </view>
+      </view>
+
+    </view>
+
+
+
+  </view>
+
+
+
+</view>
+<!-- 入住须知 -->
+
+<view class="ruzhuxuzhi" wx:if="{{selitem==3}}">
+  <view class="ruzhuxuname">入住须知</view>
+  <view></view>
+
+</view>
+
+<!-- 游玩攻略 -->
+<view class="youwangong" wx:if="{{selitem==4}}">
+
+  <view class="youwanitem">
+    <view class="youwantop">在·杭州</view>
+
+    <view class="youwantextname">为您解锁地区</view>
+
+    <view class='youwanimgbox'>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+    </view>
+
+    <view class="youwantext">杭州处于亚热带季风区，四季分明，、夏季气候炎热，湿润，是新四大火炉之一。相反，冬季寒冷，干燥。春秋两季气候宜人，是观光旅游的黄金季节。</view>
+  </view>
+  <view class="youwanitem">
+    <view class="youwantop">在·杭州</view>
+
+    <view class="youwantextname">为您解锁地区</view>
+
+    <view class='youwanimgbox'>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+    </view>
+
+    <view class="youwantext">杭州处于亚热带季风区，四季分明，、夏季气候炎热，湿润，是新四大火炉之一。相反，冬季寒冷，干燥。春秋两季气候宜人，是观光旅游的黄金季节。</view>
+  </view>
+  <view class="youwanitem">
+    <view class="youwantop">在·杭州</view>
+
+    <view class="youwantextname">为您解锁地区</view>
+
+    <view class='youwanimgbox'>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+    </view>
+
+    <view class="youwantext">杭州处于亚热带季风区，四季分明，、夏季气候炎热，湿润，是新四大火炉之一。相反，冬季寒冷，干燥。春秋两季气候宜人，是观光旅游的黄金季节。</view>
+  </view>
+  <view class="youwanitem">
+    <view class="youwantop">在·杭州</view>
+
+    <view class="youwantextname">为您解锁地区</view>
+
+    <view class='youwanimgbox'>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+    </view>
+
+    <view class="youwantext">杭州处于亚热带季风区，四季分明，、夏季气候炎热，湿润，是新四大火炉之一。相反，冬季寒冷，干燥。春秋两季气候宜人，是观光旅游的黄金季节。</view>
+  </view>
+  <view class="youwanitem">
+    <view class="youwantop">在·杭州</view>
+
+    <view class="youwantextname">为您解锁地区</view>
+
+    <view class='youwanimgbox'>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+      <view class="youwanimg">
+        <image src="/img/lineimg2.png"></image>
+      </view>
+    </view>
+
+    <view class="youwantext">杭州处于亚热带季风区，四季分明，、夏季气候炎热，湿润，是新四大火炉之一。相反，冬季寒冷，干燥。春秋两季气候宜人，是观光旅游的黄金季节。</view>
+  </view>
+
+</view>
+
+<view class="jiudianbottom">
+  <view class="jiudianbottomleft">
+    <view class="jiudianitem">
+      <view class="jiudianitemtop">
+        <image src="/img/pin.png"></image>
+      </view>
+
+      <view class="jiudianitembot">首页</view>
+    </view>
+    <view class="jiudianitem">
+      <view class="jiudianitemtop">
+        <image src="/img/kefu.png"></image>
+      </view>
+
+      <view class="jiudianitembot kename">客服</view>
+    </view>
+    <view class="jiudianitem">
+      <view class="jiudianitemtop">
+        <image src="/img/shou.png"></image>
+      </view>
+
+      <view class="jiudianitembot">收藏</view>
+    </view>
+  </view>
+
+  <view class="jiudianbottomright">购买会员免费入住</view>
+</view>

+page {
+  background: #f7f7f7;
+}
+
+.minsuintor {
+  padding: 40rpx 44rpx;
+  box-sizing: border-box;
+  background: #fff;
+}
+
+.minsutou {
+  color: #06121e;
+  font-size: 38rpx;
+  font-weight: bold;
+}
+
+.suhead {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 30rpx 32rpx 30rpx 0;
+  box-sizing: border-box;
+}
+
+.suheadone {
+  margin-top: 32rpx;
+}
+
+.suheadsec {
+  margin-top: 16rpx;
+}
+
+.suheadleft {
+  display: flex;
+  align-items: center;
+}
+
+.suheadleimg {
+  width: 40rpx;
+  height: 40rpx;
+  font-size: 0;
+}
+
+.sunheadword {
+  color: #06121e;
+  font-size: 28rpx;
+  margin-left: 12rpx;
+}
+
+.suheadright {
+  width: 44rpx;
+  height: 44rpx;
+  font-size: 0;
+}
+
+.ruzhu {
+  color: #06121e;
+  font-size: 28rpx;
+}
+
+.ruzhunum {
+  color: #ff5a4e;
+  font-size: 28rpx;
+}
+
+.ruzhuright {
+  display: flex;
+  align-items: center;
+}
+
+.ruzhuyou {
+  width: 18rpx;
+  height: 18rpx;
+  font-size: 0;
+  margin-left: 16rpx;
+}
+
+.minsulist {
+  display: flex;
+  align-items: center;
+  padding: 32rpx 58rpx;
+  box-sizing: border-box;
+  justify-content: space-between;
+  background: #fff;
+}
+
+.minsuitem {
+  color: #06121e;
+  font-size: 26rpx;
+}
+
+.selactive {
+  color: #06121e;
+  font-size: 38rpx;
+  font-weight: bold;
+  position: relative;
+}
+
+.selactive::after {
+  position: absolute;
+  display: block;
+  content: '';
+  width: 48rpx;
+  height: 6rpx;
+  background: #ff5a4e;
+  left: 50%;
+  right: 50%;
+  transform: translateX(-50%);
+  bottom: -12rpx;
+  border-radius: 4rpx;
+}
+
+.judianjieright {
+  width: 34rpx;
+  height: 34rpx;
+  font-size: 0;
+}
+
+.jiudainjie {
+  width: 686rpx;
+  margin: 24rpx auto;
+  padding: 38rpx 32rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-shadow: 0px 16rpx 24rpx rgba(0, 0, 0, 0.02);
+  opacity: 1;
+  border-radius: 20rpx;
+  background: #fff;
+}
+
+.jiudainjieintro {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 40rpx 0;
+  box-sizing: border-box;
+}
+
+.jiudianjieleft {
+  color: #06121e;
+  font-size: 32rpx;
+  font-weight: bold;
+}
+
+.fuwujie {
+  margin-bottom: 52rpx;
+}
+
+.jiudianbottomleft {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12rpx 34rpx;
+  box-sizing: border-box;
+  width: 350rpx;
+  background: #fff;
+}
+
+.jiudianbottomright {
+  width: 400rpx;
+  height: 98rpx;
+  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
+  opacity: 1;
+  color: #fff;
+  font-size: 32rpx;
+  text-align: center;
+  line-height: 98rpx;
+}
+
+.jiudianbottom {
+  display: flex;
+  align-items: center;
+  position: fixed;
+  bottom: 0;
+}
+
+.jiudianitem {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.jiudianitemtop {
+  width: 40rpx;
+  height: 40rpx;
+  font-size: 0;
+}
+
+.jiudianitembot {
+  color: #bdc4ce;
+  font-size: 22rpx;
+}
+
+.kename {
+  color: #ff5a4e;
+  font-size: 22rpx;
+}
+
+.jiudianboxtop {
+  display: flex;
+  align-items: center;
+  margin-top: 38rpx;
+}
+
+.jiudiantopleft {
+  width: 48rpx;
+  height: 48rpx;
+  font-size: 0;
+}
+
+.jiudianintortext {
+  width: 686rpx;
+  margin: 24rpx auto 0;
+  padding: 0 32rpx 24rpx;
+  box-sizing: border-box;
+  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.02);
+  opacity: 1;
+  border-radius: 20px;
+  background: #fff;
+}
+
+.jiudianhuan {
+  color: #06121e;
+  font-size: 32rpx;
+  margin-left: 10rpx;
+}
+
+.zhoubiantext {
+  color: #5b5e63;
+  font-size: 28rpx;
+  margin-top: 24rpx;
+}
+
+.jiudianbigbox {
+  margin-bottom: 156rpx;
+}
+
+.jiaotongtop {
+  color: #06121e;
+  font-size: 30rpx;
+}
+
+.jiaotongitemleft {
+  width: 48rpx;
+  height: 48rpx;
+  font-size: 0;
+}
+
+.jiaotongbottomitem {
+  display: flex;
+  align-items: center;
+  margin-top: 16rpx;
+  margin-right: 40rpx;
+}
+
+.jiaotongitemname {
+  color: #5b5e63;
+  font-size: 28rpx;
+  margin-left: 12rpx;
+}
+
+.jiaotongbottom {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.jiaotongitem {
+  margin-top: 20rpx;
+}
+
+.fangxing {
+  margin-bottom: 146rpx;
+}
+
+.intoryou {
+  width: 30rpx;
+  height: 30rpx;
+  font-size: 0;
+  transform: rotate(90deg);
+}
+
+/* 入住须知 */
+
+.ruzhuxuzhi {
+  width: 686rpx;
+ 
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 16rpx 24rpx rgba(0, 0, 0, 0.02);
+  opacity: 1;
+  border-radius: 20rpx;
+  padding: 40rpx 32rpx;
+  box-sizing: border-box;
+  margin: 24rpx auto 0;
+}
+.ruzhuxuname{
+  color:#06121E;
+  font-size: 32rpx;
+  font-weight: bold;
+
+}
+.youwangong{
+  /* padding: 50rpx 0rpx 50rpx 32rpx;
+  box-sizing: border-box; */
+  background: #fff;
+  margin-top:24rpx;
+  margin-bottom:156rpx;
+}
+.youwanitem{
+  padding:50rpx 0 50rpx 32rpx;
+  box-sizing: border-box 
+}
+
+/* 游玩攻略 */
+.youwantop{
+  color:#06121E;
+  font-size: 36rpx;
+  font-weight:bold;
+}
+.youwantextname{
+  color:#8C9198;
+  font-size: 24rpx;
+  margin-top:5rpx;
+  
+}
+.youwanimgbox{
+  display:flex;
+  align-items: center;
+  overflow-x: scroll;
+  margin-top:34rpx;
+  
+}
+.youwanimg{
+  width:670rpx;
+  height: 392rpx;
+  font-size: 0;
+  flex:0 0 auto;
+  margin-right:20rpx;
+}
+.youwantext{
+  color:#06121E;
+  font-size: 28rpx;
+  width:656rpx;
+  margin:34rpx auto 0;
+}

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

+{
+ "navigationBarTitleText": "房源列表"
+}

+<view class="headlist">
+  <view class="headlistleft">
+    <view class="leftimg">
+      <image src="/img/sousuo.png"></image>
+    </view>
+    <view class="headenter">
+      <input placeholder='' placeholder-class="enterword" />
+    </view>
+  </view>
+
+  <view class="housetime">
+    <view class="houseleft">
+      <view class="houselefttop">08月21日</view>
+      <view class="houseleftbottom">(周三入住)</view>
+    </view>
+
+    <view class="middletime">
+
+      <view class="housemiddle">
+        <view class="housemiddletop">共2晚</view>
+        <image src="/img/rowright.png"></image>
+      </view>
+    </view>
+
+    <view class="houseleft">
+      <view class="houselefttop">08月21日</view>
+      <view class="houseleftbottom">(周三入住)</view>
+    </view>
+  </view>
+
+
+  <view class="tuijian">
+
+    <view class="nodata" wx:if="{{showlist}}">
+
+      <view class="nodataimg">
+        <image src="/img/tuijian.png"></image>
+      </view>
+
+      <view class="nodatatext">
+        您搜索的 <text class="area">北京</text> 区域房源正在准备中，上线后将第一时间推送到您的首页，敬请期待！
+      </view>
+
+    </view>
+
+
+    <view class="tuijianlist" wx:else>
+      <view class="tuijianitem">
+        <view class="tuijainimg">
+          <image src="/img/tuijianimg1.png"></image>
+
+          <view class='linethirname tuituname'>
+
+            <view class="linethileft">
+              <image src="/img/weizhi.png"></image>
+            </view>
+            <view class="lineright">丽江 玉龙纳西族自治县</view>
+          </view>
+        </view>
+
+        <view class="tuijianintro">
+          <view class="tuijianname">朗丽兹西山花园酒店</view>
+          <view class="tuijianleft">
+            <view class="tuijainleftname">吴镇蔓图精品民宿</view>
+            <view class="tuijianrightname">
+              <view class="tuitu">
+                <image src="/img/ditu.png"></image>
+              </view>
+
+              <view class="dituname">海淀区蔓图精品民宿</view>
+            </view>
+          </view>
+
+          <view class="kind">
+            <view class="lindleft">
+              <view class="leftitem">原木轻著</view>
+              <view class="leftitem">豪华精致</view>
+
+            </view>
+            <view class="lieright">
+              <view class="lineleftmoney zhemoney">¥888</view>
+              <view class="lineleftmoney">会员免费</view>
+            </view>
+
+          </view>
+        </view>
+      </view>
+
+      <view class="tuijianitem">
+        <view class="tuijainimg">
+          <image src="/img/tuijianimg2.png"></image>
+
+          <view class='linethirname tuituname'>
+
+            <view class="linethileft">
+              <image src="/img/weizhi.png"></image>
+            </view>
+            <view class="lineright">丽江 玉龙纳西族自治县</view>
+          </view>
+        </view>
+
+        <view class="tuijianintro">
+          <view class="tuijianname">朗丽兹西山花园酒店</view>
+          <view class="tuijianleft">
+            <view class="tuijainleftname">吴镇蔓图精品民宿</view>
+            <view class="tuijianrightname">
+              <view class="tuitu">
+                <image src="/img/ditu.png"></image>
+              </view>
+
+              <view class="dituname">海淀区蔓图精品民宿</view>
+            </view>
+          </view>
+
+          <view class="kind">
+            <view class="lindleft">
+              <view class="leftitem">原木轻著</view>
+              <view class="leftitem">豪华精致</view>
+
+            </view>
+            <view class="lieright">
+              <view class="lineleftmoney zhemoney">¥888</view>
+              <view class="lineleftmoney">会员免费</view>
+            </view>
+
+          </view>
+        </view>
+      </view>
+      <view class="tuijianitem">
+        <view class="tuijainimg">
+          <image src="/img/tuijianimg3.png"></image>
+
+          <view class='linethirname tuituname'>
+
+            <view class="linethileft">
+              <image src="/img/weizhi.png"></image>
+            </view>
+            <view class="lineright">丽江 玉龙纳西族自治县</view>
+          </view>
+        </view>
+
+        <view class="tuijianintro">
+          <view class="tuijianname">朗丽兹西山花园酒店</view>
+          <view class="tuijianleft">
+            <view class="tuijainleftname">吴镇蔓图精品民宿</view>
+            <view class="tuijianrightname">
+              <view class="tuitu">
+                <image src="/img/ditu.png"></image>
+              </view>
+
+              <view class="dituname">海淀区蔓图精品民宿</view>
+            </view>
+          </view>
+
+          <view class="kind">
+            <view class="lindleft">
+              <view class="leftitem">原木轻著</view>
+              <view class="leftitem">豪华精致</view>
+
+            </view>
+            <view class="lieright">
+              <view class="lineleftmoney zhemoney">¥888</view>
+              <view class="lineleftmoney">会员免费</view>
+            </view>
+
+          </view>
+        </view>
+      </view>
+
+    </view>
+  </view>
+</view>

+@import '../lixiangzhong/lixiangzhong.wxss';
+page{
+  background: #fff
+}
+.headlistleft{
+  display:flex;
+  align-items: center;
+  justify-content: center;
+  padding: 40rpx 106rpx;
+  border-bottom:1rpx solid #f5f5f5;
+}
+.leftimg{
+  width:40rpx;
+  height:40rpx;
+  font-size: 0
+}
+.headenter input{
+  color:#8C9198;
+  font-size: 28rpx;
+}
+.headenter{
+  margin-left:20rpx;
+}
+.enterword{
+  color:#8C9198;
+  font-size: 28rpx;
+}
+.housetime{
+  display:flex;
+  align-items: center;
+   padding: 40rpx 106rpx;
+  box-sizing: border-box;
+  justify-content: space-between
+}
+.housemiddle{
+  width:96rpx;
+  height:56rpx;
+  font-size: 0;
+  position: relative
+}
+.houselefttop{
+  color:#06121E;
+  font-size: 36rpx;
+  font-weight: bold
+}
+.houseleftbottom{
+  color:#8C9198;
+  font-size:24rpx;
+  text-align: center;
+  margin-top:8rpx;
+}
+.housemiddletop{
+  width:80rpx;
+  color:#FF5A4E;
+  font-size: 24rpx;
+  text-align: center;
+  position: absolute;
+  top:-15rpx;
+ 
+}
+.nodataimg{
+  width:356rpx;
+  height:210rpx;
+  font-size: 0;
+  margin:58rpx auto 0;
+}
+.nodatatext{
+  color:#8C9198;
+  font-size: 24rpx;
+  width:524rpx;
+  margin:24rpx auto 0;
+  line-height: 1.6
+}
+.area{
+  color:#06121E;
+  font-size: 24rpx;
+}