From fd1996a55f150f2602bd437d6f76bf615260489b Mon Sep 17 00:00:00 2001
From: lihongjuan <18848113498@163.com>
Date: Sat, 12 Oct 2019 15:00:43 +0800
Subject: [PATCH] 3443443

---
 app.js                                 |  39 +++++++++++++++++++++++++++++++++++++++
 app.json                               |  42 ++++++++++++++++++++++++++++++++++++++++++
 app.wxss                               |  83 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 img/anji.png                           | Bin 0 -> 14301 bytes
 img/dali.png                           | Bin 0 -> 15823 bytes
 img/ditu.png                           | Bin 0 -> 2401 bytes
 img/duigou.png                         | Bin 0 -> 198 bytes
 img/fenhaibao.png                      | Bin 0 -> 14293 bytes
 img/fujian.png                         | Bin 0 -> 15050 bytes
 img/haibao.png                         | Bin 0 -> 314 bytes
 img/hangzhou.png                       | Bin 0 -> 14486 bytes
 img/hong.png                           | Bin 0 -> 382 bytes
 img/img1.png                           | Bin 0 -> 94920 bytes
 img/img2.png                           | Bin 0 -> 140632 bytes
 img/img3.png                           | Bin 0 -> 80319 bytes
 img/jiaotong.png                       | Bin 0 -> 292 bytes
 img/jieshaojiu.png                     | Bin 0 -> 249 bytes
 img/kefu.png                           | Bin 0 -> 682 bytes
 img/lineimg1.png                       | Bin 0 -> 349564 bytes
 img/lineimg2.png                       | Bin 0 -> 348885 bytes
 img/nav_03.png                         | Bin 0 -> 553 bytes
 img/pin.png                            | Bin 0 -> 272 bytes
 img/redyou.png                         | Bin 0 -> 1313 bytes
 img/renwu.png                          | Bin 0 -> 3419 bytes
 img/rowright.png                       | Bin 0 -> 979 bytes
 img/savehaibao.png                     | Bin 0 -> 13388 bytes
 img/share.png                          | Bin 0 -> 8499 bytes
 img/shejistyle.png                     | Bin 0 -> 185 bytes
 img/shou.png                           | Bin 0 -> 236 bytes
 img/sousuo.png                         | Bin 0 -> 3210 bytes
 img/sun_02.png                         | Bin 0 -> 489 bytes
 img/sun_19.png                         | Bin 0 -> 20441 bytes
 img/sun_21.png                         | Bin 0 -> 732 bytes
 img/sun_22.png                         | Bin 0 -> 531 bytes
 img/sun_23.png                         | Bin 0 -> 477 bytes
 img/sun_24.png                         | Bin 0 -> 495 bytes
 img/sun_25.png                         | Bin 0 -> 446 bytes
 img/sun_26.png                         | Bin 0 -> 573 bytes
 img/sun_29.png                         | Bin 0 -> 2327 bytes
 img/sun_40.png                         | Bin 0 -> 108636 bytes
 img/sun_41.png                         | Bin 0 -> 109077 bytes
 img/sun_42.png                         | Bin 0 -> 143301 bytes
 img/sun_43.png                         | Bin 0 -> 131186 bytes
 img/sun_45.png                         | Bin 0 -> 26436 bytes
 img/sun_46.png                         | Bin 0 -> 5539 bytes
 img/sun_47.png                         | Bin 0 -> 8798 bytes
 img/sun_48.png                         | Bin 0 -> 96659 bytes
 img/sun_49.png                         | Bin 0 -> 6725 bytes
 img/sun_50.png                         | Bin 0 -> 7445 bytes
 img/sun_51.png                         | Bin 0 -> 15678 bytes
 img/sun_52.png                         | Bin 0 -> 10503 bytes
 img/sun_53.png                         | Bin 0 -> 5128 bytes
 img/sun_54.png                         | Bin 0 -> 10503 bytes
 img/sun_56.png                         | Bin 0 -> 6451 bytes
 img/sun_81.png                         | Bin 0 -> 96900 bytes
 img/sun_88.png                         | Bin 0 -> 652 bytes
 img/sun_89.png                         | Bin 0 -> 653 bytes
 img/suzhou.png                         | Bin 0 -> 15916 bytes
 img/tianjin.png                        | Bin 0 -> 13065 bytes
 img/tiyan1.png                         | Bin 0 -> 26723 bytes
 img/tiyanren.png                       | Bin 0 -> 1091 bytes
 img/tuijian.png                        | Bin 0 -> 6021 bytes
 img/tuijianimg1.png                    | Bin 0 -> 542364 bytes
 img/tuijianimg2.png                    | Bin 0 -> 439646 bytes
 img/tuijianimg3.png                    | Bin 0 -> 377826 bytes
 img/tuijianreson.png                   | Bin 0 -> 222 bytes
 img/wangguan.png                       | Bin 0 -> 446 bytes
 img/weizhi.png                         | Bin 0 -> 2138 bytes
 img/whiterow.png                       | Bin 0 -> 1141 bytes
 img/whiteyourow.png                    | Bin 0 -> 1289 bytes
 img/wode.png                           | Bin 0 -> 8529 bytes
 img/xie.png                            | Bin 0 -> 353 bytes
 img/xin.png                            | Bin 0 -> 720 bytes
 img/yourow.png                         | Bin 0 -> 1298 bytes
 img/zan.png                            | Bin 0 -> 322 bytes
 img/zuanshi.png                        | Bin 0 -> 551 bytes
 pages/experience/experience.js         |  81 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/experience/experience.json       |   3 +++
 pages/experience/experience.wxml       | 142 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/experience/experience.wxss       | 129 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/fangxingintro/fangxingintro.js   |  86 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/fangxingintro/fangxingintro.json |   3 +++
 pages/fangxingintro/fangxingintro.wxml | 391 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/fangxingintro/fangxingintro.wxss | 286 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/gonglue/gonglue.js               |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/gonglue/gonglue.json             |   3 +++
 pages/gonglue/gonglue.wxml             |  94 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/gonglue/gonglue.wxss             |  64 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/gongluedetail/gongluedetail.js   |  81 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/gongluedetail/gongluedetail.json |   3 +++
 pages/gongluedetail/gongluedetail.wxml | 144 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/gongluedetail/gongluedetail.wxss | 162 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/hoteldetail/hoteldetail.js       |  86 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/hoteldetail/hoteldetail.json     |   3 +++
 pages/hoteldetail/hoteldetail.wxml     | 432 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/hoteldetail/hoteldetail.wxss     | 348 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/houselist/houselist.js           |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/houselist/houselist.json         |   3 +++
 pages/houselist/houselist.wxml         | 172 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/houselist/houselist.wxss         |  77 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/huiyuan/huiyuan.js               |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/huiyuan/huiyuan.json             |   3 +++
 pages/huiyuan/huiyuan.wxml             | 296 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/huiyuan/huiyuan.wxss             | 315 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/huiyuanindex/huiyuanindex.js     |  67 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/huiyuanindex/huiyuanindex.json   |   3 +++
 pages/huiyuanindex/huiyuanindex.wxml   | 215 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/huiyuanindex/huiyuanindex.wxss   | 523 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/huiyuanxieyi/huiyuanxieyi.js     |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/huiyuanxieyi/huiyuanxieyi.json   |   3 +++
 pages/huiyuanxieyi/huiyuanxieyi.wxml   |   4 ++++
 pages/huiyuanxieyi/huiyuanxieyi.wxss   |  15 +++++++++++++++
 pages/index/index.js                   |  54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/index/index.json                 |   3 +++
 pages/index/index.wxml                 |  13 +++++++++++++
 pages/index/index.wxss                 |  21 +++++++++++++++++++++
 pages/jiudiandetail/jiudiandetail.js   |  86 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/jiudiandetail/jiudiandetail.json |   3 +++
 pages/jiudiandetail/jiudiandetail.wxml | 305 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/jiudiandetail/jiudiandetail.wxss | 257 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/lixiangzhong/lixiangzhong.js     |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/lixiangzhong/lixiangzhong.json   |   3 +++
 pages/lixiangzhong/lixiangzhong.wxml   | 267 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/lixiangzhong/lixiangzhong.wxss   | 428 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/login/login.js                   |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/login/login.json                 |   3 +++
 pages/login/login.wxml                 |  13 +++++++++++++
 pages/login/login.wxss                 |  54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/logs/logs.js                     |  15 +++++++++++++++
 pages/logs/logs.json                   |   4 ++++
 pages/logs/logs.wxml                   |   6 ++++++
 pages/logs/logs.wxss                   |   8 ++++++++
 pages/opencity/opencity.js             |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/opencity/opencity.json           |   3 +++
 pages/opencity/opencity.wxml           |  35 +++++++++++++++++++++++++++++++++++
 pages/opencity/opencity.wxss           |  24 ++++++++++++++++++++++++
 pages/roomdetail/roomdetail.js         |  79 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/roomdetail/roomdetail.json       |   3 +++
 pages/roomdetail/roomdetail.wxml       |  80 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/roomdetail/roomdetail.wxss       | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/ruzhuxuzhi/ruzhuxuzhi.js         |  86 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/ruzhuxuzhi/ruzhuxuzhi.json       |   3 +++
 pages/ruzhuxuzhi/ruzhuxuzhi.wxml       | 109 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/ruzhuxuzhi/ruzhuxuzhi.wxss       | 181 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/selectcity/selectcity.js         | 166 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/selectcity/selectcity.json       |   3 +++
 pages/selectcity/selectcity.wxml       |  52 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/selectcity/selectcity.wxss       | 156 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/tiyan/tiyan.js                   |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/tiyan/tiyan.json                 |   3 +++
 pages/tiyan/tiyan.wxml                 | 171 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/tiyan/tiyan.wxss                 | 135 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/wantruzhu/wantruzhu.js           |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/wantruzhu/wantruzhu.json         |   3 +++
 pages/wantruzhu/wantruzhu.wxml         |  36 ++++++++++++++++++++++++++++++++++++
 pages/wantruzhu/wantruzhu.wxss         |  69 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/yuding/yuding.js                 |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/yuding/yuding.json               |   3 +++
 pages/yuding/yuding.wxml               |  87 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/yuding/yuding.wxss               | 277 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/yudingfinish/yudingfinish.js     |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/yudingfinish/yudingfinish.json   |   3 +++
 pages/yudingfinish/yudingfinish.wxml   |  30 ++++++++++++++++++++++++++++++
 pages/yudingfinish/yudingfinish.wxss   | 115 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/yudingzhinan/yudingzhinan.js     |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/yudingzhinan/yudingzhinan.json   |   3 +++
 pages/yudingzhinan/yudingzhinan.wxml   | 162 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/yudingzhinan/yudingzhinan.wxss   | 234 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/zhucexieyi/zhucexieyi.js         |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/zhucexieyi/zhucexieyi.json       |   3 +++
 pages/zhucexieyi/zhucexieyi.wxml       |   4 ++++
 pages/zhucexieyi/zhucexieyi.wxss       |  15 +++++++++++++++
 project.config.json                    |  43 +++++++++++++++++++++++++++++++++++++++++++
 sitemap.json                           |   7 +++++++
 utils/util.js                          |  19 +++++++++++++++++++
 175 files changed, 9311 insertions(+), 0 deletions(-)
 create mode 100644 app.js
 create mode 100644 app.json
 create mode 100644 app.wxss
 create mode 100644 img/anji.png
 create mode 100644 img/dali.png
 create mode 100644 img/ditu.png
 create mode 100644 img/duigou.png
 create mode 100644 img/fenhaibao.png
 create mode 100644 img/fujian.png
 create mode 100644 img/haibao.png
 create mode 100644 img/hangzhou.png
 create mode 100644 img/hong.png
 create mode 100644 img/img1.png
 create mode 100644 img/img2.png
 create mode 100644 img/img3.png
 create mode 100644 img/jiaotong.png
 create mode 100644 img/jieshaojiu.png
 create mode 100644 img/kefu.png
 create mode 100644 img/lineimg1.png
 create mode 100644 img/lineimg2.png
 create mode 100644 img/nav_03.png
 create mode 100644 img/pin.png
 create mode 100644 img/redyou.png
 create mode 100644 img/renwu.png
 create mode 100644 img/rowright.png
 create mode 100644 img/savehaibao.png
 create mode 100644 img/share.png
 create mode 100644 img/shejistyle.png
 create mode 100644 img/shou.png
 create mode 100644 img/sousuo.png
 create mode 100644 img/sun_02.png
 create mode 100644 img/sun_19.png
 create mode 100644 img/sun_21.png
 create mode 100644 img/sun_22.png
 create mode 100644 img/sun_23.png
 create mode 100644 img/sun_24.png
 create mode 100644 img/sun_25.png
 create mode 100644 img/sun_26.png
 create mode 100644 img/sun_29.png
 create mode 100644 img/sun_40.png
 create mode 100644 img/sun_41.png
 create mode 100644 img/sun_42.png
 create mode 100644 img/sun_43.png
 create mode 100644 img/sun_45.png
 create mode 100644 img/sun_46.png
 create mode 100644 img/sun_47.png
 create mode 100644 img/sun_48.png
 create mode 100644 img/sun_49.png
 create mode 100644 img/sun_50.png
 create mode 100644 img/sun_51.png
 create mode 100644 img/sun_52.png
 create mode 100644 img/sun_53.png
 create mode 100644 img/sun_54.png
 create mode 100644 img/sun_56.png
 create mode 100644 img/sun_81.png
 create mode 100644 img/sun_88.png
 create mode 100644 img/sun_89.png
 create mode 100644 img/suzhou.png
 create mode 100644 img/tianjin.png
 create mode 100644 img/tiyan1.png
 create mode 100644 img/tiyanren.png
 create mode 100644 img/tuijian.png
 create mode 100644 img/tuijianimg1.png
 create mode 100644 img/tuijianimg2.png
 create mode 100644 img/tuijianimg3.png
 create mode 100644 img/tuijianreson.png
 create mode 100644 img/wangguan.png
 create mode 100644 img/weizhi.png
 create mode 100644 img/whiterow.png
 create mode 100644 img/whiteyourow.png
 create mode 100644 img/wode.png
 create mode 100644 img/xie.png
 create mode 100644 img/xin.png
 create mode 100644 img/yourow.png
 create mode 100644 img/zan.png
 create mode 100644 img/zuanshi.png
 create mode 100644 pages/experience/experience.js
 create mode 100644 pages/experience/experience.json
 create mode 100644 pages/experience/experience.wxml
 create mode 100644 pages/experience/experience.wxss
 create mode 100644 pages/fangxingintro/fangxingintro.js
 create mode 100644 pages/fangxingintro/fangxingintro.json
 create mode 100644 pages/fangxingintro/fangxingintro.wxml
 create mode 100644 pages/fangxingintro/fangxingintro.wxss
 create mode 100644 pages/gonglue/gonglue.js
 create mode 100644 pages/gonglue/gonglue.json
 create mode 100644 pages/gonglue/gonglue.wxml
 create mode 100644 pages/gonglue/gonglue.wxss
 create mode 100644 pages/gongluedetail/gongluedetail.js
 create mode 100644 pages/gongluedetail/gongluedetail.json
 create mode 100644 pages/gongluedetail/gongluedetail.wxml
 create mode 100644 pages/gongluedetail/gongluedetail.wxss
 create mode 100644 pages/hoteldetail/hoteldetail.js
 create mode 100644 pages/hoteldetail/hoteldetail.json
 create mode 100644 pages/hoteldetail/hoteldetail.wxml
 create mode 100644 pages/hoteldetail/hoteldetail.wxss
 create mode 100644 pages/houselist/houselist.js
 create mode 100644 pages/houselist/houselist.json
 create mode 100644 pages/houselist/houselist.wxml
 create mode 100644 pages/houselist/houselist.wxss
 create mode 100644 pages/huiyuan/huiyuan.js
 create mode 100644 pages/huiyuan/huiyuan.json
 create mode 100644 pages/huiyuan/huiyuan.wxml
 create mode 100644 pages/huiyuan/huiyuan.wxss
 create mode 100644 pages/huiyuanindex/huiyuanindex.js
 create mode 100644 pages/huiyuanindex/huiyuanindex.json
 create mode 100644 pages/huiyuanindex/huiyuanindex.wxml
 create mode 100644 pages/huiyuanindex/huiyuanindex.wxss
 create mode 100644 pages/huiyuanxieyi/huiyuanxieyi.js
 create mode 100644 pages/huiyuanxieyi/huiyuanxieyi.json
 create mode 100644 pages/huiyuanxieyi/huiyuanxieyi.wxml
 create mode 100644 pages/huiyuanxieyi/huiyuanxieyi.wxss
 create mode 100644 pages/index/index.js
 create mode 100644 pages/index/index.json
 create mode 100644 pages/index/index.wxml
 create mode 100644 pages/index/index.wxss
 create mode 100644 pages/jiudiandetail/jiudiandetail.js
 create mode 100644 pages/jiudiandetail/jiudiandetail.json
 create mode 100644 pages/jiudiandetail/jiudiandetail.wxml
 create mode 100644 pages/jiudiandetail/jiudiandetail.wxss
 create mode 100644 pages/lixiangzhong/lixiangzhong.js
 create mode 100644 pages/lixiangzhong/lixiangzhong.json
 create mode 100644 pages/lixiangzhong/lixiangzhong.wxml
 create mode 100644 pages/lixiangzhong/lixiangzhong.wxss
 create mode 100644 pages/login/login.js
 create mode 100644 pages/login/login.json
 create mode 100644 pages/login/login.wxml
 create mode 100644 pages/login/login.wxss
 create mode 100644 pages/logs/logs.js
 create mode 100644 pages/logs/logs.json
 create mode 100644 pages/logs/logs.wxml
 create mode 100644 pages/logs/logs.wxss
 create mode 100644 pages/opencity/opencity.js
 create mode 100644 pages/opencity/opencity.json
 create mode 100644 pages/opencity/opencity.wxml
 create mode 100644 pages/opencity/opencity.wxss
 create mode 100644 pages/roomdetail/roomdetail.js
 create mode 100644 pages/roomdetail/roomdetail.json
 create mode 100644 pages/roomdetail/roomdetail.wxml
 create mode 100644 pages/roomdetail/roomdetail.wxss
 create mode 100644 pages/ruzhuxuzhi/ruzhuxuzhi.js
 create mode 100644 pages/ruzhuxuzhi/ruzhuxuzhi.json
 create mode 100644 pages/ruzhuxuzhi/ruzhuxuzhi.wxml
 create mode 100644 pages/ruzhuxuzhi/ruzhuxuzhi.wxss
 create mode 100644 pages/selectcity/selectcity.js
 create mode 100644 pages/selectcity/selectcity.json
 create mode 100644 pages/selectcity/selectcity.wxml
 create mode 100644 pages/selectcity/selectcity.wxss
 create mode 100644 pages/tiyan/tiyan.js
 create mode 100644 pages/tiyan/tiyan.json
 create mode 100644 pages/tiyan/tiyan.wxml
 create mode 100644 pages/tiyan/tiyan.wxss
 create mode 100644 pages/wantruzhu/wantruzhu.js
 create mode 100644 pages/wantruzhu/wantruzhu.json
 create mode 100644 pages/wantruzhu/wantruzhu.wxml
 create mode 100644 pages/wantruzhu/wantruzhu.wxss
 create mode 100644 pages/yuding/yuding.js
 create mode 100644 pages/yuding/yuding.json
 create mode 100644 pages/yuding/yuding.wxml
 create mode 100644 pages/yuding/yuding.wxss
 create mode 100644 pages/yudingfinish/yudingfinish.js
 create mode 100644 pages/yudingfinish/yudingfinish.json
 create mode 100644 pages/yudingfinish/yudingfinish.wxml
 create mode 100644 pages/yudingfinish/yudingfinish.wxss
 create mode 100644 pages/yudingzhinan/yudingzhinan.js
 create mode 100644 pages/yudingzhinan/yudingzhinan.json
 create mode 100644 pages/yudingzhinan/yudingzhinan.wxml
 create mode 100644 pages/yudingzhinan/yudingzhinan.wxss
 create mode 100644 pages/zhucexieyi/zhucexieyi.js
 create mode 100644 pages/zhucexieyi/zhucexieyi.json
 create mode 100644 pages/zhucexieyi/zhucexieyi.wxml
 create mode 100644 pages/zhucexieyi/zhucexieyi.wxss
 create mode 100644 project.config.json
 create mode 100644 sitemap.json
 create mode 100644 utils/util.js

