易宿酒店预订平台用户端

项目介绍

易宿酒店预订平台用户端是一个基于 Taro 框架开发的跨端酒店预订应用，支持微信小程序、H5 等多个平台。

技术栈

• React + Taro 4.1.11
• TypeScript
• SCSS
• NutUI 3.0.18
• React Context API
• dayjs

功能特性

• 📍 位置定位与城市切换
• 🔍 酒店搜索（位置/品牌/名称）
• 📅 日期选择（入住/离店）
• ⭐ 价格与星级筛选
• 📱 酒店列表展示
• 🏨 酒店详情查看
• 🌐 跨端支持（微信小程序/H5）

快速开始

环境要求

• Node.js 14.0+
• pnpm 6.0+
• Taro CLI 4.1.11+

安装依赖

pnpm install

开发运行

# 微信小程序
pnpm run dev:weapp

# H5
pnpm run dev:h5

# React Native
pnpm run dev:rn

构建生产版本

# 微信小程序
pnpm run build:weapp

# H5
pnpm run build:h5

# React Native
pnpm run build:rn

项目结构

yisutrip-user/
├── config/           # 配置文件
├── src/              # 源代码
│   ├── apis/         # API 调用
│   ├── assets/       # 静态资源
│   ├── components/   # 公共组件
│   ├── pages/        # 页面
│   ├── store/        # 状态管理
│   ├── types/        # 类型定义
│   ├── utils/        # 工具函数
│   └── app.tsx       # 应用入口
├── types/            # 全局类型定义
└── package.json      # 项目依赖和脚本

主要页面

• 首页：轮播图、位置定位、搜索、日期选择、筛选
• 酒店列表页：酒店列表展示、下拉刷新、上拉加载
• 酒店详情页：酒店信息、图片轮播、设施服务、周边环境
• 搜索页：搜索历史、热门推荐、搜索结果
• 日期选择页：日历选择、价格显示

核心组件

• DateSelectView：日期选择组件
• LocationButton：位置选择按钮
• RoomLevelPopup：价格星级选择弹窗

许可证

MIT License

---

易宿酒店预订平台 - 让酒店预订更简单