diff --git a/app.js b/app.js
new file mode 100644
index 0000000..b545190
--- /dev/null
+++ b/app.js
@@ -0,0 +1,39 @@
+//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
+  }
+})
\ No newline at end of file
diff --git a/app.json b/app.json
new file mode 100644
index 0000000..6818b4d
--- /dev/null
+++ b/app.json
@@ -0,0 +1,42 @@
+{
+  "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"
+}
\ No newline at end of file
diff --git a/app.wxss b/app.wxss
new file mode 100644
index 0000000..3cf6802
--- /dev/null
+++ b/app.wxss
@@ -0,0 +1,83 @@
+/**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;
+    
+
+}
\ No newline at end of file
diff --git a/img/anji.png b/img/anji.png
new file mode 100644
index 0000000..fe2b0c4
Binary files /dev/null and b/img/anji.png differ
diff --git a/img/dali.png b/img/dali.png
new file mode 100644
index 0000000..97a87ef
Binary files /dev/null and b/img/dali.png differ
diff --git a/img/ditu.png b/img/ditu.png
new file mode 100644
index 0000000..c2fa81e
Binary files /dev/null and b/img/ditu.png differ
diff --git a/img/duigou.png b/img/duigou.png
new file mode 100644
index 0000000..ec242ad
Binary files /dev/null and b/img/duigou.png differ
diff --git a/img/fenhaibao.png b/img/fenhaibao.png
new file mode 100644
index 0000000..3d01f11
Binary files /dev/null and b/img/fenhaibao.png differ
diff --git a/img/fujian.png b/img/fujian.png
new file mode 100644
index 0000000..70a66b1
Binary files /dev/null and b/img/fujian.png differ
diff --git a/img/haibao.png b/img/haibao.png
new file mode 100644
index 0000000..9bdc69b
Binary files /dev/null and b/img/haibao.png differ
diff --git a/img/hangzhou.png b/img/hangzhou.png
new file mode 100644
index 0000000..71118ca
Binary files /dev/null and b/img/hangzhou.png differ
diff --git a/img/hong.png b/img/hong.png
new file mode 100644
index 0000000..47c171c
Binary files /dev/null and b/img/hong.png differ
diff --git a/img/img1.png b/img/img1.png
new file mode 100644
index 0000000..2448fa6
Binary files /dev/null and b/img/img1.png differ
diff --git a/img/img2.png b/img/img2.png
new file mode 100644
index 0000000..1e22b33
Binary files /dev/null and b/img/img2.png differ
diff --git a/img/img3.png b/img/img3.png
new file mode 100644
index 0000000..045a102
Binary files /dev/null and b/img/img3.png differ
diff --git a/img/jiaotong.png b/img/jiaotong.png
new file mode 100644
index 0000000..049c38c
Binary files /dev/null and b/img/jiaotong.png differ
diff --git a/img/jieshaojiu.png b/img/jieshaojiu.png
new file mode 100644
index 0000000..ef1b79e
Binary files /dev/null and b/img/jieshaojiu.png differ
diff --git a/img/kefu.png b/img/kefu.png
new file mode 100644
index 0000000..d59029d
Binary files /dev/null and b/img/kefu.png differ
diff --git a/img/lineimg1.png b/img/lineimg1.png
new file mode 100644
index 0000000..ae7396c
Binary files /dev/null and b/img/lineimg1.png differ
diff --git a/img/lineimg2.png b/img/lineimg2.png
new file mode 100644
index 0000000..e5b23bc
Binary files /dev/null and b/img/lineimg2.png differ
diff --git a/img/nav_03.png b/img/nav_03.png
new file mode 100644
index 0000000..f5b5883
Binary files /dev/null and b/img/nav_03.png differ
diff --git a/img/pin.png b/img/pin.png
new file mode 100644
index 0000000..ff6ddf8
Binary files /dev/null and b/img/pin.png differ
diff --git a/img/redyou.png b/img/redyou.png
new file mode 100644
index 0000000..8e4be00
Binary files /dev/null and b/img/redyou.png differ
diff --git a/img/renwu.png b/img/renwu.png
new file mode 100644
index 0000000..5262d84
Binary files /dev/null and b/img/renwu.png differ
diff --git a/img/rowright.png b/img/rowright.png
new file mode 100644
index 0000000..949a51e
Binary files /dev/null and b/img/rowright.png differ
diff --git a/img/savehaibao.png b/img/savehaibao.png
new file mode 100644
index 0000000..ef0fbf6
Binary files /dev/null and b/img/savehaibao.png differ
diff --git a/img/share.png b/img/share.png
new file mode 100644
index 0000000..09a7e13
Binary files /dev/null and b/img/share.png differ
diff --git a/img/shejistyle.png b/img/shejistyle.png
new file mode 100644
index 0000000..e872b4b
Binary files /dev/null and b/img/shejistyle.png differ
diff --git a/img/shou.png b/img/shou.png
new file mode 100644
index 0000000..478b1a0
Binary files /dev/null and b/img/shou.png differ
diff --git a/img/sousuo.png b/img/sousuo.png
new file mode 100644
index 0000000..6763dee
Binary files /dev/null and b/img/sousuo.png differ
diff --git a/img/sun_02.png b/img/sun_02.png
new file mode 100644
index 0000000..8ddd210
Binary files /dev/null and b/img/sun_02.png differ
diff --git a/img/sun_19.png b/img/sun_19.png
new file mode 100644
index 0000000..bbeb503
Binary files /dev/null and b/img/sun_19.png differ
diff --git a/img/sun_21.png b/img/sun_21.png
new file mode 100644
index 0000000..ae767af
Binary files /dev/null and b/img/sun_21.png differ
diff --git a/img/sun_22.png b/img/sun_22.png
new file mode 100644
index 0000000..ba1f557
Binary files /dev/null and b/img/sun_22.png differ
diff --git a/img/sun_23.png b/img/sun_23.png
new file mode 100644
index 0000000..8e679ac
Binary files /dev/null and b/img/sun_23.png differ
diff --git a/img/sun_24.png b/img/sun_24.png
new file mode 100644
index 0000000..466fc1b
Binary files /dev/null and b/img/sun_24.png differ
diff --git a/img/sun_25.png b/img/sun_25.png
new file mode 100644
index 0000000..c8eeeab
Binary files /dev/null and b/img/sun_25.png differ
diff --git a/img/sun_26.png b/img/sun_26.png
new file mode 100644
index 0000000..5878e19
Binary files /dev/null and b/img/sun_26.png differ
diff --git a/img/sun_29.png b/img/sun_29.png
new file mode 100644
index 0000000..dbb5533
Binary files /dev/null and b/img/sun_29.png differ
diff --git a/img/sun_40.png b/img/sun_40.png
new file mode 100644
index 0000000..a83fb1b
Binary files /dev/null and b/img/sun_40.png differ
diff --git a/img/sun_41.png b/img/sun_41.png
new file mode 100644
index 0000000..5885102
Binary files /dev/null and b/img/sun_41.png differ
diff --git a/img/sun_42.png b/img/sun_42.png
new file mode 100644
index 0000000..e0a56cc
Binary files /dev/null and b/img/sun_42.png differ
diff --git a/img/sun_43.png b/img/sun_43.png
new file mode 100644
index 0000000..af96f25
Binary files /dev/null and b/img/sun_43.png differ
diff --git a/img/sun_45.png b/img/sun_45.png
new file mode 100644
index 0000000..0e7e8ca
Binary files /dev/null and b/img/sun_45.png differ
diff --git a/img/sun_46.png b/img/sun_46.png
new file mode 100644
index 0000000..7f6ec5b
Binary files /dev/null and b/img/sun_46.png differ
diff --git a/img/sun_47.png b/img/sun_47.png
new file mode 100644
index 0000000..dff1541
Binary files /dev/null and b/img/sun_47.png differ
diff --git a/img/sun_48.png b/img/sun_48.png
new file mode 100644
index 0000000..d04f331
Binary files /dev/null and b/img/sun_48.png differ
diff --git a/img/sun_49.png b/img/sun_49.png
new file mode 100644
index 0000000..0e1af65
Binary files /dev/null and b/img/sun_49.png differ
diff --git a/img/sun_50.png b/img/sun_50.png
new file mode 100644
index 0000000..5ac88fd
Binary files /dev/null and b/img/sun_50.png differ
diff --git a/img/sun_51.png b/img/sun_51.png
new file mode 100644
index 0000000..0b5ed26
Binary files /dev/null and b/img/sun_51.png differ
diff --git a/img/sun_52.png b/img/sun_52.png
new file mode 100644
index 0000000..de07d31
Binary files /dev/null and b/img/sun_52.png differ
diff --git a/img/sun_53.png b/img/sun_53.png
new file mode 100644
index 0000000..796745d
Binary files /dev/null and b/img/sun_53.png differ
diff --git a/img/sun_54.png b/img/sun_54.png
new file mode 100644
index 0000000..de07d31
Binary files /dev/null and b/img/sun_54.png differ
diff --git a/img/sun_56.png b/img/sun_56.png
new file mode 100644
index 0000000..a29af69
Binary files /dev/null and b/img/sun_56.png differ
diff --git a/img/sun_81.png b/img/sun_81.png
new file mode 100644
index 0000000..669dc5f
Binary files /dev/null and b/img/sun_81.png differ
diff --git a/img/sun_88.png b/img/sun_88.png
new file mode 100644
index 0000000..b23c800
Binary files /dev/null and b/img/sun_88.png differ
diff --git a/img/sun_89.png b/img/sun_89.png
new file mode 100644
index 0000000..08ecf49
Binary files /dev/null and b/img/sun_89.png differ
diff --git a/img/suzhou.png b/img/suzhou.png
new file mode 100644
index 0000000..886d6a8
Binary files /dev/null and b/img/suzhou.png differ
diff --git a/img/tianjin.png b/img/tianjin.png
new file mode 100644
index 0000000..0bf8844
Binary files /dev/null and b/img/tianjin.png differ
diff --git a/img/tiyan1.png b/img/tiyan1.png
new file mode 100644
index 0000000..3169ebe
Binary files /dev/null and b/img/tiyan1.png differ
diff --git a/img/tiyanren.png b/img/tiyanren.png
new file mode 100644
index 0000000..266682a
Binary files /dev/null and b/img/tiyanren.png differ
diff --git a/img/tuijian.png b/img/tuijian.png
new file mode 100644
index 0000000..d677e2c
Binary files /dev/null and b/img/tuijian.png differ
diff --git a/img/tuijianimg1.png b/img/tuijianimg1.png
new file mode 100644
index 0000000..22feb4d
Binary files /dev/null and b/img/tuijianimg1.png differ
diff --git a/img/tuijianimg2.png b/img/tuijianimg2.png
new file mode 100644
index 0000000..5b64c1d
Binary files /dev/null and b/img/tuijianimg2.png differ
diff --git a/img/tuijianimg3.png b/img/tuijianimg3.png
new file mode 100644
index 0000000..e5dd945
Binary files /dev/null and b/img/tuijianimg3.png differ
diff --git a/img/tuijianreson.png b/img/tuijianreson.png
new file mode 100644
index 0000000..a5cecfe
Binary files /dev/null and b/img/tuijianreson.png differ
diff --git a/img/wangguan.png b/img/wangguan.png
new file mode 100644
index 0000000..37fa537
Binary files /dev/null and b/img/wangguan.png differ
diff --git a/img/weizhi.png b/img/weizhi.png
new file mode 100644
index 0000000..63797c1
Binary files /dev/null and b/img/weizhi.png differ
diff --git a/img/whiterow.png b/img/whiterow.png
new file mode 100644
index 0000000..4cfa005
Binary files /dev/null and b/img/whiterow.png differ
diff --git a/img/whiteyourow.png b/img/whiteyourow.png
new file mode 100644
index 0000000..bfac506
Binary files /dev/null and b/img/whiteyourow.png differ
diff --git a/img/wode.png b/img/wode.png
new file mode 100644
index 0000000..6dad05d
Binary files /dev/null and b/img/wode.png differ
diff --git a/img/xie.png b/img/xie.png
new file mode 100644
index 0000000..8fa3ad7
Binary files /dev/null and b/img/xie.png differ
diff --git a/img/xin.png b/img/xin.png
new file mode 100644
index 0000000..b11ab0a
Binary files /dev/null and b/img/xin.png differ
diff --git a/img/yourow.png b/img/yourow.png
new file mode 100644
index 0000000..e144940
Binary files /dev/null and b/img/yourow.png differ
diff --git a/img/zan.png b/img/zan.png
new file mode 100644
index 0000000..8d2562c
Binary files /dev/null and b/img/zan.png differ
diff --git a/img/zuanshi.png b/img/zuanshi.png
new file mode 100644
index 0000000..a1706ad
Binary files /dev/null and b/img/zuanshi.png differ
diff --git a/pages/experience/experience.js b/pages/experience/experience.js
new file mode 100644
index 0000000..40bed95
--- /dev/null
+++ b/pages/experience/experience.js
@@ -0,0 +1,81 @@
+// 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() {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/experience/experience.json b/pages/experience/experience.json
new file mode 100644
index 0000000..ab0366c
--- /dev/null
+++ b/pages/experience/experience.json
@@ -0,0 +1,3 @@
+{
+ "navigationBarTitleText": "体验"
+}
\ No newline at end of file
diff --git a/pages/experience/experience.wxml b/pages/experience/experience.wxml
new file mode 100644
index 0000000..f7428ed
--- /dev/null
+++ b/pages/experience/experience.wxml
@@ -0,0 +1,142 @@
+  <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>
\ No newline at end of file
diff --git a/pages/experience/experience.wxss b/pages/experience/experience.wxss
new file mode 100644
index 0000000..60ad078
--- /dev/null
+++ b/pages/experience/experience.wxss
@@ -0,0 +1,129 @@
+/* 轮播图 */
+.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;
+}
\ No newline at end of file
diff --git a/pages/fangxingintro/fangxingintro.js b/pages/fangxingintro/fangxingintro.js
new file mode 100644
index 0000000..a2b0416
--- /dev/null
+++ b/pages/fangxingintro/fangxingintro.js
@@ -0,0 +1,86 @@
+// 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 () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/fangxingintro/fangxingintro.json b/pages/fangxingintro/fangxingintro.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/pages/fangxingintro/fangxingintro.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/pages/fangxingintro/fangxingintro.wxml b/pages/fangxingintro/fangxingintro.wxml
new file mode 100644
index 0000000..f27e62e
--- /dev/null
+++ b/pages/fangxingintro/fangxingintro.wxml
@@ -0,0 +1,391 @@
+<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>
diff --git a/pages/fangxingintro/fangxingintro.wxss b/pages/fangxingintro/fangxingintro.wxss
new file mode 100644
index 0000000..9fe889c
--- /dev/null
+++ b/pages/fangxingintro/fangxingintro.wxss
@@ -0,0 +1,286 @@
+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;
+}
\ No newline at end of file
diff --git a/pages/gonglue/gonglue.js b/pages/gonglue/gonglue.js
new file mode 100644
index 0000000..58a69ef
--- /dev/null
+++ b/pages/gonglue/gonglue.js
@@ -0,0 +1,66 @@
+// pages/gonglue/gonglue.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/gonglue/gonglue.json b/pages/gonglue/gonglue.json
new file mode 100644
index 0000000..43a8758
--- /dev/null
+++ b/pages/gonglue/gonglue.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "攻略"
+}
\ No newline at end of file
diff --git a/pages/gonglue/gonglue.wxml b/pages/gonglue/gonglue.wxml
new file mode 100644
index 0000000..847101e
--- /dev/null
+++ b/pages/gonglue/gonglue.wxml
@@ -0,0 +1,94 @@
+<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>
\ No newline at end of file
diff --git a/pages/gonglue/gonglue.wxss b/pages/gonglue/gonglue.wxss
new file mode 100644
index 0000000..9c5857d
--- /dev/null
+++ b/pages/gonglue/gonglue.wxss
@@ -0,0 +1,64 @@
+.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;
+}
\ No newline at end of file
diff --git a/pages/gongluedetail/gongluedetail.js b/pages/gongluedetail/gongluedetail.js
new file mode 100644
index 0000000..89f914a
--- /dev/null
+++ b/pages/gongluedetail/gongluedetail.js
@@ -0,0 +1,81 @@
+// 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 () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/gongluedetail/gongluedetail.json b/pages/gongluedetail/gongluedetail.json
new file mode 100644
index 0000000..2069f5a
--- /dev/null
+++ b/pages/gongluedetail/gongluedetail.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "攻略详情"
+}
\ No newline at end of file
diff --git a/pages/gongluedetail/gongluedetail.wxml b/pages/gongluedetail/gongluedetail.wxml
new file mode 100644
index 0000000..a189cb7
--- /dev/null
+++ b/pages/gongluedetail/gongluedetail.wxml
@@ -0,0 +1,144 @@
+<!-- <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>
\ No newline at end of file
diff --git a/pages/gongluedetail/gongluedetail.wxss b/pages/gongluedetail/gongluedetail.wxss
new file mode 100644
index 0000000..4aaf2f6
--- /dev/null
+++ b/pages/gongluedetail/gongluedetail.wxss
@@ -0,0 +1,162 @@
+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
+}
\ No newline at end of file
diff --git a/pages/hoteldetail/hoteldetail.js b/pages/hoteldetail/hoteldetail.js
new file mode 100644
index 0000000..161e70e
--- /dev/null
+++ b/pages/hoteldetail/hoteldetail.js
@@ -0,0 +1,86 @@
+// 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 () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/hoteldetail/hoteldetail.json b/pages/hoteldetail/hoteldetail.json
new file mode 100644
index 0000000..d77a820
--- /dev/null
+++ b/pages/hoteldetail/hoteldetail.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "酒店详情"
+}
\ No newline at end of file
diff --git a/pages/hoteldetail/hoteldetail.wxml b/pages/hoteldetail/hoteldetail.wxml
new file mode 100644
index 0000000..03ddd47
--- /dev/null
+++ b/pages/hoteldetail/hoteldetail.wxml
@@ -0,0 +1,432 @@
+<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>
\ No newline at end of file
diff --git a/pages/hoteldetail/hoteldetail.wxss b/pages/hoteldetail/hoteldetail.wxss
new file mode 100644
index 0000000..b79fafd
--- /dev/null
+++ b/pages/hoteldetail/hoteldetail.wxss
@@ -0,0 +1,348 @@
+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;
+}
\ No newline at end of file
diff --git a/pages/houselist/houselist.js b/pages/houselist/houselist.js
new file mode 100644
index 0000000..a00eabf
--- /dev/null
+++ b/pages/houselist/houselist.js
@@ -0,0 +1,66 @@
+// 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 () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/houselist/houselist.json b/pages/houselist/houselist.json
new file mode 100644
index 0000000..6abd5c9
--- /dev/null
+++ b/pages/houselist/houselist.json
@@ -0,0 +1,3 @@
+{
+ "navigationBarTitleText": "房源列表"
+}
\ No newline at end of file
diff --git a/pages/houselist/houselist.wxml b/pages/houselist/houselist.wxml
new file mode 100644
index 0000000..1cc6944
--- /dev/null
+++ b/pages/houselist/houselist.wxml
@@ -0,0 +1,172 @@
+<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>
\ No newline at end of file
diff --git a/pages/houselist/houselist.wxss b/pages/houselist/houselist.wxss
new file mode 100644
index 0000000..cadb63b
--- /dev/null
+++ b/pages/houselist/houselist.wxss
@@ -0,0 +1,77 @@
+@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;
+}
\ No newline at end of file
diff --git a/pages/huiyuan/huiyuan.js b/pages/huiyuan/huiyuan.js
new file mode 100644
index 0000000..5bcd2ba
--- /dev/null
+++ b/pages/huiyuan/huiyuan.js
@@ -0,0 +1,66 @@
+// pages/huiyuan/huiyuan.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/huiyuan/huiyuan.json b/pages/huiyuan/huiyuan.json
new file mode 100644
index 0000000..2d0a6bd
--- /dev/null
+++ b/pages/huiyuan/huiyuan.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "会员"
+}
\ No newline at end of file
diff --git a/pages/huiyuan/huiyuan.wxml b/pages/huiyuan/huiyuan.wxml
new file mode 100644
index 0000000..2cd9d26
--- /dev/null
+++ b/pages/huiyuan/huiyuan.wxml
@@ -0,0 +1,296 @@
+<view class='huiyuanpage'>
+  <image src="/img/sun_81.png"></image>
+  <view class="pinzhi">
+    <view class="pinzhitop">品质住宿 全年免费</view>
+
+    <view class="pinzhilistbox">
+      <view class="pinzhilist">
+        <view class="pinzhileft">
+          <image src="/img/sun_21.png"></image>
+        </view>
+        <view class="pinzhiright">
+          <view class="buxiandiqu">不限地区</view>
+          <view class="pinzhibottom">全国范围消费任享</view>
+        </view>
+      </view>
+
+
+
+      <view class="pinzhilist">
+        <view class="pinzhileft">
+          <image src="/img/sun_22.png"></image>
+        </view>
+        <view class="pinzhiright">
+          <view class="buxiandiqu">不限酒店</view>
+          <view class="pinzhibottom">合作度假酒店全部通用</view>
+        </view>
+      </view>
+
+      <view class="pinzhilist">
+        <view class="pinzhileft">
+          <image src="/img/sun_23.png"></image>
+        </view>
+        <view class="pinzhiright">
+          <view class="buxiandiqu">不限时间</view>
+          <view class="pinzhibottom">节假日、周末均可入住</view>
+        </view>
+      </view>
+
+      <view class="pinzhilist">
+        <view class="pinzhileft">
+          <image src="/img/sun_24.png"></image>
+        </view>
+        <view class="pinzhiright">
+          <view class="buxiandiqu">不限次数</view>
+          <view class="pinzhibottom">有效期内不限定房次数</view>
+        </view>
+      </view>
+      <view class="pinzhilist">
+        <view class="pinzhileft">
+          <image src="/img/sun_25.png"></image>
+        </view>
+        <view class="pinzhiright">
+          <view class="buxiandiqu">消费无忧</view>
+          <view class="pinzhibottom">不住也能抵游侠旅游代金劵</view>
+        </view>
+      </view>
+
+      <view class="pinzhilist">
+        <view class="pinzhileft">
+          <image src="/img/sun_26.png"></image>
+        </view>
+        <view class="pinzhiright">
+          <view class="buxiandiqu">会员活动</view>
+          <view class="pinzhibottom">不定期下线活动,畅想会员特权</view>
+        </view>
+      </view>
+    </view>
+
+
+  </view>
+</view>
+
+<view class="dainilaiojie">
+  <image src="/img/sun_29.png"></image>
+
+  <view class="dainiliaojie">带你了解理想中会员</view>
+</view>
+
+<!-- 会员权益 -->
+
+<view class="huiyuan">
+
+  <view class="huioyuantop">
+    <view class="huiyuantopleft">会员权益</view>
+    <view class="huiyuantopright">
+      <image src="/img/yourow.png"></image>
+    </view>
+  </view>
+
+  <view class="huiyuantext">在会员有效期内免费入住本平台上的所有合作度假酒店,不限地区、不限酒店、不限总次数,所有合作房型不限时间随意挑选!您不入住也能将购买会员金额转为旅游侠旅游线路代金劵。 不定期可免费参加平台举办的不定期线下优质会员活动。</view>
+</view>
+
+<!-- 平台优势 -->
+
+
+<view class="huiyuan">
+
+  <view class="huioyuantop">
+    <view class="huiyuantopleft">平台优势</view>
+    <view class="huiyuantopright">
+      <image src="/img/yourow.png"></image>
+    </view>
+  </view>
+
+  <view class="pingtaiadvantage">
+    <view class="advantageleft">
+      <image src="/img/sun_88.png"></image>
+    </view>
+
+    <view class="advantageright">
+      我们的创业团队深耕与酒店、民宿、媒体、旅游、金融及互联网技术服务行业
+    </view>
+  </view>
+
+  <view class="pingtaiadvantage">
+    <view class="advantageleft">
+      <image src="/img/sun_89.png"></image>
+    </view>
+
+    <view class="advantageright">
+      原创策划出数千条深度旅游线路,并协同我们的优秀团队甄选出特色旅游度假民宿,为会员发掘优质旅宿产品
+    </view>
+  </view>
+
+
+</view>
+
+<!-- 精选酒店 -->
+
+<view class="jiudian">
+  <view class="huioyuantop">
+    <view class="huiyuantopleft">精选酒店</view>
+
+    <view class="jiudianright">
+
+      <view class="jiudianleft">持续更新中</view>
+      <view class="huiyuantopright">
+        <image src="/img/yourow.png"></image>
+      </view>
+    </view>
+
+  </view>
+
+  <view class="sholist">
+    <view class="sjopitem">
+      <view class="shopitemimg">
+        <image src="/img/anji.png"></image>
+      </view>
+
+      <view class="shoname">安吉</view>
+    </view>
+
+    <view class="sjopitem">
+      <view class="shopitemimg">
+        <image src="/img/tianjin.png"></image>
+      </view>
+
+      <view class="shoname">天津</view>
+    </view>
+    <view class="sjopitem">
+      <view class="shopitemimg">
+        <image src="/img/dali.png"></image>
+      </view>
+
+      <view class="shoname">大理</view>
+    </view>
+
+
+    <view class="sjopitem">
+      <view class="shopitemimg">
+        <image src="/img/fujian.png"></image>
+      </view>
+
+      <view class="shoname">福建</view>
+    </view>
+    <view class="sjopitem">
+      <view class="shopitemimg">
+        <image src="/img/suzhou.png"></image>
+      </view>
+
+      <view class="shoname">苏州</view>
+    </view>
+
+    <view class="sjopitem">
+      <view class="shopitemimg">
+        <image src="/img/hangzhou.png"></image>
+      </view>
+
+      <view class="shoname">杭州</view>
+    </view>
+  </view>
+
+  <view class="anpai">已上线72家酒店,覆盖24所城市</view>
+</view>
+
+<!-- 订房问题 -->
+
+<view class="huiyuan">
+
+  <view class="huioyuantop">
+    <view class="huiyuantopleft">订房问题</view>
+    <view class="huiyuantopright">
+      <image src="/img/yourow.png"></image>
+    </view>
+  </view>
+
+  <view class="huiyuantext">1、平台每月上新新民俗,保证房源供应,周末及节假日房源抢手,可提前安排行程,错峰出行,订房无压力。2、为了避免资源浪费,预订平台酒店需要支付预订保证金,会员在顺利办理退房手续后,将在一个工作日退还保证金</view>
+</view>
+
+<!-- 分享有礼 -->
+
+<view class="sharepresent">
+  <view class="huioyuantop">
+    <view class="huiyuantopleft">精选酒店</view>
+
+    <view class="jiudianright">
+
+      <view class="jiudianleft">持续更新中</view>
+      <view class="huiyuantopright">
+        <image src="/img/yourow.png"></image>
+      </view>
+    </view>
+
+  </view>
+
+  <view class="presentcontent">您可在“我的”页面一键生成并分享专属情怀海报。若有好友通过您的分享购买会员,每个会员100元的现金奖励放在您的个人账户。</view>
+
+  <view class="yudingti">
+    <view class='yudingtinum'>1</view>
+    <view class="yudingtiword">查看我想去的城市可无酒店?</view>
+  </view>
+
+  <view class="shareimg">
+    <image src="/img/share.png"></image>
+  </view>
+
+  <view class="yudingti">
+    <view class='yudingtinum'>2</view>
+    <view class="yudingtiword">登录状态下,长按保存海报</view>
+  </view>
+
+  <view class="savehai">
+    <image src="/img/savehaibao.png"></image>
+  </view>
+
+  <view class="yudingti">
+    <view class='yudingtinum'>3</view>
+    <view class="yudingtiword">您可以将海报分享到各大论坛</view>
+  </view>
+
+  <view class="fenhaibao">
+    <image src="/img/fenhaibao.png"></image>
+  </view>
+
+  <view class="yudingti">
+    <view class='yudingtinum'>4</view>
+    <view class="yudingtiword">在“我的”页面下方,点击“我的钱包”绑定银 行卡信息即可。
+    </view>
+  </view>
+
+
+  <view class="wode">
+    <image src="/img/wode.png"></image>
+  </view>
+</view>
+
+<!--底部导航 -->
+
+<view class="dibuinfo">
+  <view class="dibuinfoleft">
+    <view class="dibuitem">
+      <view class="dibuitemtop">
+        <image src="/img/pin.png"></image>
+      </view>
+
+      <view class="dibuitembottom">首页</view>
+    </view>
+
+    <view class="dibuitem">
+      <view class="dibuitemtop">
+        <image src="/img/kefu.png"></image>
+      </view>
+
+      <view class="dibuitembottom">客服</view>
+    </view>
+    <view class="dibuitem">
+      <view class="dibuitemtop">
+        <image src="/img/haibao.png"></image>
+      </view>
+
+      <view class="dibuitembottom">保存海报</view>
+    </view>
+  </view>
+
+  <view class="dibuinforight">立即购买会员</view>
+</view>
\ No newline at end of file
diff --git a/pages/huiyuan/huiyuan.wxss b/pages/huiyuan/huiyuan.wxss
new file mode 100644
index 0000000..b6d3bea
--- /dev/null
+++ b/pages/huiyuan/huiyuan.wxss
@@ -0,0 +1,315 @@
+page {
+  background: #fae3b2;
+}
+
+.huiyuanpage {
+  width: 750rpx;
+  height: 800rpx;
+  font-size: 0;
+  position: relative;
+}
+
+.pinzhi {
+  width: 684rpx;
+  height: 938rpx;
+  background: #fff;
+  border-radius: 16rpx;
+  margin: 0 auto;
+  position: absolute;
+  top: 635rpx;
+  left: 34rpx;
+}
+
+.pinzhitop {
+  width: 400rpx;
+  height: 80rpx;
+  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
+  opacity: 1;
+  border-radius: 0px 0px 32rpx 32rpx;
+  margin: 0 auto;
+  color: #fff;
+  font-size: 32rpx;
+  text-align: center;
+  position: absolute;
+  top: -10rpx;
+  left: 142rpx;
+}
+
+.pinzhileft {
+  width: 32rpx;
+  height: 32rpx;
+  font-size: 0;
+}
+
+.pinzhilistbox {
+  margin-top: 116rpx;
+}
+
+.pinzhilist:first-child {
+  margin-top: 0;
+}
+
+.pinzhilist {
+  margin-top: 52rpx;
+  padding: 0 72rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+}
+
+.buxiandiqu {
+  color: #06121e;
+  font-size: 28rpx;
+  font-weight: bold;
+}
+
+.pinzhibottom {
+  color: #8c9198;
+  font-size: 24rpx;
+}
+
+.pinzhiright {
+  margin-left: 24rpx;
+  margin-top: 12rpx;
+}
+
+.dainilaiojie {
+  width: 600rpx;
+  height: 106rpx;
+  font-size: 0;
+  margin: 821rpx auto 0;
+  position: relative;
+}
+
+.dainiliaojie {
+  color: #fff;
+  font-size: 32rpx;
+  position: absolute;
+  top: 28rpx;
+  left: 138rpx;
+}
+
+.huioyuantop {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.huiyuan {
+  width: 686rpx;
+  height: 406rpx;
+  background: #fff;
+  margin: 50rpx auto 0;
+  padding: 42rpx 32rpx;
+  box-sizing: border-box;
+  border-radius: 20rpx;
+}
+
+.huiyuantopleft {
+  color: #06121e;
+  font-size: 32rpx;
+  font-weight: bold;
+}
+
+.huiyuantopright {
+  width: 30rpx;
+  height: 30rpx;
+  font-size: 0;
+  transform: rotate(90deg);
+}
+
+.huiyuantext {
+  color: #5b5e63;
+  font-size: 28rpx;
+  margin-top: 72rpx;
+  height: 244rpx;
+  overflow-y: scroll;
+}
+
+.advantageleft {
+  width: 60rpx;
+  height: 60rpx;
+  font-size: 0;
+  flex: 0 0 auto;
+}
+
+.advantageright {
+  color: #5b5e63;
+  font-size: 28rpx;
+  margin-left: 12rpx;
+}
+
+.pingtaiadvantage {
+  display: flex;
+  margin-top: 58rpx;
+}
+
+/* 精选酒店 */
+
+.jiudian {
+  width: 686rpx;
+  height: 614rpx;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.02);
+  opacity: 1;
+  border-radius: 20rpx;
+  margin: 24rpx auto 0;
+  padding: 42rpx 32rpx;
+  box-sizing: border-box;
+}
+
+.jiudianright {
+  display: flex;
+  align-items: center;
+}
+
+.jiudianleft {
+  color: #ff5a4e;
+  font-size: 24rpx;
+  margin-right: 32rpx;
+ 
+}
+
+.sholist {
+  margin-top: 74rpx;
+  display:flex;
+  align-items: center;
+  flex-wrap: wrap
+}
+
+.shopitemimg {
+  width: 190rpx;
+  height: 120rpx;
+  font-size: 0;
+}
+
+.shoname {
+  width: 190rpx;
+  color: #3d444d;
+  font-size: 28rpx;
+  text-align: center;
+  margin-top: 10rpx;
+}
+.sjopitem{
+  margin-right:17rpx;
+  margin-bottom:24rpx;
+}
+.anpai{
+  color:#5B5E63;
+  font-size: 24rpx;
+  text-align: center
+}
+
+.sharepresent{
+  width:686rpx;
+  border-radius: 20rpx;
+  padding: 42rpx 32rpx;
+  box-sizing: border-box;
+  background: #fff;
+  margin:24rpx auto 42rpx;
+}
+.presentcontent{
+  color:#5B5E63;
+  font-size: 28rpx;
+  margin-top:72rpx;
+
+}
+
+.yudingti{
+  display:flex;
+  align-items: center;
+  margin-top:28rpx;
+}
+.yudingtiword{
+  color:#06121E;
+  font-size: 32rpx;
+  font-weight: bold;
+  margin-left:20rpx;
+}
+.questext{
+  color:#5B5E63;
+  font-size: 28rpx;
+  margin-top:72rpx;
+}
+
+.yudingtinum{
+  width:40rpx;
+  height:40rpx;
+  background: #FF5A4E;
+  color:#fff;
+  font-size: 28rpx;
+  text-align: center;
+  line-height: 40rpx;
+  border-radius: 8rpx;
+  flex:0 0 auto;
+}
+.shareimg{
+  width:625rpx;
+  height:288rpx;
+  font-size: 0;
+  margin:24rpx auto 0;
+}
+.savehai{
+  width:625rpx;
+  height:303rpx;
+  font-size: 0;
+  margin-top:24rpx;
+}
+
+.fenhaibao{
+  width:624rpx;
+  height:254rpx;
+  font-size: 0;
+  margin:24rpx auto 0;
+}
+
+.wode{
+  width:625rpx;
+  height:282rpx;
+  font-size: 0;
+  margin:24rpx auto 0;
+}
+
+.dibuinfo{
+  display:flex;
+  align-items: center
+}
+
+.dibuinfoleft{
+  display:flex;
+  align-items: center;
+  background: #fff;
+  padding: 12rpx 32rpx;
+  box-sizing: border-box;
+  justify-content: space-between;
+  width:350rpx;
+}
+.dibuitemtop{
+  width:52rpx;
+  height:52rpx;
+  font-size: 0;
+  margin:0 auto;
+}
+.dibuitembottom{
+  color:#BDC4CE;
+  font-size: 22rpx;
+  margin-top:5rpx;
+
+}
+.dibuitem{
+  display:flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center
+}
+.dibuinforight{
+  width:400rpx;
+ height:98rpx;
+  box-sizing: border-box;
+  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;
+}
\ No newline at end of file
diff --git a/pages/huiyuanindex/huiyuanindex.js b/pages/huiyuanindex/huiyuanindex.js
new file mode 100644
index 0000000..badbfd7
--- /dev/null
+++ b/pages/huiyuanindex/huiyuanindex.js
@@ -0,0 +1,67 @@
+// pages/huiyuanindex/huiyuanindex.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    showphone:false,
+    goumaishou:false
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/huiyuanindex/huiyuanindex.json b/pages/huiyuanindex/huiyuanindex.json
new file mode 100644
index 0000000..2d0a6bd
--- /dev/null
+++ b/pages/huiyuanindex/huiyuanindex.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "会员"
+}
\ No newline at end of file
diff --git a/pages/huiyuanindex/huiyuanindex.wxml b/pages/huiyuanindex/huiyuanindex.wxml
new file mode 100644
index 0000000..2ab1881
--- /dev/null
+++ b/pages/huiyuanindex/huiyuanindex.wxml
@@ -0,0 +1,215 @@
+<!-- 绑定手机号 -->
+
+<view class="register" catchtouchmove='true' wx:if="{{showphone}}">
+  <view class="phonewrap">
+    <view class="phonebang">绑定手机号</view>
+
+    <view class="phoneenter">
+      <view class="phoneenterleft">+86</view>
+      <view class="phoneenterright">
+        <input placeholder='请输入手机号' placeholder-class='shuru' />
+      </view>
+    </view>
+
+    <view class="yanzheng">
+      <view class="yanzhengleft">
+        <input placeholder='请输入验证码' placeholder-class='codeenter' />
+      </view>
+      <view class="getcode">获取验证码</view>
+    </view>
+
+    <view class="bangding">绑定</view>
+  </view>
+</view>
+
+<!-- 确认购买信息 -->
+
+<view class="register" catchtouchmove='true' wx:if="{{goumaishou}}">
+  <view class="goumaiwrap">
+    <view class="goumaitop">请确认购买信息</view>
+    <view class="huiyuanshou">
+      <view class="huiyuanshouleft">会员手机号</view>
+      <view class="huiyuanshouright">13254732134</view>
+    </view>
+
+    <view class="goumaizhi">
+      <view class="goumaihzileft">
+        购买会员即表示您同意
+      </view>
+
+      <view class="goumaihziright">
+        《会员协议》
+      </view>
+    </view>
+
+    <view class="buynow">点击购买</view>
+  </view>
+</view>
+
+
+
+
+
+<view class='huiyuanpage'>
+  <image src="/img/sun_81.png"></image>
+  <view class="pinzhi">
+    <view class="pinzhitop">品质住宿 全年免费</view>
+
+    <view class="pinzhilistbox">
+      <view class="pinzhilist">
+        <view class="pinzhileft">
+          <image src="/img/sun_21.png"></image>
+        </view>
+        <view class="pinzhiright">
+          <view class="buxiandiqu">不限地区</view>
+          <view class="pinzhibottom">全国范围消费任享</view>
+        </view>
+      </view>
+
+
+
+      <view class="pinzhilist">
+        <view class="pinzhileft">
+          <image src="/img/sun_22.png"></image>
+        </view>
+        <view class="pinzhiright">
+          <view class="buxiandiqu">不限酒店</view>
+          <view class="pinzhibottom">合作度假酒店全部通用</view>
+        </view>
+      </view>
+
+      <view class="pinzhilist">
+        <view class="pinzhileft">
+          <image src="/img/sun_23.png"></image>
+        </view>
+        <view class="pinzhiright">
+          <view class="buxiandiqu">不限时间</view>
+          <view class="pinzhibottom">节假日、周末均可入住</view>
+        </view>
+      </view>
+
+      <view class="pinzhilist">
+        <view class="pinzhileft">
+          <image src="/img/sun_24.png"></image>
+        </view>
+        <view class="pinzhiright">
+          <view class="buxiandiqu">不限次数</view>
+          <view class="pinzhibottom">有效期内不限定房次数</view>
+        </view>
+      </view>
+      <view class="pinzhilist">
+        <view class="pinzhileft">
+          <image src="/img/sun_25.png"></image>
+        </view>
+        <view class="pinzhiright">
+          <view class="buxiandiqu">消费无忧</view>
+          <view class="pinzhibottom">不住也能抵游侠旅游代金劵</view>
+        </view>
+      </view>
+
+      <view class="pinzhilist">
+        <view class="pinzhileft">
+          <image src="/img/sun_26.png"></image>
+        </view>
+        <view class="pinzhiright">
+          <view class="buxiandiqu">会员活动</view>
+          <view class="pinzhibottom">不定期下线活动,畅想会员特权</view>
+        </view>
+      </view>
+    </view>
+
+
+  </view>
+</view>
+
+<view class="dainilaiojie">
+  <image src="/img/sun_29.png"></image>
+
+  <view class="dainiliaojie">带你了解理想中会员</view>
+</view>
+
+<view class="listbox">
+  <view class="listboxitem">
+
+    <view class="boxitemleft">会员权益</view>
+
+    <view class="boxitemright">
+      <image src="/img/yourow.png"></image>
+    </view>
+
+  </view>
+  <view class="listboxitem">
+
+    <view class="boxitemleft">平台优势</view>
+
+    <view class="boxitemright">
+      <image src="/img/yourow.png"></image>
+    </view>
+
+  </view>
+  <view class="listboxitem">
+
+    <view class="boxitemleft">精选酒店</view>
+
+    <view class="boxitemright">
+      <image src="/img/yourow.png"></image>
+    </view>
+
+  </view>
+  <view class="listboxitem">
+
+    <view class="boxitemleft">订房问题</view>
+
+    <view class="boxitemright">
+      <image src="/img/yourow.png"></image>
+    </view>
+
+  </view>
+  <view class="listboxitem">
+
+    <view class="boxitemleft">分享有礼</view>
+
+    <view class="boxitemright">
+      <image src="/img/yourow.png"></image>
+    </view>
+
+  </view>
+</view>
+
+
+
+
+
+
+
+
+<!--底部导航 -->
+
+<view class="dibuinfo">
+  <view class="dibuinfoleft">
+    <view class="dibuitem">
+      <view class="dibuitemtop">
+        <image src="/img/pin.png"></image>
+      </view>
+
+      <view class="dibuitembottom">首页</view>
+    </view>
+
+    <view class="dibuitem">
+      <view class="dibuitemtop">
+        <image src="/img/kefu.png"></image>
+      </view>
+
+      <view class="dibuitembottom">客服</view>
+    </view>
+    <view class="dibuitem">
+      <view class="dibuitemtop">
+        <image src="/img/haibao.png"></image>
+      </view>
+
+      <view class="dibuitembottom">保存海报</view>
+    </view>
+  </view>
+
+  <view class="dibuinforight">立即购买会员</view>
+</view>
\ No newline at end of file
diff --git a/pages/huiyuanindex/huiyuanindex.wxss b/pages/huiyuanindex/huiyuanindex.wxss
new file mode 100644
index 0000000..958acb3
--- /dev/null
+++ b/pages/huiyuanindex/huiyuanindex.wxss
@@ -0,0 +1,523 @@
+page {
+  background: #fae3b2;
+}
+
+.huiyuanpage {
+  width: 750rpx;
+  height: 800rpx;
+  font-size: 0;
+  position: relative;
+}
+
+.pinzhi {
+  width: 684rpx;
+  height: 938rpx;
+  background: #fff;
+  border-radius: 16rpx;
+  margin: 0 auto;
+  position: absolute;
+  top: 635rpx;
+  left: 34rpx;
+}
+
+.pinzhitop {
+  width: 400rpx;
+  height: 80rpx;
+  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
+  opacity: 1;
+  border-radius: 0px 0px 32rpx 32rpx;
+  margin: 0 auto;
+  color: #fff;
+  font-size: 32rpx;
+  text-align: center;
+  position: absolute;
+  top: -10rpx;
+  left: 142rpx;
+}
+
+.pinzhileft {
+  width: 32rpx;
+  height: 32rpx;
+  font-size: 0;
+}
+
+.pinzhilistbox {
+  margin-top: 116rpx;
+}
+
+.pinzhilist:first-child {
+  margin-top: 0;
+}
+
+.pinzhilist {
+  margin-top: 52rpx;
+  padding: 0 72rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+}
+
+.buxiandiqu {
+  color: #06121e;
+  font-size: 28rpx;
+  font-weight: bold;
+}
+
+.pinzhibottom {
+  color: #8c9198;
+  font-size: 24rpx;
+}
+
+.pinzhiright {
+  margin-left: 24rpx;
+  margin-top: 12rpx;
+}
+
+.dainilaiojie {
+  width: 600rpx;
+  height: 106rpx;
+  font-size: 0;
+  margin: 821rpx auto 0;
+  position: relative;
+}
+
+.dainiliaojie {
+  color: #fff;
+  font-size: 32rpx;
+  position: absolute;
+  top: 28rpx;
+  left: 138rpx;
+}
+
+.huioyuantop {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.huiyuan {
+  width: 686rpx;
+  height: 406rpx;
+  background: #fff;
+  margin: 50rpx auto 0;
+  padding: 42rpx 32rpx;
+  box-sizing: border-box;
+  border-radius: 20rpx;
+}
+
+.huiyuantopleft {
+  color: #06121e;
+  font-size: 32rpx;
+  font-weight: bold;
+}
+
+.huiyuantopright {
+  width: 30rpx;
+  height: 30rpx;
+  font-size: 0;
+  transform: rotate(90deg);
+}
+
+.huiyuantext {
+  color: #5b5e63;
+  font-size: 28rpx;
+  margin-top: 72rpx;
+  height: 244rpx;
+  overflow-y: scroll;
+}
+
+.advantageleft {
+  width: 60rpx;
+  height: 60rpx;
+  font-size: 0;
+  flex: 0 0 auto;
+}
+
+.advantageright {
+  color: #5b5e63;
+  font-size: 28rpx;
+  margin-left: 12rpx;
+}
+
+.pingtaiadvantage {
+  display: flex;
+  margin-top: 58rpx;
+}
+
+/* 精选酒店 */
+
+.jiudian {
+  width: 686rpx;
+  height: 614rpx;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.02);
+  opacity: 1;
+  border-radius: 20rpx;
+  margin: 24rpx auto 0;
+  padding: 42rpx 32rpx;
+  box-sizing: border-box;
+}
+
+.jiudianright {
+  display: flex;
+  align-items: center;
+}
+
+.jiudianleft {
+  color: #ff5a4e;
+  font-size: 24rpx;
+  margin-right: 32rpx;
+}
+
+.sholist {
+  margin-top: 74rpx;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.shopitemimg {
+  width: 190rpx;
+  height: 120rpx;
+  font-size: 0;
+}
+
+.shoname {
+  width: 190rpx;
+  color: #3d444d;
+  font-size: 28rpx;
+  text-align: center;
+  margin-top: 10rpx;
+}
+
+.sjopitem {
+  margin-right: 17rpx;
+  margin-bottom: 24rpx;
+}
+
+.anpai {
+  color: #5b5e63;
+  font-size: 24rpx;
+  text-align: center;
+}
+
+.sharepresent {
+  width: 686rpx;
+  border-radius: 20rpx;
+  padding: 42rpx 32rpx;
+  box-sizing: border-box;
+  background: #fff;
+  margin: 24rpx auto 42rpx;
+}
+
+.presentcontent {
+  color: #5b5e63;
+  font-size: 28rpx;
+  margin-top: 72rpx;
+}
+
+.yudingti {
+  display: flex;
+  align-items: center;
+  margin-top: 28rpx;
+}
+
+.yudingtiword {
+  color: #06121e;
+  font-size: 32rpx;
+  font-weight: bold;
+  margin-left: 20rpx;
+}
+
+.questext {
+  color: #5b5e63;
+  font-size: 28rpx;
+  margin-top: 72rpx;
+}
+
+.yudingtinum {
+  width: 40rpx;
+  height: 40rpx;
+  background: #ff5a4e;
+  color: #fff;
+  font-size: 28rpx;
+  text-align: center;
+  line-height: 40rpx;
+  border-radius: 8rpx;
+  flex: 0 0 auto;
+}
+
+.shareimg {
+  width: 625rpx;
+  height: 288rpx;
+  font-size: 0;
+  margin: 24rpx auto 0;
+}
+
+.savehai {
+  width: 625rpx;
+  height: 303rpx;
+  font-size: 0;
+  margin-top: 24rpx;
+}
+
+.fenhaibao {
+  width: 624rpx;
+  height: 254rpx;
+  font-size: 0;
+  margin: 24rpx auto 0;
+}
+
+.wode {
+  width: 625rpx;
+  height: 282rpx;
+  font-size: 0;
+  margin: 24rpx auto 0;
+}
+
+.dibuinfo {
+  display: flex;
+  align-items: center;
+}
+
+.dibuinfoleft {
+  display: flex;
+  align-items: center;
+  background: #fff;
+  padding: 12rpx 32rpx;
+  box-sizing: border-box;
+  justify-content: space-between;
+  width: 350rpx;
+}
+
+.dibuitemtop {
+  width: 52rpx;
+  height: 52rpx;
+  font-size: 0;
+  margin: 0 auto;
+}
+
+.dibuitembottom {
+  color: #bdc4ce;
+  font-size: 22rpx;
+  margin-top: 5rpx;
+}
+
+.dibuitem {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.dibuinforight {
+  width: 400rpx;
+  height: 98rpx;
+  box-sizing: border-box;
+  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;
+}
+
+.listboxitem {
+  width: 686rpx;
+  height: 120rpx;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 16rpx 24rpx rgba(0, 0, 0, 0.02);
+  opacity: 1;
+  border-radius: 20rpx;
+  margin: 0 auto;
+  padding: 38rpx 32rpx;
+  box-sizing: border-box;
+}
+
+.boxitemright {
+  width: 25rpx;
+  height: 25rpx;
+  font-size: 0;
+}
+
+.listboxitem {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 24rpx;
+}
+
+.listbox {
+  margin-bottom: 50rpx;
+}
+
+/* 绑定手机号 */
+
+.phonewrap {
+  width: 622rpx;
+  height: 496rpx;
+  background: rgba(255, 255, 255, 1);
+  opacity: 1;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  border-radius: 20rpx;
+  padding: 30rpx 32rpx;
+  box-sizing: border-box;
+}
+
+.phonebang {
+  color: #06121e;
+  font-size: 36rpx;
+  font-weight: bold;
+  text-align: center;
+  padding-bottom: 32rpx;
+  border-bottom: 1rpx solid #f5f5f5;
+}
+
+.phoneenter {
+  display: flex;
+  align-items: center;
+  padding: 16rpx 40rpx;
+  box-sizing: border-box;
+  margin-top: 38rpx;
+}
+
+.phoneenterleft {
+  color: #06121e;
+  font-size: 32rpx;
+}
+
+.phoneenterright {
+  color: #8c9198;
+  font-size: 26rpx;
+  margin-left: 10rpx;
+}
+
+.shuru {
+  color: #8c9198;
+  font-size: 26rpx;
+}
+
+.yanzheng {
+  display: flex;
+  align-items: center;
+  margin-top: 24rpx;
+}
+
+.yanzhengleft {
+  width: 360rpx;
+  padding: 24rpx 40rpx;
+  box-sizing: border-box;
+  color: #8c9198;
+  font-size: 24rpx;
+}
+
+.getcode {
+  width: 176rpx;
+  height: 80rpx;
+  border: 2rpx solid rgba(255, 90, 78, 1);
+  opacity: 1;
+  border-radius: 16rpx;
+  color: #ff5a4e;
+  font-size: 24rpx;
+  padding: 24rpx 28rpx;
+  box-sizing: border-box;
+  margin-left: 24rpx;
+}
+
+.bangding {
+  width: 442rpx;
+  height: 80rpx;
+  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
+  opacity: 1;
+  border-radius: 44rpx;
+  color: #fff;
+  font-size: 28rpx;
+  text-align: center;
+  line-height: 80rpx;
+  margin: 42rpx auto 0;
+}
+
+.goumaiwrap {
+  width: 622rpx;
+  height: 460rpx;
+  background: rgba(255, 255, 255, 1);
+  opacity: 1;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  border-radius: 15rpx;
+  padding: 30rpx 60rpx;
+  box-sizing: border-box;
+}
+
+.goumaitop {
+  color: #06121e;
+  font-size: 36rpx;
+  padding-bottom: 32rpx;
+  box-sizing: border-box;
+  border-bottom: 1rpx solid #f5f5f5;
+  font-weight: bold;
+  text-align: center;
+}
+
+.huiyuanshou {
+  display: flex;
+  align-items: center;
+  margin-top: 60rpx;
+}
+
+.huiyuanshouleft {
+  color: #8c9198;
+  font-size: 28rpx;
+}
+
+.huiyuanshouright {
+  color: #06121e;
+  font-size: 28rpx;
+  margin-left: 40rpx;
+}
+
+.goumaizhi {
+  display: flex;
+  align-items: center;
+  margin-top: 24rpx;
+}
+
+.goumaihziright {
+  color: #ff5a4e;
+  font-size: 28rpx;
+}
+
+.goumaihzileft {
+  color: #8c9198;
+  font-size: 28rpx;
+}
+
+.buynow {
+  width: 442rpx;
+  height: 80rpx;
+  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
+  opacity: 1;
+  border-radius: 44rpx;
+  color: #fff;
+  font-size: 28rpx;
+  text-align: center;
+  line-height: 80rpx;
+  margin:62rpx auto 0;
+}
+
+.dibuinforight {
+  width: 442rpx;
+  height: 80rpx;
+  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
+  opacity: 1;
+  border-radius: 44rpx;
+  color:#fff;
+  font-size: 28rpx;
+  text-align: center;
+  line-height: 80rpx
+}
diff --git a/pages/huiyuanxieyi/huiyuanxieyi.js b/pages/huiyuanxieyi/huiyuanxieyi.js
new file mode 100644
index 0000000..42dec4a
--- /dev/null
+++ b/pages/huiyuanxieyi/huiyuanxieyi.js
@@ -0,0 +1,66 @@
+// pages/huiyuanxieyi/huiyuanxieyi.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/huiyuanxieyi/huiyuanxieyi.json b/pages/huiyuanxieyi/huiyuanxieyi.json
new file mode 100644
index 0000000..dbfd176
--- /dev/null
+++ b/pages/huiyuanxieyi/huiyuanxieyi.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "会员协议"
+}
\ No newline at end of file
diff --git a/pages/huiyuanxieyi/huiyuanxieyi.wxml b/pages/huiyuanxieyi/huiyuanxieyi.wxml
new file mode 100644
index 0000000..0063a5e
--- /dev/null
+++ b/pages/huiyuanxieyi/huiyuanxieyi.wxml
@@ -0,0 +1,4 @@
+<view class="xieyiname">
+    <view class="xieyinametop">会员协议</view>
+    <view class="xieyicontent">[审慎阅读]您在申请购买守麦流程中点击同意本协议之 前,应当认真阅读本协议。请您务必审慎阅读、充分理解 条款内容,特别是免除或限制责任的条款、法律适用和争 议解决条款。免除或者限制责任的条款将以粗体下划线标 识,您应重点阅读。如你对协议有任何疑问,请联系守麦 小程序平台客服。 [签约动作]当您按照签约页面提示填写信息、阅读并同, 意本协议且完成全部购买守麦程序后,即表示您已充分阅 读、理解并接受本协议的全部内容,并与守麦达成-致, 成为“守麦会员”。阅读本协议的过程中,如果您不同意 本协议或其中任何条款约定,您应立即停止购买流程。 守麦会员服务协议 最新版本生效时间: 2019年09月10日 导言 本协议是守麦会员与杭州守麦网络科技有限公司(下 称“守麦”)之间关于您成为守麦会员及使用守麦提供的 会员服务(下称“会员服务”)所订立的有效契约,具有 法律效力。“ 会员服务”是指守麦为守麦会员提供的会员, 权益;“守麦会员” 是指完成了成为守麦会员的所有程序 且在会员服务期限内遵守相关服务使用规则下享受守麦会 员服务的自然人。 守麦已经以标粗体下划线或其他合理方式提示您重点 阅读协议中与您的权益(可能)存在重大关系的条款(包括</view>
+</view>
\ No newline at end of file
diff --git a/pages/huiyuanxieyi/huiyuanxieyi.wxss b/pages/huiyuanxieyi/huiyuanxieyi.wxss
new file mode 100644
index 0000000..b850d9d
--- /dev/null
+++ b/pages/huiyuanxieyi/huiyuanxieyi.wxss
@@ -0,0 +1,15 @@
+.xieyinametop{
+  color:#06121E;
+  font-size: 28rpx;
+  text-align: center;
+  margin-top:34rpx;
+}
+.xieyicontent{
+  color:#06121E;
+  font-size: 28rpx;
+  
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  margin-top:78rpx;
+  margin-bottom:40rpx;
+}
\ No newline at end of file
diff --git a/pages/index/index.js b/pages/index/index.js
new file mode 100644
index 0000000..608a282
--- /dev/null
+++ b/pages/index/index.js
@@ -0,0 +1,54 @@
+//index.js
+//获取应用实例
+const app = getApp()
+
+Page({
+  data: {
+    motto: 'Hello World',
+    userInfo: {},
+    hasUserInfo: false,
+    canIUse: wx.canIUse('button.open-type.getUserInfo')
+  },
+  //事件处理函数
+  bindViewTap: function() {
+    wx.navigateTo({
+      url: '../logs/logs'
+    })
+  },
+  onLoad: function () {
+    if (app.globalData.userInfo) {
+      this.setData({
+        userInfo: app.globalData.userInfo,
+        hasUserInfo: true
+      })
+    } else if (this.data.canIUse){
+      // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回
+      // 所以此处加入 callback 以防止这种情况
+      app.userInfoReadyCallback = res => {
+        this.setData({
+          userInfo: res.userInfo,
+          hasUserInfo: true
+        })
+      }
+    } else {
+      // 在没有 open-type=getUserInfo 版本的兼容处理
+      wx.getUserInfo({
+        success: res => {
+          app.globalData.userInfo = res.userInfo
+          this.setData({
+            userInfo: res.userInfo,
+            hasUserInfo: true
+          })
+        }
+      })
+    }
+  },
+  getUserInfo: function(e) {
+    console.log(e)
+    app.globalData.userInfo = e.detail.userInfo
+    this.setData({
+      userInfo: e.detail.userInfo,
+      hasUserInfo: true
+    })
+  }
+})
diff --git a/pages/index/index.json b/pages/index/index.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/pages/index/index.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
new file mode 100644
index 0000000..0243bda
--- /dev/null
+++ b/pages/index/index.wxml
@@ -0,0 +1,13 @@
+<!--index.wxml-->
+<view class="container">
+  <view class="userinfo">
+    <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
+    <block wx:else>
+      <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
+      <text class="userinfo-nickname">{{userInfo.nickName}}</text>
+    </block>
+  </view>
+  <view class="usermotto">
+    <text class="user-motto">{{motto}}</text>
+  </view>
+</view>
diff --git a/pages/index/index.wxss b/pages/index/index.wxss
new file mode 100644
index 0000000..ce30de0
--- /dev/null
+++ b/pages/index/index.wxss
@@ -0,0 +1,21 @@
+/**index.wxss**/
+.userinfo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.userinfo-avatar {
+  width: 128rpx;
+  height: 128rpx;
+  margin: 20rpx;
+  border-radius: 50%;
+}
+
+.userinfo-nickname {
+  color: #aaa;
+}
+
+.usermotto {
+  margin-top: 200px;
+}
\ No newline at end of file
diff --git a/pages/jiudiandetail/jiudiandetail.js b/pages/jiudiandetail/jiudiandetail.js
new file mode 100644
index 0000000..a2b0416
--- /dev/null
+++ b/pages/jiudiandetail/jiudiandetail.js
@@ -0,0 +1,86 @@
+// 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 () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/jiudiandetail/jiudiandetail.json b/pages/jiudiandetail/jiudiandetail.json
new file mode 100644
index 0000000..d77a820
--- /dev/null
+++ b/pages/jiudiandetail/jiudiandetail.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "酒店详情"
+}
\ No newline at end of file
diff --git a/pages/jiudiandetail/jiudiandetail.wxml b/pages/jiudiandetail/jiudiandetail.wxml
new file mode 100644
index 0000000..35625b5
--- /dev/null
+++ b/pages/jiudiandetail/jiudiandetail.wxml
@@ -0,0 +1,305 @@
+<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="jiudianbigbox">
+  <!-- 酒店介绍 -->
+
+  <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>
\ No newline at end of file
diff --git a/pages/jiudiandetail/jiudiandetail.wxss b/pages/jiudiandetail/jiudiandetail.wxss
new file mode 100644
index 0000000..79908a6
--- /dev/null
+++ b/pages/jiudiandetail/jiudiandetail.wxss
@@ -0,0 +1,257 @@
+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;
+}
+
+.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 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1rpx solid #f5f5f5;
+  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;
+  left: 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;
+}
\ No newline at end of file
diff --git a/pages/lixiangzhong/lixiangzhong.js b/pages/lixiangzhong/lixiangzhong.js
new file mode 100644
index 0000000..b43e1df
--- /dev/null
+++ b/pages/lixiangzhong/lixiangzhong.js
@@ -0,0 +1,66 @@
+// pages/lixiangzhong/lixiangzhong.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/lixiangzhong/lixiangzhong.json b/pages/lixiangzhong/lixiangzhong.json
new file mode 100644
index 0000000..f37faaf
--- /dev/null
+++ b/pages/lixiangzhong/lixiangzhong.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "理想中"
+}
\ No newline at end of file
diff --git a/pages/lixiangzhong/lixiangzhong.wxml b/pages/lixiangzhong/lixiangzhong.wxml
new file mode 100644
index 0000000..a794831
--- /dev/null
+++ b/pages/lixiangzhong/lixiangzhong.wxml
@@ -0,0 +1,267 @@
+<view class="head">
+  <view class="headleft">
+    <view class="headleftimg">
+      <image src="/img/renwu.png"></image>
+
+      <view class="zuanimg">
+        <image src="/img/zuanshi.png"></image>
+      </view>
+    </view>
+    <view class="headname">爱旅行的小李</view>
+  </view>
+  <view class="headright">会员剩余214天到期</view>
+</view>
+<view class="zhilist">
+  <view class="zhiitem">
+    <view class="zhiitemimg">
+      <image src="/img/wangguan.png"></image>
+    </view>
+    <view class="zhiitemname">会员指南</view>
+  </view>
+  <view class="zhiitem">
+    <view class="zhiitemimg">
+
+      <image src="/img/sun_02.png"></image>
+    </view>
+    <view class="zhiitemname">会员指南</view>
+  </view>
+  <view class="zhiitem">
+    <view class="zhiitemimg">
+
+      <image src="/img/nav_03.png"></image>
+    </view>
+    <view class="zhiitemname">会员指南</view>
+  </view>
+</view>
+
+<view class="searchlist">
+  <view class="searchhead">
+    <view class="searchleft">
+      <image src="/img/sousuo.png"></image>
+    </view>
+    <view class="searchname">
+      <input placeholder='请输入搜索内容' placeholder-class='entername' />
+    </view>
+  </view>
+
+  <view class="enterbox">
+    <view class="enterboxleft">
+      <view class="enterboxlist">
+        <view class="boxleft"></view>
+        <view class="boxmiddle">08月21日</view>
+        <view class="boxright">(周三入住)</view>
+      </view>
+      <view class="enterboxlist boxlistsec">
+        <view class="boxleft"></view>
+        <view class="boxmiddle">08月23日</view>
+        <view class="boxright">(周五离店)</view>
+      </view>
+    </view>
+    <view class="enterboxright">共2晚</view>
+  </view>
+
+  <view class="searchnametext">查找房源</view>
+</view>
+<!-- 开放城市 -->
+<view class="chengshilist">
+
+  <view class="chengshihead">
+    <view class="chengshileft">开放城市</view>
+    <view class="chengshiright">
+      <view class="rightname">全部</view>
+      <view class="rihghtimg">
+        <image src="/img/yourow.png"></image>
+      </view>
+    </view>
+  </view>
+
+  <view class="citylist">
+    <view class="cityimg">
+      <image src="/img/img1.png"></image>
+
+      <view class="listimgname">
+        <view class="topname">天津</view>
+        <view class="bottompname">TianJin</view>
+      </view>
+    </view>
+    <view class="cityimg">
+      <image src="/img/img2.png"></image>
+      <view class="listimgname">
+        <view class="topname">台湾</view>
+        <view class="bottompname">TaiWan</view>
+      </view>
+    </view>
+    <view class="cityimg">
+      <image src="/img/img3.png"></image>
+    </view>
+  </view>
+</view>
+<!-- 最近上线 -->
+<view class="recentline">
+  <view class="recentlinetop">
+    最近上线
+  </view>
+  <view class="recentlinebottom">立即开启您的度假之旅</view>
+
+  <view class="recnetlinebox">
+    <view class="recentlineimg">
+      <image src="/img/lineimg1.png"></image>
+
+      <view class="linetext">
+        <view class="linetopname">仰望雪山-方艺术天堂</view>
+
+        <view class="linesecname">丽江古原雪山庄园</view>
+        <view class='linethirname'>
+
+          <view class="linethileft">
+            <image src="/img/weizhi.png"></image>
+          </view>
+          <view class="lineright">丽江 玉龙纳西族自治县</view>
+        </view>
+      </view>
+    </view>
+    <view class="recentlineimg">
+      <image src="/img/lineimg2.png"></image>
+    </view>
+  </view>
+
+
+</view>
+
+<!--为您推荐  -->
+<view class="tuijian">
+  <view class="chengshihead tuihead">
+    <view class="chengshileft">为您推荐</view>
+    <view class="chengshiright">
+      <view class="rightname">全部</view>
+      <view class="rihghtimg">
+        <image src="/img/yourow.png"></image>
+      </view>
+    </view>
+  </view>
+
+  <view class="tuijianlist">
+    <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>
\ No newline at end of file
diff --git a/pages/lixiangzhong/lixiangzhong.wxss b/pages/lixiangzhong/lixiangzhong.wxss
new file mode 100644
index 0000000..81c853d
--- /dev/null
+++ b/pages/lixiangzhong/lixiangzhong.wxss
@@ -0,0 +1,428 @@
+page {
+  background: #fff;
+}
+
+.headleftimg {
+  width: 72rpx;
+  height: 72rpx;
+  font-size: 0;
+  position: relative;
+}
+
+.head {
+  padding: 24rpx 38rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 24rpx solid #f8f8f8;
+}
+
+.headleft {
+  display: flex;
+  align-items: center;
+}
+
+.zuanimg {
+  width: 30rpx;
+  height: 30rpx;
+  font-size: 0;
+  position: absolute;
+  top: 44rpx;
+  right: -10rpx;
+}
+
+.headname {
+  color: #06121e;
+  font-size: 28rpx;
+  margin-left: 28rpx;
+}
+
+.headright {
+  color: #8c9198;
+  font-size: 20rpx;
+}
+
+.zhilist {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  padding: 22rpx 0;
+  box-sizing: border-box;
+  border-bottom: 24rpx solid #f8f8f8;
+}
+
+.zhiitem {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.zhiitemimg {
+  width: 60rpx;
+  height: 60rpx;
+  font-size: 0;
+}
+
+.zhiitemname {
+  color: #06121e;
+  font-size: 28rpx;
+  margin-top: 6rpx;
+}
+
+.searchlist {
+  padding-bottom: 40rpx;
+}
+
+.searchleft {
+  width: 28rpx;
+  height: 28rpx;
+  font-size: 0;
+}
+
+.searchhead {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 22rpx 92rpx;
+  box-sizing: border-box;
+  border-bottom: 1rpx solid #f5f5f5;
+}
+
+.searchname {
+  margin-left: 12rpx;
+  color: #06121e;
+  font-size: 28rpx;
+}
+
+.entername {
+  color: #06121e;
+  font-size: 28rpx;
+}
+
+.boxleft {
+  width: 16rpx;
+  height: 16rpx;
+  border-radius: 50%;
+  background: #ff5a4e;
+}
+
+.enterboxlist {
+  display: flex;
+  align-items: center;
+  padding: 28rpx 0;
+  box-sizing: border-box;
+  border-bottom: 1rpx solid #f5f5f5;
+}
+
+.enterbox {
+  padding: 0 72rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.enterboxleft {
+  width: 500rpx;
+}
+
+.boxmiddle {
+  color: #06121e;
+  font-size: 36rpx;
+  margin-left: 30rpx;
+}
+
+.boxright {
+  color: #8c9198;
+  font-size: 24rpx;
+  margin-left: 8rpx;
+}
+
+.enterboxright {
+  color: #ff5a4e;
+  font-size: 24rpx;
+}
+
+.searchnametext {
+  color: #fff;
+  font-size: 32rpx;
+  width: 618rpx;
+  height: 88rpx;
+  background: linear-gradient(90deg, rgba(255, 114, 113, 1) 0%, rgba(255, 122, 120, 1) 13%, rgba(252, 172, 165, 1) 100%, rgba(255, 194, 82, 1) 100%);
+  box-shadow: 0px 8rpx 16rpx rgba(253, 164, 158, 0.3);
+  opacity: 1;
+  border-radius: 44rpx;
+  margin: 0 auto;
+  text-align: center;
+  line-height: 88rpx;
+  margin-top: 20rpx;
+}
+
+.boxlistsec {
+  border-bottom: none;
+}
+
+.chengshilist {
+  background: #f9f9f9;
+  padding: 42rpx 32rpx;
+  box-sizing: border-box;
+}
+
+.chengshihead {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.chengshiright {
+  display: flex;
+  align-items: center;
+}
+
+.chengshileft {
+  color: #06121e;
+  font-size: 36rpx;
+  font-weight: bold;
+}
+
+.rightname {
+  color: #06121e;
+  font-size: 28rpx;
+}
+
+.rihghtimg {
+  width: 22rpx;
+  height: 22rpx;
+  font-size: 0;
+  margin-left: 20rpx;
+}
+
+.citylist {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  overflow-x: scroll;
+  margin-top: 32rpx;
+}
+
+.cityimg {
+  width: 275rpx;
+  height: 180rpx;
+  font-size: 0;
+  margin-left: 14rpx;
+  flex: 0 0 auto;
+  position: relative;
+}
+
+.listimgname {
+  position: absolute;
+  right: 22rpx;
+  bottom: 14rpx;
+}
+
+.topname {
+  color: #fff;
+  font-size: 24rpx;
+  text-align: right;
+}
+
+.bottompname {
+  color: #fff;
+  font-size: 24rpx;
+  margin-top: 4rpx;
+}
+
+.recentline {
+  padding: 0 32rpx;
+  box-sizing: border-box;
+}
+
+.recnetlinebox {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  overflow-x: scroll;
+  margin-top: 24rpx;
+}
+
+.recentlineimg {
+  width: 633rpx;
+  height: 330rpx;
+  font-size: 0;
+  flex: 0 0 auto;
+  margin-left: 18rpx;
+  position: relative;
+}
+
+.recentlineimg:first-child {
+  margin-left: 0;
+}
+
+.recentlinetop {
+  color: #06121e;
+  font-size: 36rpx;
+  font-weight: bold;
+  margin-top: 50rpx;
+}
+
+.recentlinebottom {
+  color: #8c9198;
+  font-size: 22rpx;
+  margin-top: 6rpx;
+}
+
+.linetext {
+  position: absolute;
+  left: 46rpx;
+  bottom: 52rpx;
+}
+
+.linetopname {
+  color: #fff;
+  font-size: 36rpx;
+}
+
+.linesecname {
+  color: #fff;
+  font-size: 26rpx;
+}
+
+.linethirname {
+  display: flex;
+  align-items: center;
+  background: rgba(0, 0, 0, 1);
+  opacity: 0.5;
+  border-radius: 28rpx;
+  padding: 10rpx 22rpx;
+  box-sizing: border-box;
+  margin-top: 14rpx;
+}
+
+.linethileft {
+  width: 22rpx;
+  height: 24rpx;
+  font-size: 0;
+}
+
+.lineright {
+  color: #fff;
+  font-size: 24rpx;
+  margin-left: 14rpx;
+  z-index: 99;
+}
+
+.tuijian {
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  margin-bottom: 70rpx;
+}
+
+.tuihead {
+  padding: 28rpx 0;
+  box-sizing: border-box;
+}
+
+.tuijainimg {
+  width: 686rpx;
+  height: 386rpx;
+  font-size: 0;
+  border-radius: 16rpx;
+  position: relative;
+}
+
+.tuituname {
+  position: absolute;
+  left: 24rpx;
+  bottom: 24rpx;
+}
+
+.tuijianname {
+  color: #06121e;
+  font-size: 32rpx;
+  margin-top: 14rpx;
+  font-weight: bold;
+}
+
+.tuijianleft {
+  display: flex;
+  align-items: center;
+  margin-top: 14rpx;
+}
+
+.tuijainleftname {
+  color: #8c9198;
+  font-size: 24rpx;
+}
+
+.tuijianrightname {
+  display: flex;
+  align-items: center;
+  color: #8c9198;
+  font-size: 24rpx;
+}
+
+.tuitu {
+  width: 32rpx;
+  height: 34rpx;
+  font-size: 0;
+  margin-left: 16rpx;
+}
+
+.dituname {
+  margin-left: 4rpx;
+}
+
+.lindleft {
+  display: flex;
+  align-items: center;
+}
+
+.leftitem {
+  color: #ff5a4e;
+  font-size: 24rpx;
+  margin-right: 28rpx;
+}
+
+.kind {
+  margin-top: 18rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.lieright {
+  width: 200rpx;
+  height: 54rpx;
+  background: rgba(255, 114, 113, 1);
+  opacity: 1;
+  border-radius: 20rpx;
+  padding: 10 16rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+}
+
+.lineleftmoney {
+  color: #fff;
+  font-size: 24rpx;
+}
+
+.zhemoney {
+  text-decoration: line-through;
+}
+
+.lineleftmoney {
+  color: #fff;
+  font-size: 24rpx;
+  margin-left: 14rpx;
+}
+
+.tuijianitem {
+  margin-top: 48rpx;
+}
+
+.tuijianitem:first-child {
+  margin-top: 0;
+}
diff --git a/pages/login/login.js b/pages/login/login.js
new file mode 100644
index 0000000..6d0e5fe
--- /dev/null
+++ b/pages/login/login.js
@@ -0,0 +1,66 @@
+// pages/login/login.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/login/login.json b/pages/login/login.json
new file mode 100644
index 0000000..c37306c
--- /dev/null
+++ b/pages/login/login.json
@@ -0,0 +1,3 @@
+{
+ "navigationBarTitleText": "登录守麦"
+}
\ No newline at end of file
diff --git a/pages/login/login.wxml b/pages/login/login.wxml
new file mode 100644
index 0000000..a0c061d
--- /dev/null
+++ b/pages/login/login.wxml
@@ -0,0 +1,13 @@
+<view class="register">
+  <view class="loginwrap">
+      <view class="loginname">等录</view>
+      <view class="logintext">
+        理想中希望获取您的头像昵称信息,以便
+        您更好的使用
+      </view>
+      <view class="bottomtext">
+          <view class="bottomtextleft">取消</view>
+          <view class="bottomtextright">确认</view>
+      </view>
+  </view>
+</view>
diff --git a/pages/login/login.wxss b/pages/login/login.wxss
new file mode 100644
index 0000000..53fe937
--- /dev/null
+++ b/pages/login/login.wxss
@@ -0,0 +1,54 @@
+/* pages/login/login.wxss */
+.loginwrap{
+  position: absolute;
+  width:622rpx;
+  height:397rpx;
+  background:rgba(255,255,255,1);
+  opacity:1;
+  border-radius: 15rpx;
+  top:310rpx;
+  left:51rpx;
+  padding: 30rpx 60rpx;
+  box-sizing: border-box;
+
+}
+.loginname{
+  color:#06121E;
+  font-weight: bold;
+  font-size: 36rpx;
+  text-align: center
+}
+.logintext{
+  color:#8C9198;
+  font-size: 28rpx;
+  margin-top:74rpx;
+}
+.bottomtext{
+  display:flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top:42rpx;
+}
+.bottomtextleft{
+  width:214rpx;
+  height:80rpx;
+  background:rgba(238,238,238,1);
+  opacity:1;
+  border-radius:44rpx;
+  color:#8C9198;
+  font-size: 28rpx;
+  text-align: center;
+  line-height: 80rpx;
+
+}
+.bottomtextright{
+  width:214rpx;
+  height:80rpx;
+  background:linear-gradient(180deg,rgba(252,169,162,1) 0%,rgba(255,119,117,1) 100%);
+  opacity:1;
+  border-radius:44rpx;
+  color:#fff;
+  font-size: 28rpx;
+  text-align: center;
+  line-height: 80rpx;
+}
\ No newline at end of file
diff --git a/pages/logs/logs.js b/pages/logs/logs.js
new file mode 100644
index 0000000..b2b967d
--- /dev/null
+++ b/pages/logs/logs.js
@@ -0,0 +1,15 @@
+//logs.js
+const util = require('../../utils/util.js')
+
+Page({
+  data: {
+    logs: []
+  },
+  onLoad: function () {
+    this.setData({
+      logs: (wx.getStorageSync('logs') || []).map(log => {
+        return util.formatTime(new Date(log))
+      })
+    })
+  }
+})
diff --git a/pages/logs/logs.json b/pages/logs/logs.json
new file mode 100644
index 0000000..3ee76c1
--- /dev/null
+++ b/pages/logs/logs.json
@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "查看启动日志",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/pages/logs/logs.wxml b/pages/logs/logs.wxml
new file mode 100644
index 0000000..b5a85ac
--- /dev/null
+++ b/pages/logs/logs.wxml
@@ -0,0 +1,6 @@
+<!--logs.wxml-->
+<view class="container log-list">
+  <block wx:for="{{logs}}" wx:for-item="log">
+    <text class="log-item">{{index + 1}}. {{log}}</text>
+  </block>
+</view>
diff --git a/pages/logs/logs.wxss b/pages/logs/logs.wxss
new file mode 100644
index 0000000..94d4b88
--- /dev/null
+++ b/pages/logs/logs.wxss
@@ -0,0 +1,8 @@
+.log-list {
+  display: flex;
+  flex-direction: column;
+  padding: 40rpx;
+}
+.log-item {
+  margin: 10rpx;
+}
diff --git a/pages/opencity/opencity.js b/pages/opencity/opencity.js
new file mode 100644
index 0000000..a04204d
--- /dev/null
+++ b/pages/opencity/opencity.js
@@ -0,0 +1,66 @@
+// pages/opencity/opencity.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/opencity/opencity.json b/pages/opencity/opencity.json
new file mode 100644
index 0000000..a1ebbb7
--- /dev/null
+++ b/pages/opencity/opencity.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "开放城市"
+}
\ No newline at end of file
diff --git a/pages/opencity/opencity.wxml b/pages/opencity/opencity.wxml
new file mode 100644
index 0000000..f1a8dd4
--- /dev/null
+++ b/pages/opencity/opencity.wxml
@@ -0,0 +1,35 @@
+<view class="citylist">
+
+    <view class="citylsititem">
+        <image src="/img/sun_40.png"></image>
+
+        <view class="citytext">
+            <view class="citychinese">天津</view>
+            <view class="cityenglish">TianJin</view>
+        </view>
+    </view>
+    <view class="citylsititem">
+        <image src="/img/sun_41.png"></image>
+
+        <view class="citytext">
+            <view class="citychinese">杭州</view>
+            <view class="cityenglish">Hangzhou</view>
+        </view>
+    </view>
+    <view class="citylsititem">
+        <image src="/img/sun_42.png"></image>
+
+        <view class="citytext">
+            <view class="citychinese">大理</view>
+            <view class="cityenglish">dali</view>
+        </view>
+    </view>
+    <view class="citylsititem">
+        <image src="/img/sun_43.png"></image>
+
+        <view class="citytext">
+            <view class="citychinese">福建</view>
+            <view class="cityenglish">Fujian</view>
+        </view>
+    </view>
+  </view>
diff --git a/pages/opencity/opencity.wxss b/pages/opencity/opencity.wxss
new file mode 100644
index 0000000..1e1c801
--- /dev/null
+++ b/pages/opencity/opencity.wxss
@@ -0,0 +1,24 @@
+.citylsititem{
+  width:680rpx;
+  height:306rpx;
+  font-size: 0;
+  margin:0 auto 32rpx;
+  position:relative;
+
+}
+.citytext{
+  position: absolute;
+  bottom:32rpx;
+  right:58rpx;
+}
+.citychinese{
+  color:#fff;
+  font-size: 32rpx;
+  text-align: right
+}
+.cityenglish{
+  color:#fff;
+  font-size: 32rpx;
+  text-align: right;
+  margin-top:4rpx;
+}
\ No newline at end of file
diff --git a/pages/roomdetail/roomdetail.js b/pages/roomdetail/roomdetail.js
new file mode 100644
index 0000000..decb6f4
--- /dev/null
+++ b/pages/roomdetail/roomdetail.js
@@ -0,0 +1,79 @@
+// pages/roomdetail/roomdetail.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 () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/roomdetail/roomdetail.json b/pages/roomdetail/roomdetail.json
new file mode 100644
index 0000000..d77a820
--- /dev/null
+++ b/pages/roomdetail/roomdetail.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "酒店详情"
+}
\ No newline at end of file
diff --git a/pages/roomdetail/roomdetail.wxml b/pages/roomdetail/roomdetail.wxml
new file mode 100644
index 0000000..add046c
--- /dev/null
+++ b/pages/roomdetail/roomdetail.wxml
@@ -0,0 +1,80 @@
+<view class="roomtop">
+  <image src="/img/lineimg2.png"></image>
+
+  <view class="jiudianbox">
+    <view class="jiudianname">尊享大床房</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="rulelist">
+        <view class="ruleitem">
+            <view class="ruleitemleft">
+                <view class="leftname">面积</view>
+                <view class="rightname">20-23ml</view>
+            </view>
+
+            <view class="ruleitemright">
+                <view class="leftname">所在楼层</view>
+                <view class="rightname">2-9层</view>
+            </view>
+        </view>
+
+         <view class="ruleitem">
+            <view class="ruleitemleft">
+                <view class="leftname">房型</view>
+                <view class="rightname">双人</view>
+            </view>
+
+            <view class="ruleitemright">
+                <view class="leftname">床型</view>
+                <view class="rightname">1.8大床</view>
+            </view>
+        </view>
+    </view>
+
+    <view class="rulelist">
+        <view class="ruleitem">
+            <view class="ruleitemleft">
+                <view class="leftname">可住</view>
+                <view class="rightname">2人</view>
+            </view>
+
+            <view class="ruleitemright">
+                <view class="leftname">窗户</view>
+                <view class="rightname">有窗</view>
+            </view>
+        </view>
+
+         <view class="ruleitem">
+            <view class="ruleitemleft">
+                <view class="leftname">加床</view>
+                <view class="rightname">不可加床</view>
+            </view>
+
+            <view class="ruleitemright">
+                <view class="leftname">上网方式</view>
+                <view class="rightname">免费wifi</view>
+            </view>
+        </view>
+    </view>
+
+    <view class="lijiding">立即预订</view>
+
+
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/roomdetail/roomdetail.wxss b/pages/roomdetail/roomdetail.wxss
new file mode 100644
index 0000000..79de2a8
--- /dev/null
+++ b/pages/roomdetail/roomdetail.wxss
@@ -0,0 +1,107 @@
+.roomtop {
+  width: 750rpx;
+  height: 284rpx;
+  font-size: 0;
+  position: relative;
+}
+
+.jiudianbox {
+  width: 750rpx;
+  background: #fff;
+  /* height: 500rpx; */
+  opacity: 1;
+  border-radius: 20rpx 20rpx 0rpx 0rpx;
+  position: absolute;
+  top: 260rpx;
+  margin-bottom:40rpx;
+}
+
+.jiudianname {
+  color: #06121e;
+  font-size: 32rpx;
+  padding: 28rpx 32rpx;
+}
+
+/* 轮播图 */
+
+.swiper_image {
+  width: 686rpx;
+  height: 344rpx;
+  font-size: 0;
+  margin: 0 auto 0;
+  position: relative;
+  box-shadow: 0px -1px 6px 0px rgba(212, 137, 96, 0.11);
+}
+
+.swiper_item_img {
+  height: 344rpx;
+}
+
+.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: 344rpx;
+  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%;
+}
+
+.rulelist {
+  padding: 0 50rpx 48rpx 50rpx;
+  box-sizing: border-box;
+  border-bottom: 1rpx solid #f5f5f5;
+  padding-bottom: 48rpx;
+}
+
+.ruleitem {
+  display: flex;
+  align-items: center;
+  margin-top: 48rpx;
+}
+
+.ruleitemleft {
+  width: 300rpx;
+  display: flex;
+  align-items: center;
+}
+
+.leftname {
+  color: #8c9198;
+  font-size: 24rpx;
+}
+
+.rightname {
+  color: #06121e;
+  font-size: 24rpx;
+  margin-left: 40rpx;
+}
+
+.ruleitemright {
+  display: flex;
+  align-items: center;
+  margin-left: 115rpx;
+}
+
+.lijiding {
+  width: 684rpx;
+  height: 88rpx;
+  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
+  opacity: 1;
+  border-radius: 48rpx;
+  color:#fff;
+  font-size: 32rpx;
+  text-align: center;
+  line-height: 88rpx;
+  margin:68rpx auto 0;
+}
diff --git a/pages/ruzhuxuzhi/ruzhuxuzhi.js b/pages/ruzhuxuzhi/ruzhuxuzhi.js
new file mode 100644
index 0000000..a2b0416
--- /dev/null
+++ b/pages/ruzhuxuzhi/ruzhuxuzhi.js
@@ -0,0 +1,86 @@
+// 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 () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/ruzhuxuzhi/ruzhuxuzhi.json b/pages/ruzhuxuzhi/ruzhuxuzhi.json
new file mode 100644
index 0000000..018d088
--- /dev/null
+++ b/pages/ruzhuxuzhi/ruzhuxuzhi.json
@@ -0,0 +1,3 @@
+{
+ "navigationBarTitleText": "酒店详情"
+}
\ No newline at end of file
diff --git a/pages/ruzhuxuzhi/ruzhuxuzhi.wxml b/pages/ruzhuxuzhi/ruzhuxuzhi.wxml
new file mode 100644
index 0000000..42d0862
--- /dev/null
+++ b/pages/ruzhuxuzhi/ruzhuxuzhi.wxml
@@ -0,0 +1,109 @@
+
+<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="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 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>
\ No newline at end of file
diff --git a/pages/ruzhuxuzhi/ruzhuxuzhi.wxss b/pages/ruzhuxuzhi/ruzhuxuzhi.wxss
new file mode 100644
index 0000000..32bf709
--- /dev/null
+++ b/pages/ruzhuxuzhi/ruzhuxuzhi.wxss
@@ -0,0 +1,181 @@
+page {
+  background: #fff;
+}
+
+.minsuintor {
+  padding: 40rpx 44rpx;
+  box-sizing: border-box;
+}
+
+.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;
+}
+
+.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;
+}
\ No newline at end of file
diff --git a/pages/selectcity/selectcity.js b/pages/selectcity/selectcity.js
new file mode 100644
index 0000000..b06aebc
--- /dev/null
+++ b/pages/selectcity/selectcity.js
@@ -0,0 +1,166 @@
+// pages/selectcity/selectcity.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    letter: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"],
+    newcity: ['北京', '上海', '广州', '深圳', '成都', '杭州'],
+    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": "张家口" }] }],
+
+    currentCity:''
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function(options) {
+    this.getcity()
+  },
+
+  //获取用户当前位置
+  getcity() {
+    let that = this;
+    wx.getLocation({
+      type: 'gcj02',
+      success: function (res) {
+        // 经纬度
+        var latitude = res.latitude
+        var longitude = res.longitude
+
+
+        var aK = that.data.aK
+        wx.request({
+          url: 'https://api.map.baidu.com/geocoder/v2/?ak=y8jPDTMIuAnaVscUztce1RKfNx8v5sok&location=' + latitude + ',' + longitude + '&output=json',
+          data: {},
+          header: {
+            'content-type': 'application/json'
+          },
+          success: function (res) {
+            console.log('1234567890', res)
+            var province = res.data.result.addressComponent.province;
+            let district = res.data.result.addressComponent.district
+            that.setData({
+              currentCity: province
+            })
+           
+          }
+        })
+
+      },
+      fail: function () {
+        wx.showToast({
+          title: '授权失败,请打开GPS重新进入页面授权',
+          icon: 'none',
+          duration: 2000
+        })
+      }
+    })
+  },
+
+  reseatweizhi(){
+    this.getcity()
+  },
+
+  letterTap(e) {
+    console.log(e)
+    const Item = e.currentTarget.dataset.item;
+    this.setData({
+      cityListId: Item
+    });
+    // let scrollHeight = wx.getSystemInfoSync().windowHeight;
+    // this.setData({
+    //    scrollHeight: scrollHeight
+    // })
+
+    // var query = wx.createSelectorQuery();
+
+    // var that = this;
+    // query.select('.city_left').boundingClientRect(function (rect) {
+    //    console.log('66666',rect)
+
+    // }).exec();
+
+
+    //滚动到某一位置
+    // var me = this;
+    // var query = wx.createSelectorQuery().in(me);
+    // query.selectViewport().scrollOffset()
+    // query.select("#comment").boundingClientRect();
+    // query.exec(function (res) {
+    //   console.log(res);
+    //   var miss = res[0].scrollTop + res[1].top - 10;
+    //   wx.pageScrollTo({
+    //     scrollTop: miss,
+    //     duration: 300
+    //   });
+
+    // });
+
+
+    // if (Item == '#') {
+    //   this.setData({
+    //     scrollHeight: this.data.len
+    //   });
+
+
+    // } else {
+      
+    // }
+    // console.log('77777', Item)
+
+    // console.log('909090', this.data.scrollHeight)
+
+    // console.log("..............." + this.data.cityListId);
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function() {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/selectcity/selectcity.json b/pages/selectcity/selectcity.json
new file mode 100644
index 0000000..89010a5
--- /dev/null
+++ b/pages/selectcity/selectcity.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "选择城市"
+}
\ No newline at end of file
diff --git a/pages/selectcity/selectcity.wxml b/pages/selectcity/selectcity.wxml
new file mode 100644
index 0000000..0078232
--- /dev/null
+++ b/pages/selectcity/selectcity.wxml
@@ -0,0 +1,52 @@
+<view class="selcityhead">
+  <view class="selcityleft">
+    <view class="selcityimg">
+      <image src="/img/sousuo.png"></image>
+    </view>
+
+    <view class="selinput">
+      <input placeholder='请输入搜索城市' placeholder-class='searchcity' />
+    </view>
+  </view>
+
+  <view class="selcityright">取消</view>
+</view>
+
+<view class="cityhead">
+  <view class="cityheadleft">
+    <view class="selimgsize">
+      <image src="/img/ditu.png"></image>
+    </view>
+    <view class="cityleftname">{{currentCity}}</view>
+    <view class="cityleftding">当前定位</view>
+  </view>
+
+  <view class="cityheadright" bindtap="reseatweizhi">重新定位</view>
+</view>
+
+
+<view class='city_box'>
+  <view class='city_left'>
+    <scroll-view style='width:100%;height:100%;' scroll-with-animation scroll-into-view='{{cityListId}}' class="citybox" scroll-y='true' scroll-top="{{scrollHeight}}">
+
+      <view class='new_city'>
+        <view class='new_city_title'>热门城市</view>
+        <view class='new_city_box'>
+          <text class='new_city_text' wx:for='{{newcity}}' wx:key='this' data-types='new' catchtap='cityTap' data-val='{{item}}'>{{item}}</text>
+        </view>
+      </view>
+
+
+
+      <view class='city_list_box'>
+        <block wx:for='{{citylist}}' wx:key='this' wx:for-item='letterItem' wx:for-index='letterIndex'>
+          <view class='city_first_letter' id='{{letterItem.letter}}'>{{letterItem.letter}}</view>
+          <text class='city_name' wx:for='{{letterItem.data}}' wx:key='this' data-types='list' catchtap='cityTap' data-index='{{index}}' data-val='{{item}}'>{{item.cityName}}</text>
+        </block>
+      </view>
+    </scroll-view>
+  </view>
+  <view class='city_right'>
+    <text class='letter_item' wx:for='{{letter}}' wx:key='this' catchtap='letterTap' data-item='{{item}}'>{{item}}</text>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/selectcity/selectcity.wxss b/pages/selectcity/selectcity.wxss
new file mode 100644
index 0000000..f2fccf2
--- /dev/null
+++ b/pages/selectcity/selectcity.wxss
@@ -0,0 +1,156 @@
+page{
+  padding: 0 24rpx;
+  box-sizing: border-box;
+  height:100%;
+}
+.selcityhead{
+  display:flex;
+  align-items: center;
+  padding: 24rpx 0 40rpx;
+  box-sizing: border-box;
+  justify-content: space-between;
+  border-bottom:1rpx soild #EEE;
+}
+.selcityleft{
+  width:580rpx;
+  background: #F9F9F9;
+  display:flex;
+  align-items: center;
+  padding: 14rpx 34rpx;
+  box-sizing: border-box;
+}
+.selcityimg{
+  width:28rpx;
+  height:28rpx;
+  font-size: 0
+}
+.selinput{
+  width:502rpx;
+  color:#BDC4CE;
+  font-size: 28rpx;
+  margin-left:10rpx;
+}
+.searchcity{
+  color:#BDC4CE;
+  font-size: 28rpx;
+}
+.selcityright{
+  color:#06121E;
+  font-size: 28rpx;
+  
+}
+.cityhead{
+  display:flex;
+  align-items: center;
+  justify-content: space-between;
+  width:750
+}
+.cityheadleft{
+  display:flex;
+  align-items: center;
+}
+.selimgsize{
+  width:40rpx;
+  height:40rpx;
+  font-size: 0;
+}
+.cityleftname{
+  color:#06121E;
+  font-size: 32rpx;
+  margin-left:12rpx;
+  font-weight: bold;
+}
+.cityleftding{
+  color:#8C9198;
+  font-size: 24rpx;
+  margin-left:12rpx;
+}
+.cityheadright{
+  color:#FF5A4E;
+  font-size: 24rpx;
+}
+.dituimg{
+ width:40rpx;
+  height:40rpx;
+  font-size: 0;
+}
+
+/* 字母排序城市 */
+
+.city_box{
+  height:100%;
+  background: #fff;
+  display: flex;
+}
+.city_left{
+  flex: 1;
+}
+.city_right{
+  width: 60rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+}
+.letter_item{
+  flex: 1;
+  display: block;
+  font-size: 24rpx;
+  color: #33B9FF;
+  text-align: center;
+}
+.city_locate,.national{
+  height: 80rpx;
+  line-height: 80rpx;
+  border-bottom: 1px solid #efefef;
+  font-size: 28rpx;
+  color: #333;
+  padding-left: 25rpx;
+}
+.city_locate_title{
+  color: #999;
+  margin-right: 20rpx;
+}
+.new_city{
+  /* background: #efefef; */
+  font-size: 28rpx;
+  margin-top:44rpx;
+}
+.new_city_title{
+  line-height: 50rpx;
+  color: #BDC4CE;
+  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 22rpx 22rpx 0;
+  font-size: 22rpx;
+  color:#06121E;
+  padding: 12rpx 70rpx;
+  box-sizing: border-box;
+}
+.city_first_letter{
+  line-height: 40rpx;
+  height: 40rpx;
+  padding-left: 25rpx;
+  font-size: 28rpx;
+  background: #eee;
+  color: #999;
+}
+.city_name{
+  display: block;
+  line-height: 80rpx;
+  height: 80rpx;
+  border-bottom: 1px solid #efefef;
+  font-size: 28rpx;
+  color: #333;
+  padding-left: 25rpx;
+}
\ No newline at end of file
diff --git a/pages/tiyan/tiyan.js b/pages/tiyan/tiyan.js
new file mode 100644
index 0000000..4c89177
--- /dev/null
+++ b/pages/tiyan/tiyan.js
@@ -0,0 +1,66 @@
+// pages/tiyan/tiyan.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/tiyan/tiyan.json b/pages/tiyan/tiyan.json
new file mode 100644
index 0000000..bbbb3c0
--- /dev/null
+++ b/pages/tiyan/tiyan.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "体验"
+}
\ No newline at end of file
diff --git a/pages/tiyan/tiyan.wxml b/pages/tiyan/tiyan.wxml
new file mode 100644
index 0000000..38b0aea
--- /dev/null
+++ b/pages/tiyan/tiyan.wxml
@@ -0,0 +1,171 @@
+<view class="tiyanhead">
+
+  <view class="tiyanzuo">
+    <view class='tiyanleft'>最新发布</view>
+    <view class="tiyanzhong">最多点赞</view>
+  </view>
+
+  <view class="tiyanright">
+    <view class='tiyanyou'>
+      <image src="/img/xie.png"></image>
+    </view>
+    <view class="tiyanxie">写笔记</view>
+  </view>
+</view>
+
+<view class="tiyanbox">
+  <view class="tiyanboxitem">
+    <view class="tiyanboxleft">
+      <image src="/img/tiyan1.png"></image>
+    </view>
+    <view class="tiyanboxright">
+      <view class="tiyantop">
+        <view class="tiyantopleft">
+          <image src="/img/tiyanren.png"></image>
+        </view>
+
+        <view class="tiyanname">温宁</view>
+
+
+
+      </view>
+
+      <view class="tiyantext">
+        位置很好,距离天津站也比较近,交通便捷,推荐!
+      </view>
+
+      <view class="tiyanbottom">
+        <view class="tiyanbotleft">
+          <view class="tiyanbolefimg">
+            <image src="/img/ditu.png"></image>
+          </view>
+          <view class="ditutext">海淀区蔓图精品民宿</view>
+        </view>
+
+        <view class="tiyanright">
+          <view class="tiyanzanimg">
+            <image src="/img/zan.png"></image>
+          </view>
+          <view class="zannum">67</view>
+        </view>
+
+      </view>
+    </view>
+  </view>
+  <view class="tiyanboxitem">
+    <view class="tiyanboxleft">
+      <image src="/img/tiyan1.png"></image>
+    </view>
+    <view class="tiyanboxright">
+      <view class="tiyantop">
+        <view class="tiyantopleft">
+          <image src="/img/tiyanren.png"></image>
+        </view>
+
+        <view class="tiyanname">温宁</view>
+
+
+
+      </view>
+
+      <view class="tiyantext">
+        位置很好,距离天津站也比较近,交通便捷,推荐!
+      </view>
+
+      <view class="tiyanbottom">
+        <view class="tiyanbotleft">
+          <view class="tiyanbolefimg">
+            <image src="/img/ditu.png"></image>
+          </view>
+          <view class="ditutext">海淀区蔓图精品民宿</view>
+        </view>
+
+        <view class="tiyanright">
+          <view class="tiyanzanimg">
+            <image src="/img/zan.png"></image>
+          </view>
+          <view class="zannum">67</view>
+        </view>
+
+      </view>
+    </view>
+  </view>
+
+  <view class="tiyanboxitem">
+    <view class="tiyanboxleft">
+      <image src="/img/tiyan1.png"></image>
+    </view>
+    <view class="tiyanboxright">
+      <view class="tiyantop">
+        <view class="tiyantopleft">
+          <image src="/img/tiyanren.png"></image>
+        </view>
+
+        <view class="tiyanname">温宁</view>
+
+
+
+      </view>
+
+      <view class="tiyantext">
+        位置很好,距离天津站也比较近,交通便捷,推荐!
+      </view>
+
+      <view class="tiyanbottom">
+        <view class="tiyanbotleft">
+          <view class="tiyanbolefimg">
+            <image src="/img/ditu.png"></image>
+          </view>
+          <view class="ditutext">海淀区蔓图精品民宿</view>
+        </view>
+
+        <view class="tiyanright">
+          <view class="tiyanzanimg">
+            <image src="/img/zan.png"></image>
+          </view>
+          <view class="zannum">67</view>
+        </view>
+
+      </view>
+    </view>
+  </view>
+
+  <view class="tiyanboxitem">
+    <view class="tiyanboxleft">
+      <image src="/img/tiyan1.png"></image>
+    </view>
+    <view class="tiyanboxright">
+      <view class="tiyantop">
+        <view class="tiyantopleft">
+          <image src="/img/tiyanren.png"></image>
+        </view>
+
+        <view class="tiyanname">温宁</view>
+
+
+
+      </view>
+
+      <view class="tiyantext">
+        位置很好,距离天津站也比较近,交通便捷,推荐!
+      </view>
+
+      <view class="tiyanbottom">
+        <view class="tiyanbotleft">
+          <view class="tiyanbolefimg">
+            <image src="/img/ditu.png"></image>
+          </view>
+          <view class="ditutext">海淀区蔓图精品民宿</view>
+        </view>
+
+        <view class="tiyanright">
+          <view class="tiyanzanimg">
+            <image src="/img/zan.png"></image>
+          </view>
+          <view class="zannum">67</view>
+        </view>
+
+      </view>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/tiyan/tiyan.wxss b/pages/tiyan/tiyan.wxss
new file mode 100644
index 0000000..914d4cb
--- /dev/null
+++ b/pages/tiyan/tiyan.wxss
@@ -0,0 +1,135 @@
+page{
+  background: #fff;
+}
+.tiyanhead{
+  padding: 18rpx 34rpx;
+
+}
+
+.tiyanleft{
+  color:#06121E;
+  font-size: 38rpx;
+  position: relative;
+  font-weight: bold;
+}
+.tiyanleft::after{
+  display:block;
+  content:'';
+  width:48rpx;
+  height:6rpx;
+  background: #FF5A4E;
+  position: absolute;
+  left:48rpx;
+  bottom:-12rpx;
+  border-radius: 14rpx;
+
+}
+.tiyanhead{
+  display:flex;
+  align-items: center;
+  justify-content: space-between
+}
+.tiyanzuo{
+  display:flex;
+  align-items: center
+}
+.tiyanzhong{
+  color:#5B5E63;
+  font-size: 26rpx;
+  margin-left:60rpx;
+}
+.tiyanright{
+  display:flex;
+  align-items: center;
+  
+}
+.tiyanyou{
+  width:44rpx;
+  height:40rpx;
+}
+.tiyanxie{
+  color:#5B5E63;
+  font-size: 26rpx;
+  margin-left:5rpx;
+}
+.tiyanbox{
+  margin-bottom:28rpx;
+}
+.tiyanboxitem{
+  display:flex;
+  align-items: center;
+  padding: 34rpx 20rpx;
+  margin-top:24rpx;
+}
+.tiyanboxleft{
+  width:220rpx;
+  height:220rpx;
+  font-size: 0;
+  flex:0 0 auto;
+}
+.tiyanbox{
+  padding: 24rpx 34rpx;
+  box-sizing: border-box
+}
+.tiyanboxright{
+  margin-left:54rpx;
+}
+.tiyantopleft{
+  width:40rpx;
+  height:40rpx;
+  font-size: 0
+}
+.tiyantop{
+  display:flex;
+  align-items: center
+}
+.tiyanname{
+  color:#06121E;
+  font-size: 28rpx;
+  margin-left:16rpx;
+
+}
+.tiyantext{
+  color:#06121E;
+  font-size: 30rpx;
+  margin-top:18rpx;
+}
+.tiyanbottom{
+  display:flex;
+  align-items: center;
+  margin-top:46rpx;
+  justify-content: space-between
+}
+.tiyanbolefimg{
+  width:32rpx;
+  height:31rpx;
+  font-size: 0
+}
+.tiyanbotleft{
+  display:flex;
+  align-items: center
+}
+.tiyanright{
+  display:flex;
+  align-items: center;
+  margin-left:18rpx;
+}
+.tiyanzanimg{
+  width:32rpx;
+  height:32rpx;
+  font-size: 0
+}
+.zannum{
+  color:#FF5A4E;
+  font-size: 22rpx;
+  margin-left:15rpx;
+}
+.ditutext{
+  color:#8C9198;
+  font-size: 22rpx;
+  width:200rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-left:4rpx;
+}
\ No newline at end of file
diff --git a/pages/wantruzhu/wantruzhu.js b/pages/wantruzhu/wantruzhu.js
new file mode 100644
index 0000000..94df104
--- /dev/null
+++ b/pages/wantruzhu/wantruzhu.js
@@ -0,0 +1,66 @@
+// pages/wantruzhu/wantruzhu.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/wantruzhu/wantruzhu.json b/pages/wantruzhu/wantruzhu.json
new file mode 100644
index 0000000..89a5abf
--- /dev/null
+++ b/pages/wantruzhu/wantruzhu.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "我想入住"
+}
\ No newline at end of file
diff --git a/pages/wantruzhu/wantruzhu.wxml b/pages/wantruzhu/wantruzhu.wxml
new file mode 100644
index 0000000..b10e96a
--- /dev/null
+++ b/pages/wantruzhu/wantruzhu.wxml
@@ -0,0 +1,36 @@
+<view class="wantheadenter">
+  <image src="/img/sun_19.png"></image>
+</view>
+
+<view class="selectcity">
+  <view class="selectname">请选择您最想去的5个城市</view>
+  <view class="selectcityitem">
+    <view class="cityiemblock">
+      北京
+    </view>
+    <view class="cityiemblock">
+      天津
+    </view>
+    <view class="cityiemblock">
+      石家庄
+    </view>
+    <view class="cityiemblock">
+      台湾
+    </view>
+    <view class="cityiemblock">
+      深圳
+    </view>
+  </view>
+  <view class="wanthead">
+      <view class="wantleft">我还想去</view>
+      <view class="wantright">0/20</view>
+  </view>
+
+  <view class="wanttext">
+      <input placeholder='' placeholder-class='wantword'/>
+  </view>
+
+
+</view>
+
+<view class="tijiao">提交</view>
\ No newline at end of file
diff --git a/pages/wantruzhu/wantruzhu.wxss b/pages/wantruzhu/wantruzhu.wxss
new file mode 100644
index 0000000..1190ac5
--- /dev/null
+++ b/pages/wantruzhu/wantruzhu.wxss
@@ -0,0 +1,69 @@
+.wantheadenter{
+  width:750rpx;
+  height:172rpx;
+  font-size: 0
+}
+.selectcity{
+    padding: 42rpx 56rpx;
+    box-sizing: border-box
+}
+.selectname{
+  color:#06121E;
+  font-size: 32rpx;
+  font-weight: bold;
+  
+}
+.selectcityitem{
+  display:flex;
+  align-items: center;
+  flex-wrap:wrap;
+}
+.cityiemblock{
+  padding: 7rpx 74rpx;
+  color:#06121E;
+  font-size: 26rpx;
+  margin-top:24rpx;
+}
+.wanthead{
+  display:flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top:44rpx;
+}
+.wanttext{
+  width:648rpx;
+  height:80rpx;
+  background:rgba(249,249,249,1);
+  opacity:1;
+  border-radius:60rpx;
+  border:1rpx solid #f5f5f5;
+  margin-top:24rpx;
+  display:flex;
+  align-items: center;
+  justify-content: center
+}
+.wanttext input{
+  width:500rpx;
+}
+.wantleft{
+  color:#06121E;
+  font-size:32rpx;
+  font-weight: bold;
+}
+.wantright{
+  color:#8C9198;
+  font-size: 24rpx;
+
+}
+.tijiao{
+  width:684rpx;
+  height:88rpx;
+  background:linear-gradient(180deg,rgba(252,169,162,1) 0%,rgba(255,119,117,1) 100%);
+  opacity:1;
+  border-radius:48rpx;
+  margin:432rpx auto 0;
+  text-align: center;
+  line-height: 88rpx;
+  color:#fff;
+  font-size: 32rpx;
+}
\ No newline at end of file
diff --git a/pages/yuding/yuding.js b/pages/yuding/yuding.js
new file mode 100644
index 0000000..6092f78
--- /dev/null
+++ b/pages/yuding/yuding.js
@@ -0,0 +1,66 @@
+// pages/yuding/yuding.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    zhifushow:false
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/yuding/yuding.json b/pages/yuding/yuding.json
new file mode 100644
index 0000000..6bd23ae
--- /dev/null
+++ b/pages/yuding/yuding.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "预定"
+}
\ No newline at end of file
diff --git a/pages/yuding/yuding.wxml b/pages/yuding/yuding.wxml
new file mode 100644
index 0000000..ffe2ffe
--- /dev/null
+++ b/pages/yuding/yuding.wxml
@@ -0,0 +1,87 @@
+<view class="yudingtou">
+  <view class="yudingtouname">蔓图精品民宿</view>
+  <view class="yudingtoutext">尊享大床房(含早)</view>
+
+  <view class="yudingbot">
+    <view class="yudingbotleft">
+      <image src="/img/weizhi.png"></image>
+    </view>
+
+    <view class="weizhitext">北京市朝阳区香河园路左家庄15号院</view>
+  </view>
+</view>
+
+<view class='yuding'>
+
+
+  <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="ruzhuren">入住人:李娜</view>
+  <view class="ruzhuphone">手机号:13216599216</view>
+  <view class="ruzhubot">
+    <view class="ruzhubotleft">
+      <view class="ruzhuleftimg">
+        <image src="/img/sun_23.png"></image>
+      </view>
+      <view class='ruzhutext'>放心订 2019-08-21 18:00前可免费取消</view>
+    </view>
+  </view>
+
+
+</view>
+
+<view class="yudingsec">
+  <view class="yudingtopname">退订政策</view>
+  <view class="yudingtext">
+    因个人原因无法入住已预约酒店 1、请在48小时申请取消; 2、入住前未能取消扣除30%的保证金;如未能在订单日期14:00前取消订单 3、或未能实际入住,平台扣除全额保证金
+  </view>
+
+  <view class="yudingtopname">退订政策</view>
+  <view class="yudingtext">
+    会员预订房间需预付与该房间市场价等额的保证金,离店后,保证金原路退回您的支付宝账户。
+  </view>
+  
+</view>
+
+
+<view class="yudingbottom">
+    <view class="yudingbottomleft">
+        <view class="yudingleftname">¥1902</view>
+         <view class="yudingleftcontent">离店退还保证金</view>
+    </view>
+
+    <view class="yudingbottomright">支付保证金</view>
+</view>
+
+
+<!-- 支付保证金 -->
+
+<view class="register" wx:if="{{zhifushow}}">
+    <view class="zhifuwrap">
+        <view class="zhifuname">支付保证金</view>
+        <view class="zhifumoney">¥1902</view>
+
+        <view class="zhifutui">退房退还保证金</view>
+
+        <view class="zhifutuihuan">支付保证金</view>
+    </view>
+
+</view>
\ No newline at end of file
diff --git a/pages/yuding/yuding.wxss b/pages/yuding/yuding.wxss
new file mode 100644
index 0000000..0667bd4
--- /dev/null
+++ b/pages/yuding/yuding.wxss
@@ -0,0 +1,277 @@
+page {
+  background: #f9f9f9;
+}
+
+.yudingtou {
+  width: 750rpx;
+  height: 348rpx;
+  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
+  opacity: 1;
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  overflow: hidden;
+  position: relative;
+}
+
+.yudingtouname {
+  color: #fff;
+  font-size: 40rpx;
+  margin-top: 60rpx;
+}
+
+.yudingtoutext {
+  color: #fff;
+  font-size: 28rpx;
+  margin-top: 12rpx;
+}
+
+.yudingbotleft {
+  width: 30rpx;
+  height: 30rpx;
+  font-size: 0;
+}
+
+.weizhitext {
+  color: #fff;
+  font-size: 24rpx;
+  margin-left: 10rpx;
+}
+
+.yudingbot {
+  display: flex;
+  align-items: center;
+  margin-top: 18rpx;
+}
+
+.yuding {
+  width: 686rpx;
+  height: 400rpx;
+  background: #fff;
+  border-radius: 20rpx;
+  padding: 40rpx 60rpx;
+  box-sizing: border-box;
+  margin: 26rpx auto 0;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 16rpx 24rpx rgba(0, 0, 0, 0.02);
+  opacity: 1;
+  z-index: 33;
+  position: absolute;
+  top: 246rpx;
+  left: 32rpx;
+}
+
+.yudingsec {
+  width: 686rpx;
+  /* height: 400rpx; */
+  background: #fff;
+  border-radius: 20rpx;
+  padding: 40rpx 60rpx;
+  box-sizing: border-box;
+  margin: 0 auto 150rpx;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 16rpx 24rpx rgba(0, 0, 0, 0.02);
+  opacity: 1;
+  z-index: 33;
+  position: absolute;
+  top: 695rpx;
+  left: 32rpx;
+}
+
+.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;
+}
+
+.yudingtopleftname {
+  color: #06121e;
+  font-size: 32rpx;
+  font-weight: bold;
+  width: 158rpx;
+  display: flex;
+  align-items: center;
+}
+
+.ruzhu {
+  color: #8c9198;
+  font-size: 24rpx;
+  margin-top: 8rpx;
+  text-align: center;
+  width: 158rpx;
+}
+
+.yudingtop {
+  display: flex;
+  align-items: center;
+}
+
+.ydingname {
+  color: #333;
+}
+
+.ruzhuren {
+  color: #5b5e63;
+  font-size: 28rpx;
+  margin-top: 28rpx;
+}
+
+.ruzhuphone {
+  color: #5b5e63;
+  font-size: 28rpx;
+  margin-top: 20rpx;
+}
+
+.ruzhubot {
+  display: flex;
+  align-items: center;
+}
+
+.ruzhuleftimg {
+  width: 27rpx;
+  height: 27rpx;
+  font-size: 0;
+}
+
+.ruzhutext {
+  color: #ff5a4e;
+  font-size: 24rpx;
+  margin-left: 15rpx;
+}
+
+.ruzhubotleft {
+  display: flex;
+  align-items: center;
+  margin-top: 82rpx;
+}
+
+.yudingtext {
+  color: #8c9198;
+  font-size: 28rpx;
+  margin-top: 26rpx;
+}
+
+.yudingtopname {
+  color: #06121e;
+  font-size: 32rpx;
+  font-weight: bold;
+  margin-top: 24rpx;
+}
+
+.yudingbottom {
+  display: flex;
+  align-items: center;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 44;
+}
+
+.yudingbottomleft {
+  width: 510rpx;
+  display: flex;
+  align-items: center;
+  padding: 32rpx;
+  box-sizing: border-box;
+  background: #fff;
+}
+
+.yudingbottomright {
+  width: 240rpx;
+  padding: 36rpx 0;
+  /* height:98rpx; */
+  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
+  opacity: 1;
+  color: #fff;
+  font-size: 28rpx;
+  text-align: center;
+  box-sizing: border-box;
+}
+
+.yudingleftname {
+  color: #ff5a4e;
+  font-size: 36rpx;
+  font-weight: bold;
+}
+
+.yudingleftcontent {
+  color: #5b5e63;
+  font-size: 24rpx;
+  margin-left: 20rpx;
+}
+
+.zhifuwrap {
+  width: 622rpx;
+  height: 403rpx;
+  background: rgba(255, 255, 255, 1);
+  opacity: 1;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  padding: 30rpx 84rpx;
+  box-sizing: border-box;
+  border-radius: 16rpx;
+}
+
+.zhifuname {
+  color: #06121e;
+  font-size: 36rpx;
+  text-align: center;
+  font-weight: bold;
+}
+
+.zhifumoney {
+  color: #ff5a4e;
+  font-size: 40rpx;
+  text-align: center;
+  margin-top: 60rpx;
+}
+
+.zhifutui {
+  color: #8c9198;
+  font-size: 26rpx;
+  text-align: center;
+  margin-top: 14rpx;
+}
+
+.zhifutuihuan {
+  width: 442rpx;
+  height: 80rpx;
+  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
+  opacity: 1;
+  border-radius: 44rpx;
+  color:#fff;
+  text-align: center;
+  line-height: 80rpx;
+  margin-top:32rpx;
+}
diff --git a/pages/yudingfinish/yudingfinish.js b/pages/yudingfinish/yudingfinish.js
new file mode 100644
index 0000000..7851f4e
--- /dev/null
+++ b/pages/yudingfinish/yudingfinish.js
@@ -0,0 +1,66 @@
+// pages/yudingfinish/yudingfinish.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/yudingfinish/yudingfinish.json b/pages/yudingfinish/yudingfinish.json
new file mode 100644
index 0000000..452cd9c
--- /dev/null
+++ b/pages/yudingfinish/yudingfinish.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "预定成功"
+}
\ No newline at end of file
diff --git a/pages/yudingfinish/yudingfinish.wxml b/pages/yudingfinish/yudingfinish.wxml
new file mode 100644
index 0000000..112d004
--- /dev/null
+++ b/pages/yudingfinish/yudingfinish.wxml
@@ -0,0 +1,30 @@
+
+<view class="yudingsucehead">
+    <view class="yudingstop">
+        <view class="yudingstopleft">
+            <image src="/img/yudingfinish.png"></image>
+        </view>
+        <view class="yudingstopright">保证金支付成功,欢迎入住!</view>
+    </view>
+
+    <view class="seedetail">
+        <view class="seedetailzuo">查看详情</view>
+        <view class="seedetailyou">
+            <image src="/img/yourowrow.png"></image>
+        </view>
+    </view>
+</view>
+
+<view class="mantu">
+    <view class="mantuname">蔓图精品民宿</view>
+    <view class="mantugao">高级大床房 1间(含早)</view>
+    <view class="mantuyue">2019-08-21日 周三   至   2019-08-23日 周五</view>
+    <view class="totalwan">共2晚</view>
+
+    <view class='zongjia'>
+        <view class="zongjialeft">总价</view>
+        <view class="zongjiaright">¥1902</view>
+    </view>
+</view>
+
+<view class="backindex">返回首页</view>
\ No newline at end of file
diff --git a/pages/yudingfinish/yudingfinish.wxss b/pages/yudingfinish/yudingfinish.wxss
new file mode 100644
index 0000000..0cc5f71
--- /dev/null
+++ b/pages/yudingfinish/yudingfinish.wxss
@@ -0,0 +1,115 @@
+page {
+  background: #f4f8fb;
+}
+
+.yudingsucehead {
+  width: 750rpx;
+  height: 232rpx;
+  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
+  opacity: 1;
+  padding: 50rpx 22rpx;
+  box-sizing: border-box;
+}
+
+.yudingstop {
+  display: flex;
+  align-items: center;
+}
+
+.yudingstopleft {
+  width: 80rpx;
+  height: 80rpx;
+  font-size: 0;
+}
+
+.yudingstopright {
+  color: #fff;
+  font-size: 40rpx;
+}
+
+.seedetail {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.seedetailyou {
+  width: 12rpx;
+  height: 12rpx;
+  font-size: 0;
+}
+
+.seedetailzuo {
+  color: #fff;
+  font-size: 24rpx;
+}
+
+.mantu {
+  width: 686rpx;
+  height: 476rpx;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 16rpx 24rpx rgba(0, 0, 0, 0.02);
+  opacity: 1;
+  border-radius: 20rpx;
+  padding: 48rpx 32rpx;
+  box-sizing: border-box;
+  position: absolute;
+  top: 194rpx;
+  left: 32rpx;
+}
+
+.mantuname {
+  color: #06121e;
+  font-size: 40rpx;
+  font-weight: bold;
+}
+
+.mantugao {
+  color: #5b5e63;
+  font-size: 28rpx;
+  margin-top: 16rpx;
+}
+
+.mantuyue {
+  color: #5b5e63;
+  font-size: 28rpx;
+  margin-top: 66rpx;
+}
+
+.totalwan {
+  color: #ff5a4e;
+  font-size: 28rpx;
+  text-align: center;
+  margin-top: 32rpx;
+}
+
+.zongjia {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 60rpx;
+}
+
+.zongjialeft {
+  color: #06121e;
+  font-size: 28rpx;
+}
+
+.zongjiaright {
+  color: #ff5a4e;
+  font-size: 36rpx;
+}
+
+.backindex {
+  width: 646rpx;
+  height: 88rpx;
+  border: 1px solid rgba(140, 145, 152, 1);
+  opacity: 1;
+  border-radius: 44rpx;
+  margin:40rpx auto 0;
+  position: absolute;
+  top:710rpx;
+  left:52rpx;
+  text-align: center;
+  line-height: 88rpx;
+}
diff --git a/pages/yudingzhinan/yudingzhinan.js b/pages/yudingzhinan/yudingzhinan.js
new file mode 100644
index 0000000..4312768
--- /dev/null
+++ b/pages/yudingzhinan/yudingzhinan.js
@@ -0,0 +1,66 @@
+// pages/yudingzhinan/yudingzhinan.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/yudingzhinan/yudingzhinan.json b/pages/yudingzhinan/yudingzhinan.json
new file mode 100644
index 0000000..49c6a06
--- /dev/null
+++ b/pages/yudingzhinan/yudingzhinan.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "预定指南"
+}
\ No newline at end of file
diff --git a/pages/yudingzhinan/yudingzhinan.wxml b/pages/yudingzhinan/yudingzhinan.wxml
new file mode 100644
index 0000000..745cb89
--- /dev/null
+++ b/pages/yudingzhinan/yudingzhinan.wxml
@@ -0,0 +1,162 @@
+<view class="seecity">
+  <view class="yudingti">
+    <view class='yudingtinum'>1</view>
+    <view class="yudingtiword">查看我想去的城市可无酒店?</view>
+  </view>
+
+  <view class="questext">1、您可在“首页”页面,在搜索栏输入你想去的城市,点击(查找房源)查看在该城市合作的所以酒店</view>
+
+  <view class="searchlist">
+    <view class="searchhead">
+      <view class="searchleft">
+        <image src="/img/sousuo.png"></image>
+      </view>
+      <view class="searchname">
+        <input placeholder='请输入搜索内容' placeholder-class='entername' />
+      </view>
+    </view>
+
+    <view class="enterbox">
+      <view class="enterboxleft">
+        <view class="enterboxlist">
+          <view class="boxleft"></view>
+          <view class="boxmiddle">08月21日</view>
+          <view class="boxright">(周三入住)</view>
+        </view>
+        <view class="enterboxlist boxlistsec">
+          <view class="boxleft"></view>
+          <view class="boxmiddle">08月23日</view>
+          <view class="boxright">(周五离店)</view>
+        </view>
+      </view>
+      <view class="enterboxright">共2晚</view>
+    </view>
+
+    <view class="searchnametext">查找房源</view>
+  </view>
+
+  <view class="questext sectext">2、您可在“首页-查看全部酒店”页面,查看我们全部民宿。</view>
+
+
+
+  <view class="yutuiimg">
+    <image src="/img/sun_45.png"></image>
+  </view>
+</view>
+
+<view class="seecity">
+  <view class="yudingti">
+    <view class='yudingtinum'>2</view>
+    <view class="yudingtiword">如何收藏心仪的酒店?</view>
+  </view>
+
+  <view class="colecttext">点击酒店信息页面底部(收藏),可在(我的-我的收藏)查看你所收藏的酒店
+    <view class="colllectimg">
+      <image src="/img/sun_46.png"></image>
+    </view>
+
+    <view class="xinyiimg">
+      <image src="/img/sun_47.png"></image>
+    </view>
+
+  </view>
+</view>
+
+<view class="seecity">
+  <view class="yudingti">
+    <view class='yudingtinum'>3</view>
+    <view class="yudingtiword">如何预订房间?</view>
+  </view>
+
+  <view class="questext">1、选好心仪酒店,查看酒店所以房型,通过房型图片查看该房型详细信息</view>
+  <view class="yudingimg">
+    <image src="/img/sun_48.png"></image>
+  </view>
+
+  <view class="questext sectext">2、页面选择入住日期,向下滑动选择房型,点击房型的(免费预订)</view>
+
+  <view class="select1img">
+    <image src="/img/sun_49.png"></image>
+  </view>
+
+  <view class="select1img">
+    <image src="/img/sun_50.png"></image>
+  </view>
+
+  <view class="questext sectext">3、支付保证金</view>
+
+  <view class="zhifuimg">
+    <image src="/img/sun_51.png"></image>
+  </view>
+
+
+</view>
+
+<view class="seecity">
+  <view class="yudingti">
+    <view class='yudingtinum'>4</view>
+    <view class="yudingtiword">如何确认是否预约成功?</view>
+  </view>
+
+  <view class="questext">点击酒(我的-我的订单-待出行)查看所以已预定成功的房型</view>
+
+  <view class="yudingimg">
+    <image src="/img/sun_52.png"></image>
+  </view>
+</view>
+
+<view class="seecity">
+  <view class="yudingti">
+    <view class='yudingtinum'>5</view>
+    <view class="yudingtiword">如何办理入住</view>
+  </view>
+
+  <view class="questext">在规定时间内抵达酒店,出示会员订单及本人身份证原件即可办理入住,点击入住须知可查看入住时间,所需证件等详细信息</view>
+
+  <view class="cancelimg">
+    <image src="/img/sun_53.png"></image>
+  </view>
+
+</view>
+
+<view class="seecity">
+  <view class="yudingti">
+    <view class='yudingtinum'>6</view>
+    <view class="yudingtiword">如何取消已预订的房间?</view>
+  </view>
+
+  <view class="questext">1、点击我的-我的订单-待出行</view>
+
+  <view class="quxiaoimg">
+    <image src="/img/sun_54.png"></image>
+  </view>
+
+  <view class="questext sectext">2、点击(我的-我的订单-订单详情-取消订单)</view>
+  <view class="wnxinti">温馨提示:若因个人原因无法入住预订酒店,请务必提前48小时申请取消。如您未能48小时申请取消订单,平台将扣除30%保证金。未取消预订且未实际入住,将被扣除全部保证金</view>
+
+  <view class="quimg">
+    <image src="/img/sun_55.png"></image>
+  </view>
+</view>
+
+<view class="seecity">
+  <view class="yudingti">
+    <view class='yudingtinum'>7</view>
+    <view class="yudingtiword">保证金如何退还给我?</view>
+  </view>
+
+
+</view>
+
+<view class="seecity">
+  <view class="yudingti">
+    <view class='yudingtinum'>8</view>
+    <view class="yudingtiword">如何联系客服?</view>
+  </view>
+
+   <view class="questext">如以上内容未解决您的疑问,请点击(我的客服),客服会为您解答。</view>
+
+  <view class="kefuimg">
+      <image src="/img/sun_56.png"></image>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/yudingzhinan/yudingzhinan.wxss b/pages/yudingzhinan/yudingzhinan.wxss
new file mode 100644
index 0000000..20f3a4a
--- /dev/null
+++ b/pages/yudingzhinan/yudingzhinan.wxss
@@ -0,0 +1,234 @@
+page{
+  background: #F9F9F9
+}
+.yudingtinum{
+  width:40rpx;
+  height:40rpx;
+  background: #FF5A4E;
+  color:#fff;
+  font-size: 28rpx;
+  text-align: center;
+  line-height: 40rpx;
+  border-radius: 8rpx;
+}
+.seecity{
+  width:686rpx;
+  margin:24rpx auto 0;
+  background: #fff;
+  padding: 42rpx 30rpx;
+  box-sizing: border-box
+
+}
+.yudingti{
+  display:flex;
+  align-items: center
+}
+.yudingtiword{
+  color:#06121E;
+  font-size: 32rpx;
+  font-weight: bold;
+  margin-left:20rpx;
+}
+.questext{
+  color:#5B5E63;
+  font-size: 28rpx;
+  margin-top:72rpx;
+
+
+}
+
+.searchlist {
+  padding-bottom: 40rpx;
+}
+
+.searchleft {
+  width: 28rpx;
+  height: 28rpx;
+  font-size: 0;
+}
+
+.searchhead {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 22rpx 92rpx;
+  box-sizing: border-box;
+  border-bottom: 1rpx solid #f5f5f5;
+}
+
+.searchname {
+  margin-left: 12rpx;
+  color: #06121e;
+  font-size: 28rpx;
+}
+
+.entername {
+  color: #06121e;
+  font-size: 28rpx;
+}
+
+.boxleft {
+  width: 16rpx;
+  height: 16rpx;
+  border-radius: 50%;
+  background: #ff5a4e;
+}
+
+.enterboxlist {
+  display: flex;
+  align-items: center;
+  padding: 28rpx 0;
+  box-sizing: border-box;
+  border-bottom: 1rpx solid #f5f5f5;
+}
+
+.enterbox {
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.enterboxleft {
+  width: 465rpx;
+}
+
+.boxmiddle {
+  color: #06121e;
+  font-size: 36rpx;
+  margin-left: 30rpx;
+}
+
+.boxright {
+  color: #8c9198;
+  font-size: 24rpx;
+  margin-left: 8rpx;
+}
+
+.enterboxright {
+  color: #ff5a4e;
+  font-size: 24rpx;
+}
+
+.searchnametext {
+  color: #fff;
+  font-size: 32rpx;
+  width: 618rpx;
+  height: 88rpx;
+  background: linear-gradient(90deg, rgba(255, 114, 113, 1) 0%, rgba(255, 122, 120, 1) 13%, rgba(252, 172, 165, 1) 100%, rgba(255, 194, 82, 1) 100%);
+  box-shadow: 0px 8rpx 16rpx rgba(253, 164, 158, 0.3);
+  opacity: 1;
+  border-radius: 44rpx;
+  margin: 0 auto;
+  text-align: center;
+  line-height: 88rpx;
+  margin-top: 20rpx;
+}
+.sectext{
+  margin-top:20rpx;
+}
+
+.chengshihead {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top:40rpx;
+}
+
+.chengshiright {
+  display: flex;
+  align-items: center;
+}
+
+.chengshileft {
+  color: #06121e;
+  font-size: 36rpx;
+  font-weight: bold;
+}
+
+.rightname {
+  color: #06121e;
+  font-size: 28rpx;
+}
+
+.rihghtimg {
+  width: 22rpx;
+  height: 22rpx;
+  font-size: 0;
+  margin-left: 20rpx;
+}
+.yutuiimg{
+  width:625rpx;
+  height:158rpx;
+  font-size: 0;
+  margin-top:12rpx;
+}
+.colecttext{
+  color:#5B5E63;
+  font-size: 28rpx;
+  margin-top:72rpx;
+}
+.colllectimg{
+  width:661rpx;
+  height:118rpx;
+  font-size: 0;
+  margin-top:4rpx;
+}
+.xinyiimg{
+  width:626rpx;
+  height:290rpx;
+  font-size: 0;
+  margin-top:12rpx;
+}
+.yudingimg{
+  width:626rpx;
+  height:470rpx;
+  font-size:0;
+  margin-top:4rpx;
+}
+.select1img{
+  width:661rpx;
+  height:190rpx;
+  font-size:0
+}
+.zhifuimg{
+  width:661rpx;
+  height:468rpx;
+  font-size: 0;
+  margin-top:12rpx;
+}
+.yudingimg{
+  width:626rpx;
+  height:270rpx;
+  font-size: 0;
+  margin-top:8rpx;
+}
+.cancelimg{
+  width:626rpx;
+  height:100rpx;
+  font-size: 0;
+  margin-top:8rpx;
+}
+.quxiaoimg{
+  width:626rpx;
+  height:270rpx;
+  font-size:0;
+  margin-top:12rpx;
+}
+.wnxinti{
+  color:#5B5E63;
+  font-size:28rpx;
+  margin-top:10rpx;
+}
+.quimg{
+  width:626rpx;
+  height:98rpx;
+  font-size:0
+}
+.kefuimg{
+  width:626rpx;
+  height:288rpx;
+  font-size: 0;
+  margin-top:24rpx;
+}
diff --git a/pages/zhucexieyi/zhucexieyi.js b/pages/zhucexieyi/zhucexieyi.js
new file mode 100644
index 0000000..85c7423
--- /dev/null
+++ b/pages/zhucexieyi/zhucexieyi.js
@@ -0,0 +1,66 @@
+// pages/zhucexieyi/zhucexieyi.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/zhucexieyi/zhucexieyi.json b/pages/zhucexieyi/zhucexieyi.json
new file mode 100644
index 0000000..06176f9
--- /dev/null
+++ b/pages/zhucexieyi/zhucexieyi.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "注册协议"
+}
\ No newline at end of file
diff --git a/pages/zhucexieyi/zhucexieyi.wxml b/pages/zhucexieyi/zhucexieyi.wxml
new file mode 100644
index 0000000..0527f0c
--- /dev/null
+++ b/pages/zhucexieyi/zhucexieyi.wxml
@@ -0,0 +1,4 @@
+<view class="xieyiname">
+    <view class="xieyinametop">注册协议</view>
+    <view class="xieyicontent">[审慎阅读]您在申请购买守麦流程中点击同意本协议之 前,应当认真阅读本协议。请您务必审慎阅读、充分理解 条款内容,特别是免除或限制责任的条款、法律适用和争 议解决条款。免除或者限制责任的条款将以粗体下划线标 识,您应重点阅读。如你对协议有任何疑问,请联系守麦 小程序平台客服。 [签约动作]当您按照签约页面提示填写信息、阅读并同, 意本协议且完成全部购买守麦程序后,即表示您已充分阅 读、理解并接受本协议的全部内容,并与守麦达成-致, 成为“守麦会员”。阅读本协议的过程中,如果您不同意 本协议或其中任何条款约定,您应立即停止购买流程。 守麦会员服务协议 最新版本生效时间: 2019年09月10日 导言 本协议是守麦会员与杭州守麦网络科技有限公司(下 称“守麦”)之间关于您成为守麦会员及使用守麦提供的 会员服务(下称“会员服务”)所订立的有效契约,具有 法律效力。“ 会员服务”是指守麦为守麦会员提供的会员, 权益;“守麦会员” 是指完成了成为守麦会员的所有程序 且在会员服务期限内遵守相关服务使用规则下享受守麦会 员服务的自然人。 守麦已经以标粗体下划线或其他合理方式提示您重点 阅读协议中与您的权益(可能)存在重大关系的条款(包括</view>
+</view>
\ No newline at end of file
diff --git a/pages/zhucexieyi/zhucexieyi.wxss b/pages/zhucexieyi/zhucexieyi.wxss
new file mode 100644
index 0000000..b850d9d
--- /dev/null
+++ b/pages/zhucexieyi/zhucexieyi.wxss
@@ -0,0 +1,15 @@
+.xieyinametop{
+  color:#06121E;
+  font-size: 28rpx;
+  text-align: center;
+  margin-top:34rpx;
+}
+.xieyicontent{
+  color:#06121E;
+  font-size: 28rpx;
+  
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  margin-top:78rpx;
+  margin-bottom:40rpx;
+}
\ No newline at end of file
diff --git a/project.config.json b/project.config.json
new file mode 100644
index 0000000..2d5a18f
--- /dev/null
+++ b/project.config.json
@@ -0,0 +1,43 @@
+{
+	"description": "项目配置文件",
+	"packOptions": {
+		"ignore": []
+	},
+	"setting": {
+		"urlCheck": false,
+		"es6": true,
+		"postcss": true,
+		"minified": true,
+		"newFeature": true,
+		"autoAudits": false,
+		"checkInvalidKey": true
+	},
+	"compileType": "miniprogram",
+	"libVersion": "2.8.3",
+	"appid": "wx1f51f42105b63343",
+	"projectname": "wineshopyuyue",
+	"debugOptions": {
+		"hidedInDevtools": []
+	},
+	"isGameTourist": false,
+	"simulatorType": "wechat",
+	"simulatorPluginLibVersion": {},
+	"condition": {
+		"search": {
+			"current": -1,
+			"list": []
+		},
+		"conversation": {
+			"current": -1,
+			"list": []
+		},
+		"game": {
+			"currentL": -1,
+			"list": []
+		},
+		"miniprogram": {
+			"current": -1,
+			"list": []
+		}
+	}
+}
\ No newline at end of file
diff --git a/sitemap.json b/sitemap.json
new file mode 100644
index 0000000..ca02add
--- /dev/null
+++ b/sitemap.json
@@ -0,0 +1,7 @@
+{
+  "desc": "关于本文件的更多信息,请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
+  "rules": [{
+  "action": "allow",
+  "page": "*"
+  }]
+}
\ No newline at end of file
diff --git a/utils/util.js b/utils/util.js
new file mode 100644
index 0000000..dbadbb8
--- /dev/null
+++ b/utils/util.js
@@ -0,0 +1,19 @@
+const formatTime = date => {
+  const year = date.getFullYear()
+  const month = date.getMonth() + 1
+  const day = date.getDate()
+  const hour = date.getHours()
+  const minute = date.getMinutes()
+  const second = date.getSeconds()
+
+  return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
+}
+
+const formatNumber = n => {
+  n = n.toString()
+  return n[1] ? n : '0' + n
+}
+
+module.exports = {
+  formatTime: formatTime
+}
--
libgit2 0.24.0