no message

pages.json

@@ -23,11 +23,41 @@
 				"navigationBarTitleText": "精品套餐",
 				"enablePullDownRefresh": false
 			}
+		}, {
+			"path": "pages/set/set",
+			"style": {
+				"navigationBarTitleText": "设置",
+				"enablePullDownRefresh": false
+			}
+		}, {
+			"path": "pages/common/common",
+			"style": {
+				"navigationBarTitleText": "常用旅客",
+				"enablePullDownRefresh": false
+			}
+		}, {
+			"path": "pages/addOrEdit/addOrEdit",
+			"style": {
+				"navigationBarTitleText": "添加旅客",
+				"enablePullDownRefresh": false
+			}
+		}, {
+			"path": "pages/orderManage/orderManage",
+			"style": {
+				"navigationBarTitleText": "订单",
+				"enablePullDownRefresh": false
+			}
+		}, {
+			"path": "pages/detail/detail",
+			"style": {
+				"navigationBarTitleText": "民宿详情",
+				"enablePullDownRefresh": false
+			}
 		}
 	],
 	"tabBar": {
 		"color": "#A6A6A6",
-		"selectedColor": "#1E7DFB",
+		"selectedColor": "#096562",
 		"borderStyle": "black",
 		"backgroundColor": "#ffffff",
 		"list": [{
@@ -35,18 +65,19 @@
 				"iconPath": "static/images/index.png",
 				"selectedIconPath": "static/images/index-active.png",
 				"text": "首页"
-			}, {
-				"pagePath": "pages/setMeal/setMeal",
-				"iconPath": "static/images/setMeal.png",
-				"selectedIconPath": "static/images/setMeal-active.png",
-				"text": "套餐"
-			},
-			{
-				"pagePath": "pages/search/search",
-				"iconPath": "static/images/search.png",
-				"selectedIconPath": "static/images/search-active.png",
-				"text": "服务"
 			},
+			// {
+			// 	"pagePath": "pages/setMeal/setMeal",
+			// 	"iconPath": "static/images/setMeal.png",
+			// 	"selectedIconPath": "static/images/setMeal-active.png",
+			// 	"text": "套餐"
+			// },
+			// {
+			// 	"pagePath": "pages/search/search",
+			// 	"iconPath": "static/images/search.png",
+			// 	"selectedIconPath": "static/images/search-active.png",
+			// 	"text": "服务"
+			// },
 			{
 				"pagePath": "pages/my/my",
 				"iconPath": "static/images/my.png",

pages/addOrEdit/addOrEdit.vue

@@ -0,0 +1,125 @@
+<template>
+	<view class="container">
+		<view class="box">
+			<view class="body">
+				<!-- 姓名区域 -->
+				<view class="body_box">
+					<view class="body_box_key">姓名</view>
+					<view class="body_box_value">
+						<input class="input" type="text" placeholder="请输入姓名" v-model="name" />
+					</view>
+				</view>
+
+				<!-- 身份证号区域 -->
+				<view class="body_box">
+					<view class="body_box_key">身份证号</view>
+					<view class="body_box_value">
+						<input class="input" type="text" placeholder="请输入身份证号" v-model="identity" />
+					</view>
+				</view>
+
+				<!-- 联系电话区域 -->
+				<view class="body_box">
+					<view class="body_box_key">联系电话</view>
+					<view class="body_box_value">
+						<input class="input" type="text" placeholder="请输入联系电话" v-model="phone" />
+					</view>
+				</view>
+			</view>
+
+			<view class="btn">确定</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			// 姓名
+			name: '',
+			// 身份证号
+			identity: '',
+			// 电话
+			phone: ''
+		}
+	},
+	onLoad(options) {
+		// console.log(options)
+		if (options.type === '2') {
+			// 编辑状态
+			const info = JSON.parse(options.info)
+			this.name = info.name
+			this.identity = info.identity
+			this.phone = info.phone
+			uni.setNavigationBarTitle({
+				title: '编辑旅客'
+			})
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f2f2f2;
+
+	.box {
+		margin-top: 20rpx;
+		height: calc(100vh - 20rpx);
+		background-color: #fff;
+
+		.body {
+			box-sizing: border-box;
+			padding: 0 20rpx;
+			height: calc(100vh - 236rpx);
+			background-color: #fff;
+
+			.body_box {
+				display: flex;
+				align-items: center;
+				margin-top: 30rpx;
+				height: 80rpx;
+
+				.body_box_key {
+					width: 152rpx;
+					color: #808080;
+					font-size: 28rpx;
+				}
+
+				.body_box_value {
+					display: flex;
+					align-items: center;
+					box-sizing: border-box;
+					padding: 0 28rpx;
+					width: 559rpx;
+					height: 80rpx;
+					font-size: 28rpx;
+					border-radius: 15rpx;
+					background-color: #f2f2f2;
+
+					.input {
+						width: 100%;
+					}
+				}
+			}
+		}
+
+		.btn {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			margin: 45rpx auto;
+			width: 710rpx;
+			height: 96rpx;
+			font-size: 32rpx;
+			border-radius: 64rpx;
+			color: #fff;
+			background-color: #096562;
+		}
+	}
+}
+</style>

pages/common/common.vue

@@ -0,0 +1,199 @@
+<template>
+	<view class="container">
+		<!-- 旅客列表区域 -->
+		<view class="list">
+			<!-- 每一个旅客区域 -->
+			<uni-swipe-action>
+				<uni-swipe-action-item v-for="item in list" :key="item.id">
+					<!-- 右侧选项内容区域 -->
+					<template v-slot:right>
+						<view class="list_item_right">
+							<!-- 编辑按钮区域 -->
+							<view class="list_item_right_box edit" @click="handleClickEdit(item)">
+								<img class="img" src="../../static/my/edit.png" />
+							</view>
+							<!-- 删除按钮区域 -->
+							<view class="list_item_right_box delete" @click="handleClickDelete(item)">
+								<img class="img" src="../../static/my/delete.png" />
+							</view>
+						</view>
+					</template>
+
+					<view class="list_item">
+						<view class="item_box">
+							<view class="box_key">姓名</view>
+							<view class="box_value">{{ item.name }}</view>
+						</view>
+						<view class="item_box">
+							<view class="box_key">身份证号</view>
+							<view class="box_value">{{ item.identity }}</view>
+						</view>
+						<view class="item_box">
+							<view class="box_key">联系电话</view>
+							<view class="box_value">{{ item.phone }}</view>
+						</view>
+					</view>
+				</uni-swipe-action-item>
+			</uni-swipe-action>
+		</view>
+
+		<!-- 添加按钮区域 -->
+		<view class="btn" @click="handleClickAdd">添加</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			list: [
+				{
+					id: 1,
+					name: '张三',
+					identity: '360730199603164895',
+					phone: '13677985689'
+				},
+				{
+					id: 2,
+					name: '李四',
+					identity: '360730199603164895',
+					phone: '13677985689'
+				},
+				{
+					id: 3,
+					name: '王五',
+					identity: '360730199603164895',
+					phone: '13677985689'
+				},
+				{
+					id: 4,
+					name: '老六',
+					identity: '360730199603164895',
+					phone: '13677985689'
+				},
+				{
+					id: 5,
+					name: '剑八',
+					identity: '360730199603164895',
+					phone: '13677985689'
+				}
+			]
+		}
+	},
+	methods: {
+		// 右侧选项内容编辑按钮回调
+		handleClickEdit(item) {
+			// console.log(item)
+			const info = JSON.stringify(item)
+			uni.navigateTo({
+				url: `/pages/addOrEdit/addOrEdit?type=2&info=${info}`
+			})
+		},
+		// 右侧选项内容删除按钮回调
+		handleClickDelete(item) {
+			console.log(item)
+			uni.showModal({
+				title: '提示',
+				content: `确定删除${item.name}吗？`,
+				success: (res) => {
+					if (res.confirm) {
+						uni.showToast({
+							title: '删除成功',
+							icon: 'success'
+						})
+					}
+				}
+			})
+		},
+		// 添加按钮回调
+		handleClickAdd() {
+			uni.navigateTo({
+				url: '/pages/addOrEdit/addOrEdit?type=1'
+			})
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+	box-sizing: border-box;
+	padding: 0 20rpx;
+	height: 100vh;
+	background-color: #ebeced;
+
+	.list {
+		height: calc(100vh - 186rpx);
+		overflow-y: auto;
+
+		.list_item_right {
+			display: flex;
+			margin-top: 20rpx;
+			width: 252rpx;
+			height: 236rpx;
+
+			.list_item_right_box {
+				flex: 1;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+
+				.img {
+					width: 50rpx;
+					height: 50rpx;
+				}
+			}
+
+			.edit {
+				background-color: #096562;
+			}
+
+			.delete {
+				background-color: #d43030;
+			}
+		}
+
+		.list_item {
+			display: flex;
+			flex-direction: column;
+			box-sizing: border-box;
+			margin-top: 20rpx;
+			padding-left: 27rpx;
+			width: 710rpx;
+			height: 236rpx;
+			opacity: 0.9;
+			border-radius: 15rpx;
+			background-color: #fff;
+
+			.item_box {
+				flex: 1;
+				display: flex;
+				align-items: center;
+				font-size: 28rpx;
+
+				.box_key {
+					width: 120rpx;
+					color: #808080;
+				}
+
+				.box_value {
+					margin-left: 30rpx;
+				}
+			}
+		}
+	}
+
+	.btn {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin: 45rpx 0;
+		width: 710rpx;
+		height: 96rpx;
+		font-size: 32rpx;
+		border-radius: 64rpx;
+		color: #fff;
+		background-color: #096562;
+	}
+}
+</style>

pages/detail/detail.vue

@@ -0,0 +1,226 @@
+<template>
+	<view class="container">
+		<!-- 顶部民宿图片区域 -->
+		<view class="banner">
+			<img class="img" src="../../static/index/banner.png" />
+
+			<view class="slogan">
+				<img src="../../static/index/slogan.png" />
+			</view>
+		</view>
+
+		<!-- 民宿详细信息区域 -->
+		<view class="detail">
+			<view class="detail_name">民宿名称</view>
+
+			<view class="detail_info">
+				<view class="info_left">2021年装修|2023年开业</view>
+				<view class="info_right">
+					设施/详情
+					<img src="../../static/index/right.png" />
+				</view>
+			</view>
+
+			<view class="detail_group">
+				<view class="group_item">
+					<img src="../../static/index/meeting.png" />
+					会议室
+				</view>
+				<view class="group_item">
+					<img src="../../static/index/brekker.png" />
+					含早
+				</view>
+				<view class="group_item">
+					<img src="../../static/index/parking.png" />
+					免费停车场
+				</view>
+			</view>
+
+			<view class="address">
+				<view class="address_left">宜春市靖安县北高速路口什么路899号</view>
+				<view class="address_right">
+					<view class="right_box">
+						<img src="../../static/index/map.png" />
+					</view>
+					<view class="right_box">
+						<img src="../../static/index/phone.png" />
+					</view>
+				</view>
+			</view>
+
+			<view class="distance">距离我520km</view>
+		</view>
+
+		<!-- 房型信息区域 -->
+		<view class="body">
+			<view class="body_header">123</view>
+			<view class="body_content">456</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {}
+	},
+	onLoad(options) {
+		// console.log(JSON.parse(options.info))
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+	display: flex;
+	flex-direction: column;
+	position: relative;
+	min-height: 100vh;
+	background-color: #ebeced;
+
+	.banner {
+		position: relative;
+		margin-top: 20rpx;
+		width: 750rpx;
+		height: 422rpx;
+
+		.img {
+			width: 100%;
+			height: 100%;
+		}
+
+		.slogan {
+			position: absolute;
+			top: 0;
+			left: 0;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			width: 163rpx;
+			height: 60rpx;
+			background-color: rgba(255, 255, 255, 0.4);
+
+			img {
+				width: 125rpx;
+				height: 44rpx;
+			}
+		}
+	}
+
+	.detail {
+		position: absolute;
+		top: 265rpx;
+		left: 20rpx;
+		box-sizing: border-box;
+		padding: 0 30rpx;
+		width: 710rpx;
+		height: 254rpx;
+		border-radius: 10rpx;
+		background-color: #fff;
+
+		.detail_name {
+			margin-top: 25rpx;
+			font-size: 34rpx;
+			font-weight: bold;
+		}
+
+		.detail_info {
+			display: flex;
+			justify-content: space-between;
+			margin-top: 10rpx;
+
+			.info_left {
+				color: #999999;
+				font-size: 20rpx;
+			}
+
+			.info_right {
+				display: flex;
+				align-items: center;
+				color: #096562;
+				font-size: 24rpx;
+
+				img {
+					margin-left: 6rpx;
+					width: 10rpx;
+					height: 20rpx;
+				}
+			}
+		}
+
+		.detail_group {
+			display: flex;
+			flex-wrap: wrap;
+			margin-top: 5rpx;
+
+			.group_item {
+				display: flex;
+				align-items: center;
+				margin-right: 10rpx;
+				color: #999999;
+				font-size: 20rpx;
+
+				img {
+					margin-right: 5rpx;
+					width: 22rpx;
+					height: 22rpx;
+				}
+			}
+		}
+
+		.address {
+			display: flex;
+			justify-content: space-between;
+			margin-top: 8rpx;
+			font-size: 28rpx;
+			font-weight: bold;
+
+			.address_left {
+				width: 480rpx;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
+			.address_right {
+				display: flex;
+
+				.right_box {
+					margin-left: 28rpx;
+					width: 50rpx;
+					height: 78rpx;
+
+					img {
+						width: 100%;
+						height: 100%;
+					}
+				}
+			}
+		}
+
+		.distance {
+			margin-top: -35rpx;
+			color: #999999;
+			font-size: 24rpx;
+		}
+	}
+
+	.body {
+		position: absolute;
+		top: 539rpx;
+		left: 20rpx;
+		width: 710rpx;
+		border-radius: 10rpx;
+		background-color: #fff;
+
+		.body_header {
+			height: 150rpx;
+			border-radius: 10rpx 10rpx 0 0;
+			background-color: skyblue;
+		}
+
+		.body_content {
+		}
+	}
+}
+</style>

pages/index/index.vue

@@ -2,53 +2,39 @@
 	<view class="container">
 		<!-- 搜索框区域 -->
 		<uv-row custom-style="margin: 10px 0px" gutter="10">
-			<uv-col span="12">
-				<view class="search">
-					<view class="add">
-						<image class="img" src="../../static/index/add.png" mode="aspectFit"></image>
-					</view>
-					<input class="inp" type="text" v-model="keywords" placeholder="请输入关键字搜索" />
-					<view class="btnSearch" @click="searchHandler()">搜索</view>
+			<view class="address">
+				<view class="">靖安县</view>
+				<img src="../../static/index/bottom.png" />
+			</view>
+
+			<view class="search">
+				<view class="add">
+					<image class="img" src="../../static/index/search.png" mode="aspectFit"></image>
 				</view>
-			</uv-col>
+				<input class="inp" type="text" v-model="keywords" placeholder="请输入关键字搜索" />
+				<view class="btnSearch" @click="searchHandler()">搜索</view>
+			</view>
 		</uv-row>
 
 		<!-- 名宿列表区域 -->
-		<uv-row justify="space-between" gutter="10">
-			<uv-col span="6">
-				<view class="item">
-					<image class="item-img" src="../../static/search/img.png" mode="scaleToFill"></image>
-					<view class="descrition">
-						<text class="title">双溪镇抱朴小院</text>
-						<view class="detail">
-							<view class="price">
-								<text class="txt1">¥180</text>
-								<text class="txt2">起</text>
-							</view>
-							<text class="score">5.0分</text>
-						</view>
-					</view>
-				</view>
-			</uv-col>
-			<uv-col span="6">
-				<view class="item">
-					<image class="item-img" src="../../static/search/img.png" mode="scaleToFill"></image>
-					<view class="descrition">
-						<text class="title">双溪镇抱朴小院</text>
-						<view class="detail">
-							<view class="price">
-								<text class="txt1">¥180</text>
-								<text class="txt2">起</text>
-							</view>
-							<text class="score">5.0分</text>
+		<view class="body">
+			<!-- 每一个名宿区域 -->
+			<view class="item" v-for="item in hotelList" :key="item.id" @click="goPageDetail(item)">
+				<image class="item-img" :src="item.imgUrl" mode="scaleToFill"></image>
+				<view class="descrition">
+					<text class="title">{{ item.hotelName }}</text>
+					<text class="type">{{ item.type }}</text>
+					<text class="distance">距您直线{{ item.distance }}公里</text>
+					<view class="detail">
+						<img class="img" src="../../static/index/hotel.png" />
+						<view class="price">
+							<text class="txt1">¥{{ item.price }}</text>
+							<text class="txt2">起</text>
 						</view>
+						<!-- <text class="score">5.0分</text> -->
 					</view>
 				</view>
-			</uv-col>
-		</uv-row>
-
-		<view class="main">
-			<view class="content"></view>
+			</view>
 		</view>
 	</view>
 </template>
@@ -57,13 +43,66 @@
 export default {
 	data() {
 		return {
-			keywords: ''
+			// 搜索框绑定数据
+			keywords: '',
+			// 名宿列表数组
+			hotelList: [
+				{
+					id: 1,
+					imgUrl: '../../static/search/img.png',
+					hotelName: '双溪镇抱朴小院',
+					type: '舒适型',
+					distance: '3.2',
+					price: 180
+				},
+				{
+					id: 2,
+					imgUrl: '../../static/search/img.png',
+					hotelName: '幸福乡宿',
+					type: '舒适型',
+					distance: '3.2',
+					price: 190
+				},
+				{
+					id: 3,
+					imgUrl: '../../static/search/img.png',
+					hotelName: '健康乡宿',
+					type: '舒适型',
+					distance: '3.2',
+					price: 150
+				},
+				{
+					id: 4,
+					imgUrl: '../../static/search/img.png',
+					hotelName: '开心乡宿',
+					type: '舒适型',
+					distance: '3.2',
+					price: 180
+				},
+				{
+					id: 5,
+					imgUrl: '../../static/search/img.png',
+					hotelName: '快乐乡宿',
+					type: '舒适型',
+					distance: '3.2',
+					price: 280
+				}
+			]
 		}
 	},
 	onLoad() {},
 	methods: {
+		// 搜索按钮点击回调
 		searchHandler() {
 			console.log(this.keywords)
+		},
+		// 点击每一个名宿卡片回调
+		goPageDetail(item) {
+			// console.log(item)
+			const info = JSON.stringify(item)
+			uni.navigateTo({
+				url: `/pages/detail/detail?info=${info}`
+			})
 		}
 	}
 }
@@ -73,19 +112,31 @@ export default {
 .container {
 	display: flex;
 	flex-direction: column;
-	align-items: center;
 	width: 750rpx;
+	padding: 0 30rpx;
 	box-sizing: border-box;
+	background-color: #ebeced;
+
+	.address {
+		display: flex;
+		width: 152rpx;
+		font-size: 28rpx;
+
+		img {
+			width: 48rpx;
+			height: 48rpx;
+		}
+	}
 
 	.search {
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
-		width: 700rpx;
-		height: 70rpx;
+		width: 538rpx;
+		height: 80rpx;
 		opacity: 1;
 		border-radius: 70px;
-		border: 1px solid rgba(30, 125, 251, 1);
+		background-color: #fff;
 
 		.add {
 			display: flex;
@@ -97,7 +148,6 @@ export default {
 			height: 60rpx;
 			line-height: 60rpx;
 			color: rgba(30, 125, 251, 1);
-			border-right: 1px solid #ddd;
 
 			.img {
 				width: 30rpx;
@@ -109,7 +159,7 @@ export default {
 			height: 60rpx;
 			line-height: 60rpx;
 			flex-grow: 1;
-			padding-left: 20rpx;
+			font-size: 28rpx;
 		}
 
 		.btnSearch {
@@ -119,68 +169,92 @@ export default {
 			height: 60rpx;
 			line-height: 60rpx;
 			opacity: 1;
-			font-size: 32rpx;
+			font-size: 28rpx;
 			font-weight: 400;
 			height: 2rem;
-			color: rgba(30, 125, 251, 1);
+			color: #096562;
 		}
 	}
 
-	.item {
-		width: 340rpx;
-		box-sizing: border-box;
-		margin-bottom: 20rpx;
+	.body {
+		display: flex;
+		justify-content: space-between;
+		flex-wrap: wrap;
 
-		.item-img {
-			width: 100%;
-			height: 350rpx;
-			border-radius: 18rpx 18rpx 0 0;
+		.item {
+			width: 335rpx;
 			box-sizing: border-box;
-		}
+			margin-bottom: 20rpx;
 
-		.descrition {
-			display: flex;
-			flex-direction: column;
-			width: 100%;
-			border-radius: 0 0 18rpx 18rpx;
-			box-sizing: border-box;
-			background: rgba(255, 255, 255, 1);
-			margin-top: -10rpx;
-
-			.title {
-				font-size: 28rpx;
-				font-weight: 500;
-				padding: 20rpx 20rpx 10rpx;
-				color: rgba(0, 0, 0, 1);
+			.item-img {
+				width: 100%;
+				height: 223rpx;
+				border-radius: 18rpx 18rpx 0 0;
+				box-sizing: border-box;
 			}
 
-			.detail {
+			.descrition {
 				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-				padding: 0 20rpx 20rpx 20rpx;
-				color: rgba(0, 0, 0, 1);
-
-				.price {
-					.txt1 {
-						font-size: 36rpx;
-						font-weight: 500;
-						color: rgba(255, 87, 51, 1);
+				flex-direction: column;
+				width: 100%;
+				border-radius: 0 0 18rpx 18rpx;
+				box-sizing: border-box;
+				background: rgba(255, 255, 255, 1);
+				margin-top: -10rpx;
+
+				.title {
+					font-size: 28rpx;
+					font-weight: 600;
+					padding: 20rpx 20rpx 10rpx;
+					color: rgba(0, 0, 0, 1);
+				}
+
+				.type {
+					padding: 5rpx 20rpx;
+					font-size: 24rpx;
+					color: #a6a6a6;
+				}
+
+				.distance {
+					padding: 10rpx 20rpx;
+					font-size: 24rpx;
+					color: #a6a6a6;
+				}
+
+				.detail {
+					display: flex;
+					flex-direction: row;
+					justify-content: space-between;
+					align-items: center;
+					padding: 0 20rpx 20rpx 20rpx;
+					color: rgba(0, 0, 0, 1);
+
+					.img {
+						width: 40rpx;
+						height: 40rpx;
+					}
+
+					.price {
+						.txt1 {
+							font-size: 36rpx;
+							font-weight: 600;
+							color: rgba(255, 87, 51, 1);
+						}
+
+						.txt2 {
+							font-size: 24rpx;
+							font-weight: 400;
+							color: #a6a6a6;
+						}
 					}
 
-					.txt2 {
+					.score {
 						font-size: 24rpx;
 						font-weight: 400;
-						color: rgba(255, 87, 51, 1);
+						padding-top: 10rpx;
+						color: rgba(166, 166, 166, 1);
 					}
 				}
-
-				.score {
-					font-size: 24rpx;
-					font-weight: 400;
-					padding-top: 10rpx;
-					color: rgba(166, 166, 166, 1);
-				}
 			}
 		}
 	}

pages/my/my.vue

@@ -1,13 +1,170 @@
 <template>
-	<view>my</view>
+	<view class="container">
+		<!-- 顶部用户信息区域 -->
+		<view class="header">
+			<img src="../../static/my/headerImg.png" />
+			<!-- 头像区域 -->
+			<img class="img" src="../../static/my/portrait.png" />
+
+			<!-- 姓名区域 -->
+			<view class="name">张三</view>
+			<!-- 用户id区域 -->
+			<view class="number">ID：1925689</view>
+			<!-- 是否实名认证区域 -->
+			<view class="real">
+				<img src="../../static/my/true.png" />
+				已实名认证
+			</view>
+		</view>
+
+		<!-- 内容区域 -->
+		<view class="body">
+			<!-- 订单管理区域 -->
+			<view class="body_item" @click="goPageOrder">
+				<img class="img" src="../../static/my/order.png" />
+				订单管理
+			</view>
+
+			<!-- 常用旅客区域 -->
+			<view class="body_item" @click="goPageCommon">
+				<img class="img2" src="../../static/my/people.png" />
+				常用旅客
+			</view>
+
+			<!-- 设置区域 -->
+			<view class="body_item" @click="goPageSet">
+				<img class="img3" src="../../static/my/set.png" />
+				设置
+			</view>
+		</view>
+	</view>
 </template>
 
 <script>
 export default {
 	data() {
 		return {}
+	},
+	methods: {
+		// 点击订单管理按钮回调
+		goPageOrder() {
+			uni.navigateTo({
+				url: '/pages/orderManage/orderManage'
+			})
+		},
+		// 点击常用旅客按钮回调
+		goPageCommon() {
+			uni.navigateTo({
+				url: '/pages/common/common'
+			})
+		},
+		// 点击设置按钮回调
+		goPageSet() {
+			uni.navigateTo({
+				url: '/pages/set/set'
+			})
+		}
 	}
 }
 </script>
 
-<style lang="scss"></style>
+<style lang="scss" scoped>
+.container {
+	position: relative;
+	min-height: 100vh;
+	background-color: #ebeced;
+
+	.header {
+		position: relative;
+		height: 300rpx;
+		color: #fff;
+		overflow: hidden;
+
+		img {
+			width: 100%;
+		}
+
+		.img {
+			position: absolute;
+			top: 120rpx;
+			left: 32rpx;
+			width: 140rpx;
+			height: 140rpx;
+		}
+
+		.name {
+			position: absolute;
+			top: 118rpx;
+			left: 202rpx;
+			font-size: 40rpx;
+			font-weight: bold;
+		}
+
+		.number {
+			position: absolute;
+			top: 176rpx;
+			left: 202rpx;
+			font-size: 24rpx;
+			opacity: 0.5;
+		}
+
+		.real {
+			position: absolute;
+			top: 221rpx;
+			left: 202rpx;
+			display: flex;
+			align-items: center;
+			box-sizing: border-box;
+			padding-left: 13rpx;
+			width: 179rpx;
+			height: 42rpx;
+			font-size: 24rpx;
+			border-radius: 113rpx;
+			background-color: rgba(255, 255, 255, 0.2);
+
+			img {
+				margin-right: 7rpx;
+				width: 24rpx;
+				height: 24rpx;
+			}
+		}
+	}
+
+	.body {
+		position: absolute;
+		top: 290rpx;
+		box-sizing: border-box;
+		padding: 0 30rpx;
+		width: 100%;
+		height: calc(100vh - 290rpx);
+		border-radius: 20rpx 20rpx 0 0;
+		background-color: #fff;
+
+		.body_item {
+			display: flex;
+			align-items: center;
+			height: 121rpx;
+			font-size: 28rpx;
+			border-bottom: 1rpx solid #e6e6e6;
+
+			.img {
+				margin-right: 17rpx;
+				width: 53rpx;
+				height: 53rpx;
+			}
+
+			.img2 {
+				margin-right: 22rpx;
+				width: 42rpx;
+				height: 42rpx;
+			}
+
+			.img3 {
+				margin-right: 18rpx;
+				width: 50rpx;
+				height: 50rpx;
+			}
+		}
+	}
+}
+</style>

pages/orderManage/orderManage.vue

@@ -0,0 +1,202 @@
+<template>
+	<view class="container">
+		<!-- 每一个订单区域 -->
+		<uni-swipe-action>
+			<uni-swipe-action-item v-for="item in orderList" :key="item.id">
+				<!-- 右侧选项内容区域 -->
+				<template v-slot:right>
+					<view class="order_right" @click="handleDelete(item)">
+						<img class="img" src="../../static/my/delete.png" />
+					</view>
+				</template>
+				<view class="order_box">
+					<!-- 标题区域 -->
+					<view class="box_header">
+						<img class="img" src="../../static/my/hotel.png" />
+						<view class="title">{{ item.hotelName }}</view>
+						<view class="type type2" v-if="item.type === 1">待付款，剩余15:00</view>
+						<view class="type" v-if="item.type === 2">支付超时</view>
+						<view class="type" v-if="item.type === 3">已支付</view>
+						<view class="type" v-if="item.type === 4">已取消</view>
+					</view>
+
+					<!-- 酒店信息区域 -->
+					<view class="box_info">
+						<img class="img" :src="item.imgUrl" />
+						<view class="info_right">
+							<view class="info_right_item">1间，大床房</view>
+							<view class="info_right_item">2023-07-26 - 2023-07-27</view>
+							<view class="info_right_item">总价：¥229.00</view>
+						</view>
+					</view>
+
+					<!-- 按钮区域 -->
+					<view class="box_btn" v-if="item.type === 1 || item.type === 2">
+						<view class="btn_item" v-if="item.type === 1">预定</view>
+						<view class="btn_item" v-if="item.type === 2">再次预定</view>
+					</view>
+				</view>
+			</uni-swipe-action-item>
+		</uni-swipe-action>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			// type: 1 为待付款  2 为支付超时,
+			//       3 为已支付  4 为已取消
+			orderList: [
+				{
+					id: 1,
+					hotelName: '靖安乡宿',
+					type: 1,
+					imgUrl: '../../static/my/test.png'
+				},
+				{
+					id: 2,
+					hotelName: '开心乡宿',
+					type: 2,
+					imgUrl: '../../static/my/test.png'
+				},
+				{
+					id: 3,
+					hotelName: '健康乡宿',
+					type: 3,
+					imgUrl: '../../static/my/test.png'
+				},
+				{
+					id: 4,
+					hotelName: '幸福乡宿',
+					type: 4,
+					imgUrl: '../../static/my/test.png'
+				}
+			]
+		}
+	},
+	methods: {
+		// 右侧选项内容删除按钮回调
+		handleDelete(item) {
+			console.log(item.name)
+			uni.showModal({
+				title: '提示',
+				content: '确定删除吗？删除后不可恢复',
+				success: (res) => {
+					if (res.confirm) {
+						uni.showToast({
+							title: '删除成功',
+							icon: 'success'
+						})
+					}
+				}
+			})
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+	box-sizing: border-box;
+	padding: 0 20rpx 40rpx;
+	min-height: 100vh;
+	background-color: #f2f3f5;
+	overflow-y: auto;
+
+	.order_right {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-top: 20rpx;
+		width: 126rpx;
+		background-color: #d43030;
+
+		.img {
+			width: 50rpx;
+			height: 50rpx;
+		}
+	}
+
+	.order_box {
+		margin-top: 20rpx;
+		box-sizing: border-box;
+		padding: 0 22rpx;
+		width: 710rpx;
+		border-radius: 15rpx;
+		background-color: #fff;
+
+		.box_header {
+			display: flex;
+			align-items: center;
+			height: 94rpx;
+
+			.img {
+				width: 47rpx;
+				height: 47rpx;
+			}
+
+			.title {
+				margin-left: 16rpx;
+				font-size: 32rpx;
+				font-weight: bold;
+			}
+
+			.type {
+				margin-left: auto;
+				color: #808080;
+				font-size: 28rpx;
+			}
+
+			.type2 {
+				color: #ff5733;
+			}
+		}
+
+		.box_info {
+			display: flex;
+			height: 140rpx;
+
+			.img {
+				width: 100rpx;
+				height: 100rpx;
+				border-radius: 9rpx;
+			}
+
+			.info_right {
+				display: flex;
+				flex-direction: column;
+				justify-content: space-around;
+				margin-top: -5rpx;
+				margin-left: 18rpx;
+				height: 120rpx;
+				color: #808080;
+				font-size: 28rpx;
+
+				.info_right_item {
+					flex: 1;
+				}
+			}
+		}
+
+		.box_btn {
+			display: flex;
+			justify-content: flex-end;
+			height: 100rpx;
+
+			.btn_item {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				margin-left: 20rpx;
+				width: 178rpx;
+				height: 68rpx;
+				border-radius: 64rpx;
+				color: #808080;
+				font-size: 28rpx;
+				border: 1rpx solid #808080;
+			}
+		}
+	}
+}
+</style>

pages/set/set.vue

@@ -0,0 +1,89 @@
+<template>
+	<view class="container">
+		<view class="body">
+			<!-- 个人头像区域 -->
+			<view class="body_box">
+				个人头像
+				<view class="box_right">
+					<img class="img" src="../../static/my/portrait.png" />
+
+					<img class="img2" src="../../static/my/right.png" />
+				</view>
+			</view>
+
+			<!-- 账号名区域 -->
+			<view class="body_box">
+				账号名
+				<view class="box_right">
+					<view class="msg">张三</view>
+					<img class="img2" src="../../static/my/right.png" />
+				</view>
+			</view>
+
+			<!-- ID区域 -->
+			<view class="body_box">
+				ID
+				<view class="box_right">
+					<view class="msg">1925689</view>
+					<img class="img2" src="../../static/my/right.png" />
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+	display: flex;
+	flex-direction: column;
+	min-height: 100vh;
+	background-color: #ebeced;
+
+	.body {
+		box-sizing: border-box;
+		margin-top: 20rpx;
+		padding: 0 30rpx;
+		height: calc(100vh - 20rpx);
+		background-color: #fff;
+
+		.body_box {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			height: 100rpx;
+			font-size: 28rpx;
+			border-bottom: 1rpx solid #e6e6e6;
+
+			.box_right {
+				display: flex;
+				justify-content: flex-end;
+				align-items: center;
+				height: 100rpx;
+
+				.img {
+					width: 64rpx;
+					height: 64rpx;
+				}
+
+				.img2 {
+					margin-left: 7rpx;
+					width: 47rpx;
+					height: 47rpx;
+				}
+
+				.msg {
+					color: #808080;
+				}
+			}
+		}
+	}
+}
+</style>

uni_modules/uni-scss/changelog.md

@@ -0,0 +1,8 @@
+## 1.0.3（2022-01-21）
+- 优化 组件示例
+## 1.0.2（2021-11-22）
+- 修复 / 符号在 vue 不同版本兼容问题引起的报错问题
+## 1.0.1（2021-11-22）
+- 修复 vue3中scss语法兼容问题
+## 1.0.0（2021-11-18）
+- init

uni_modules/uni-scss/index.scss

@@ -0,0 +1 @@
+@import './styles/index.scss';

uni_modules/uni-scss/package.json

@@ -0,0 +1,82 @@
+{
+  "id": "uni-scss",
+  "displayName": "uni-scss 辅助样式",
+  "version": "1.0.3",
+  "description": "uni-sass是uni-ui提供的一套全局样式 ，通过一些简单的类名和sass变量，实现简单的页面布局操作，比如颜色、边距、圆角等。",
+  "keywords": [
+    "uni-scss",
+    "uni-ui",
+    "辅助样式"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": "^3.1.0"
+  },
+  "dcloudext": {
+    "category": [
+        "JS SDK",
+        "通用 SDK"
+    ],
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y"
+      },
+      "client": {
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "u"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y"
+        },
+        "快应用": {
+          "华为": "n",
+          "联盟": "n"
+        },
+        "Vue": {
+            "vue2": "y",
+            "vue3": "y"
+        }
+      }
+    }
+  }
+}

uni_modules/uni-scss/readme.md

@@ -0,0 +1,4 @@
+`uni-sass` 是 `uni-ui`提供的一套全局样式 ，通过一些简单的类名和`sass`变量，实现简单的页面布局操作，比如颜色、边距、圆角等。
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-sass)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 

uni_modules/uni-scss/styles/index.scss

@@ -0,0 +1,7 @@
+@import './setting/_variables.scss';
+@import './setting/_border.scss';
+@import './setting/_color.scss';
+@import './setting/_space.scss';
+@import './setting/_radius.scss';
+@import './setting/_text.scss';
+@import './setting/_styles.scss';

uni_modules/uni-scss/styles/setting/_border.scss

@@ -0,0 +1,3 @@
+.uni-border {
+	border: 1px $uni-border-1 solid;
+}

uni_modules/uni-scss/styles/setting/_color.scss

@@ -0,0 +1,66 @@
+
+// TODO 暂时不需要 class ，需要用户使用变量实现 ，如果使用类名其实并不推荐
+// @mixin get-styles($k,$c) {
+// 	@if $k == size or $k == weight{
+// 		font-#{$k}:#{$c}
+// 	}@else{
+// 		#{$k}:#{$c}
+// 	}
+// }
+$uni-ui-color:(
+	// 主色
+	primary: $uni-primary,
+	primary-disable: $uni-primary-disable,
+	primary-light: $uni-primary-light,
+	// 辅助色
+	success: $uni-success,
+	success-disable: $uni-success-disable,
+	success-light: $uni-success-light,
+	warning: $uni-warning,
+	warning-disable: $uni-warning-disable,
+	warning-light: $uni-warning-light,
+	error: $uni-error,
+	error-disable: $uni-error-disable,
+	error-light: $uni-error-light,
+	info: $uni-info,
+	info-disable: $uni-info-disable,
+	info-light: $uni-info-light,
+	// 中性色
+	main-color: $uni-main-color,
+	base-color: $uni-base-color,
+	secondary-color: $uni-secondary-color,
+	extra-color: $uni-extra-color,
+	// 背景色
+	bg-color: $uni-bg-color,
+	// 边框颜色
+	border-1: $uni-border-1,
+	border-2: $uni-border-2,
+	border-3: $uni-border-3,
+	border-4: $uni-border-4,
+	// 黑色
+	black:$uni-black,
+	// 白色
+	white:$uni-white,
+	// 透明
+	transparent:$uni-transparent
+) !default;
+@each $key, $child in $uni-ui-color {
+	.uni-#{"" + $key} {
+		color: $child;
+	}
+	.uni-#{"" + $key}-bg {
+		background-color: $child;
+	}
+}
+.uni-shadow-sm {
+	box-shadow: $uni-shadow-sm;
+}
+.uni-shadow-base {
+	box-shadow: $uni-shadow-base;
+}
+.uni-shadow-lg {
+	box-shadow: $uni-shadow-lg;
+}
+.uni-mask {
+	background-color:$uni-mask;
+}

uni_modules/uni-scss/styles/setting/_radius.scss

@@ -0,0 +1,55 @@
+@mixin radius($r,$d:null ,$important: false){
+  $radius-value:map-get($uni-radius, $r) if($important, !important, null);
+  // Key exists within the $uni-radius variable
+  @if (map-has-key($uni-radius, $r) and  $d){
+		@if $d == t {
+				border-top-left-radius:$radius-value;
+				border-top-right-radius:$radius-value;
+		}@else if $d == r {
+				border-top-right-radius:$radius-value;
+				border-bottom-right-radius:$radius-value;
+		}@else if $d == b {
+				border-bottom-left-radius:$radius-value;
+				border-bottom-right-radius:$radius-value;
+		}@else if $d == l {
+				border-top-left-radius:$radius-value;
+				border-bottom-left-radius:$radius-value;
+		}@else if $d == tl {
+				border-top-left-radius:$radius-value;
+		}@else if $d == tr {
+				border-top-right-radius:$radius-value;
+		}@else if $d == br {
+				border-bottom-right-radius:$radius-value;
+		}@else if $d == bl {
+				border-bottom-left-radius:$radius-value;
+		}
+  }@else{
+		border-radius:$radius-value;
+  }
+}
+
+@each $key, $child in $uni-radius {
+	@if($key){
+		.uni-radius-#{"" + $key} {
+				@include radius($key)
+		}
+	}@else{
+		.uni-radius {
+				@include radius($key)
+		}
+	}
+}
+
+@each $direction in t, r, b, l,tl, tr, br, bl {
+	@each $key, $child in $uni-radius {
+		@if($key){
+			.uni-radius-#{"" + $direction}-#{"" + $key} {
+				@include radius($key,$direction,false)
+			}
+		}@else{
+			.uni-radius-#{$direction} {
+				@include radius($key,$direction,false)
+			}
+		}
+	}
+}

uni_modules/uni-scss/styles/setting/_space.scss

@@ -0,0 +1,56 @@
+
+@mixin fn($space,$direction,$size,$n) {
+	@if $n {
+		#{$space}-#{$direction}: #{$size*$uni-space-root}px
+	} @else {
+		 #{$space}-#{$direction}: #{-$size*$uni-space-root}px
+	}
+}
+@mixin get-styles($direction,$i,$space,$n){
+	@if $direction == t {
+		@include fn($space, top,$i,$n);
+	} 
+	@if $direction == r {
+		@include fn($space, right,$i,$n);
+	} 
+	@if $direction == b {
+		@include fn($space, bottom,$i,$n);
+	} 
+	@if $direction == l {
+	 @include fn($space, left,$i,$n);
+	} 
+	@if $direction == x {
+		@include fn($space, left,$i,$n);
+		@include fn($space, right,$i,$n);
+	} 
+	@if $direction == y {
+		@include fn($space, top,$i,$n);
+		@include fn($space, bottom,$i,$n);
+	} 
+	@if $direction == a {
+		@if $n {
+			#{$space}:#{$i*$uni-space-root}px;
+		} @else {
+			#{$space}:#{-$i*$uni-space-root}px;
+		}
+	} 
+}
+
+@each $orientation in m,p {
+	$space: margin;
+	@if $orientation == m {
+		$space: margin;
+	} @else {
+		$space: padding;
+	}
+	@for $i from 0 through 16 {
+		@each $direction in t, r, b, l, x, y, a {
+			.uni-#{$orientation}#{$direction}-#{$i} { 
+				@include  get-styles($direction,$i,$space,true);
+			} 
+			.uni-#{$orientation}#{$direction}-n#{$i} { 
+				@include  get-styles($direction,$i,$space,false);
+			}
+		}
+	}
+}

uni_modules/uni-scss/styles/setting/_styles.scss

@@ -0,0 +1,167 @@
+/* #ifndef APP-NVUE */
+
+$-color-white:#fff;
+$-color-black:#000;
+@mixin base-style($color) {
+	color: #fff;
+	background-color: $color;
+	border-color: mix($-color-black, $color, 8%);
+	&:not([hover-class]):active {
+		background: mix($-color-black, $color, 10%);
+		border-color: mix($-color-black, $color, 20%);
+		color: $-color-white;
+		outline: none;
+	}
+}
+@mixin is-color($color) {
+	@include base-style($color);
+	&[loading] {
+		@include base-style($color);
+		&::before {
+			margin-right:5px;
+		}
+	}
+	&[disabled] {
+	  &,
+		&[loading],
+	  &:not([hover-class]):active {
+	    color: $-color-white;
+			border-color: mix(darken($color,10%), $-color-white);
+	    background-color: mix($color, $-color-white);
+	  }
+	}
+
+}
+@mixin base-plain-style($color) {
+	color:$color;
+	background-color: mix($-color-white, $color, 90%);
+	border-color: mix($-color-white, $color, 70%);
+	&:not([hover-class]):active {
+	  background: mix($-color-white, $color, 80%);
+	  color: $color;
+	  outline: none;
+		border-color: mix($-color-white, $color, 50%);
+	}
+}
+@mixin is-plain($color){
+	&[plain] {
+		@include base-plain-style($color);
+		&[loading] {
+			@include base-plain-style($color);
+			&::before {
+				margin-right:5px;
+			}
+		}
+		&[disabled] {
+		  &,
+		  &:active {
+		    color: mix($-color-white, $color, 40%);
+		    background-color: mix($-color-white, $color, 90%);
+				border-color: mix($-color-white, $color, 80%);
+		  }
+		}
+	}
+}
+
+
+.uni-btn {
+	margin: 5px;
+	color: #393939;
+	border:1px solid #ccc;
+	font-size: 16px;
+	font-weight: 200;
+	background-color: #F9F9F9;
+	// TODO 暂时处理边框隐藏一边的问题
+	overflow: visible;
+	&::after{
+		border: none;
+	}
+
+	&:not([type]),&[type=default] {
+		color: #999;
+		&[loading] {
+			background: none;
+			&::before {
+				margin-right:5px;
+			}
+		}
+
+
+
+		&[disabled]{
+			color: mix($-color-white, #999, 60%);
+		  &,
+			&[loading],
+		  &:active {
+				color: mix($-color-white, #999, 60%);
+		    background-color: mix($-color-white,$-color-black , 98%);
+				border-color: mix($-color-white,  #999, 85%);
+		  }
+		}
+
+		&[plain] {
+			color: #999;
+			background: none;
+			border-color: $uni-border-1;
+			&:not([hover-class]):active {
+				background: none;
+			  color: mix($-color-white, $-color-black, 80%);
+				border-color: mix($-color-white, $-color-black, 90%);
+			  outline: none;
+			}
+			&[disabled]{
+			  &,
+				&[loading],
+			  &:active {
+			    background: none;
+					color: mix($-color-white, #999, 60%);
+					border-color: mix($-color-white,  #999, 85%);
+			  }
+			}
+		}
+	}
+
+	&:not([hover-class]):active {
+	  color: mix($-color-white, $-color-black, 50%);
+	}
+
+	&[size=mini] {
+		font-size: 16px;
+		font-weight: 200;
+		border-radius: 8px;
+	}
+
+
+
+	&.uni-btn-small {
+		font-size: 14px;
+	}
+	&.uni-btn-mini {
+		font-size: 12px;
+	}
+
+	&.uni-btn-radius {
+		border-radius: 999px;
+	}
+	&[type=primary] {
+		@include is-color($uni-primary);
+		@include is-plain($uni-primary)
+	}
+	&[type=success] {
+		@include is-color($uni-success);
+		@include is-plain($uni-success)
+	}
+	&[type=error] {
+		@include is-color($uni-error);
+		@include is-plain($uni-error)
+	}
+	&[type=warning] {
+		@include is-color($uni-warning);
+		@include is-plain($uni-warning)
+	}
+	&[type=info] {
+		@include is-color($uni-info);
+		@include is-plain($uni-info)
+	}
+}
+/* #endif */

uni_modules/uni-scss/styles/setting/_text.scss

@@ -0,0 +1,24 @@
+@mixin get-styles($k,$c) {
+	@if $k == size or $k == weight{
+		font-#{$k}:#{$c}
+	}@else{
+		#{$k}:#{$c}
+	}
+}
+
+@each $key, $child in $uni-headings {
+	/* #ifndef APP-NVUE */
+	.uni-#{$key} {
+		@each $k, $c in $child {
+			@include get-styles($k,$c)
+		}
+	}
+	/* #endif */
+	/* #ifdef APP-NVUE */
+	.container .uni-#{$key} {
+		@each $k, $c in $child {
+			@include get-styles($k,$c)
+		}
+	}
+	/* #endif */
+}

uni_modules/uni-scss/styles/setting/_variables.scss

@@ -0,0 +1,146 @@
+// @use "sass:math";
+@import  '../tools/functions.scss';
+// 间距基础倍数
+$uni-space-root: 2 !default;
+// 边框半径默认值
+$uni-radius-root:5px !default;
+$uni-radius: () !default;
+// 边框半径断点
+$uni-radius: map-deep-merge(
+  (
+    0: 0,
+		// TODO 当前版本暂时不支持 sm 属性
+    // 'sm': math.div($uni-radius-root, 2),
+    null: $uni-radius-root,
+    'lg': $uni-radius-root * 2,
+    'xl': $uni-radius-root * 6,
+    'pill': 9999px,
+    'circle': 50%
+  ),
+  $uni-radius
+);
+// 字体家族
+$body-font-family: 'Roboto', sans-serif !default;
+// 文本
+$heading-font-family: $body-font-family !default;
+$uni-headings: () !default;
+$letterSpacing: -0.01562em;
+$uni-headings: map-deep-merge(
+  (
+    'h1': (
+      size: 32px,
+			weight: 300,
+			line-height: 50px,
+			// letter-spacing:-0.01562em
+    ),
+    'h2': (
+      size: 28px,
+      weight: 300,
+      line-height: 40px,
+      // letter-spacing: -0.00833em
+    ),
+    'h3': (
+      size: 24px,
+      weight: 400,
+      line-height: 32px,
+      // letter-spacing: normal
+    ),
+    'h4': (
+      size: 20px,
+      weight: 400,
+      line-height: 30px,
+      // letter-spacing: 0.00735em
+    ),
+    'h5': (
+      size: 16px,
+      weight: 400,
+      line-height: 24px,
+      // letter-spacing: normal
+    ),
+    'h6': (
+      size: 14px,
+      weight: 500,
+      line-height: 18px,
+      // letter-spacing: 0.0125em
+    ),
+    'subtitle': (
+      size: 12px,
+      weight: 400,
+      line-height: 20px,
+      // letter-spacing: 0.00937em
+    ),
+    'body': (
+      font-size: 14px,
+			font-weight: 400,
+			line-height: 22px,
+			// letter-spacing: 0.03125em
+    ),
+    'caption': (
+      'size': 12px,
+      'weight': 400,
+      'line-height': 20px,
+      // 'letter-spacing': 0.03333em,
+      // 'text-transform': false
+    )
+  ),
+  $uni-headings
+);
+
+
+
+// 主色
+$uni-primary: #2979ff !default;
+$uni-primary-disable:lighten($uni-primary,20%) !default;
+$uni-primary-light: lighten($uni-primary,25%) !default;
+
+// 辅助色
+// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
+$uni-success: #18bc37 !default;
+$uni-success-disable:lighten($uni-success,20%) !default;
+$uni-success-light: lighten($uni-success,25%) !default;
+
+$uni-warning: #f3a73f !default;
+$uni-warning-disable:lighten($uni-warning,20%) !default;
+$uni-warning-light: lighten($uni-warning,25%) !default;
+
+$uni-error: #e43d33 !default;
+$uni-error-disable:lighten($uni-error,20%) !default;
+$uni-error-light: lighten($uni-error,25%) !default;
+
+$uni-info: #8f939c !default;
+$uni-info-disable:lighten($uni-info,20%) !default;
+$uni-info-light: lighten($uni-info,25%) !default;
+
+// 中性色
+// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
+$uni-main-color: #3a3a3a !default; 			// 主要文字
+$uni-base-color: #6a6a6a !default;			// 常规文字
+$uni-secondary-color: #909399 !default;	// 次要文字
+$uni-extra-color: #c7c7c7 !default;			// 辅助说明
+
+// 边框颜色
+$uni-border-1: #F0F0F0 !default;
+$uni-border-2: #EDEDED !default;
+$uni-border-3: #DCDCDC !default;
+$uni-border-4: #B9B9B9 !default;
+
+// 常规色
+$uni-black: #000000 !default;
+$uni-white: #ffffff !default;
+$uni-transparent: rgba($color: #000000, $alpha: 0) !default;
+
+// 背景色
+$uni-bg-color: #f7f7f7 !default;
+
+/* 水平间距 */
+$uni-spacing-sm: 8px !default;
+$uni-spacing-base: 15px !default;
+$uni-spacing-lg: 30px !default;
+
+// 阴影
+$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
+$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
+$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
+
+// 蒙版
+$uni-mask: rgba($color: #000000, $alpha: 0.4) !default;

uni_modules/uni-scss/styles/tools/functions.scss

@@ -0,0 +1,19 @@
+// 合并 map
+@function map-deep-merge($parent-map, $child-map){
+	$result: $parent-map;
+	@each $key, $child in $child-map {
+		$parent-has-key: map-has-key($result, $key);
+		$parent-value: map-get($result, $key);
+		$parent-type: type-of($parent-value);
+		$child-type: type-of($child);
+		$parent-is-map: $parent-type == map;
+		$child-is-map: $child-type == map;
+			
+		@if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
+			$result: map-merge($result, ( $key: $child ));
+		}@else {
+			$result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
+		}
+	}
+	@return $result;
+};

uni_modules/uni-scss/theme.scss

@@ -0,0 +1,31 @@
+// 间距基础倍数
+$uni-space-root: 2;
+// 边框半径默认值
+$uni-radius-root:5px;
+// 主色
+$uni-primary: #2979ff;
+// 辅助色
+$uni-success: #4cd964;
+// 警告色
+$uni-warning: #f0ad4e;
+// 错误色
+$uni-error: #dd524d;
+// 描述色
+$uni-info: #909399;
+// 中性色
+$uni-main-color: #303133;
+$uni-base-color: #606266;
+$uni-secondary-color: #909399;
+$uni-extra-color: #C0C4CC;
+// 背景色
+$uni-bg-color: #f5f5f5;
+// 边框颜色
+$uni-border-1: #DCDFE6;
+$uni-border-2: #E4E7ED;
+$uni-border-3: #EBEEF5;
+$uni-border-4: #F2F6FC;
+
+// 常规色
+$uni-black: #000000;
+$uni-white: #ffffff;
+$uni-transparent: rgba($color: #000000, $alpha: 0);

uni_modules/uni-scss/variables.scss

@@ -0,0 +1,62 @@
+@import './styles/setting/_variables.scss';
+// 间距基础倍数
+$uni-space-root: 2;
+// 边框半径默认值
+$uni-radius-root:5px;
+
+// 主色
+$uni-primary: #2979ff;
+$uni-primary-disable:mix(#fff,$uni-primary,50%);
+$uni-primary-light: mix(#fff,$uni-primary,80%);
+
+// 辅助色
+// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
+$uni-success: #18bc37;
+$uni-success-disable:mix(#fff,$uni-success,50%);
+$uni-success-light: mix(#fff,$uni-success,80%);
+
+$uni-warning: #f3a73f;
+$uni-warning-disable:mix(#fff,$uni-warning,50%);
+$uni-warning-light: mix(#fff,$uni-warning,80%);
+
+$uni-error: #e43d33;
+$uni-error-disable:mix(#fff,$uni-error,50%);
+$uni-error-light: mix(#fff,$uni-error,80%);
+
+$uni-info: #8f939c;
+$uni-info-disable:mix(#fff,$uni-info,50%);
+$uni-info-light: mix(#fff,$uni-info,80%);
+
+// 中性色
+// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
+$uni-main-color: #3a3a3a; 			// 主要文字
+$uni-base-color: #6a6a6a;			// 常规文字
+$uni-secondary-color: #909399;	// 次要文字
+$uni-extra-color: #c7c7c7;			// 辅助说明
+
+// 边框颜色
+$uni-border-1: #F0F0F0;
+$uni-border-2: #EDEDED;
+$uni-border-3: #DCDCDC;
+$uni-border-4: #B9B9B9;
+
+// 常规色
+$uni-black: #000000;
+$uni-white: #ffffff;
+$uni-transparent: rgba($color: #000000, $alpha: 0);
+
+// 背景色
+$uni-bg-color: #f7f7f7;
+
+/* 水平间距 */
+$uni-spacing-sm: 8px;
+$uni-spacing-base: 15px;
+$uni-spacing-lg: 30px;
+
+// 阴影
+$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
+$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
+$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
+
+// 蒙版
+$uni-mask: rgba($color: #000000, $alpha: 0.4);

uni_modules/uni-swipe-action/changelog.md

@@ -0,0 +1,43 @@
+## 1.3.8（2023-04-13）
+- 修复`uni-swipe-action`和`uni-swipe-action-item`不同时使用导致 closeOther 方法报错的 bug
+## 1.3.7（2022-06-06）
+- 修复 vue3 下使用组件不能正常运行的Bug
+## 1.3.6（2022-05-31）
+- 修复 h5端点击click触发两次的Bug
+## 1.3.5（2022-05-23）
+- 修复 isPC 找不到的Bug
+## 1.3.4（2022-05-19）
+-  修复 在 nvue 下 disabled 失效的bug
+## 1.3.3（2022-03-31）
+- 修复 按钮字体大小不能设置的bug
+## 1.3.2（2022-03-16）
+- 修复 h5和app端下报el错误的bug
+## 1.3.1（2022-03-07）
+- 修复 HBuilderX 1.4.X 版本中，h5和app端下报错的bug
+## 1.3.0（2021-11-19）
+- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
+- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-swipe-action](https://uniapp.dcloud.io/component/uniui/uni-swipe-action)
+## 1.2.4（2021-08-20）
+- 优化 close-all 方法
+## 1.2.3（2021-08-20）
+- 新增 close-all 方法，关闭所有已打开的组件
+## 1.2.2（2021-08-17）
+- 新增 resize() 方法，在非微信小程序、h5、app-vue端出现不能滑动的问题的时候，重置组件
+- 修复 app 端偶尔出现类似 Page[x][-x,xx;-x,xx,x,x-x] 的问题 
+- 优化 微信小程序、h5、app-vue 滑动逻辑，避免出现动态新增组件后不能滑动的问题
+## 1.2.1（2021-07-30）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+- 修复 跨页面修改组件数据 ，导致不能滑动的问题
+## 1.1.10（2021-06-17）
+- 修复 按钮点击执行两次的bug
+## 1.1.9（2021-05-12）
+- 新增 项目示例地址
+## 1.1.8（2021-03-26）
+- 修复 微信小程序 nv_navigator is not defined 报错的bug
+## 1.1.7（2021-02-05）
+- 调整为uni_modules目录规范
+- 新增 左侧滑动
+- 新增 插槽使用方式
+- 新增 threshold 属性，可以控制滑动缺省值
+- 优化 长列表滚动性能
+- 修复 滚动页面时触发组件滑动的Bug

uni_modules/uni-swipe-action/components/uni-swipe-action-item/bindingx.js

@@ -0,0 +1,302 @@
+let bindIngXMixins = {}
+
+// #ifdef APP-NVUE
+const BindingX = uni.requireNativePlugin('bindingx');
+const dom = uni.requireNativePlugin('dom');
+const animation = uni.requireNativePlugin('animation');
+
+bindIngXMixins = {
+	data() {
+		return {}
+	},
+
+	watch: {
+		show(newVal) {
+			if (this.autoClose) return
+			if (this.stop) return
+			this.stop = true
+			if (newVal) {
+				this.open(newVal)
+			} else {
+				this.close()
+			}
+		},
+		leftOptions() {
+			this.getSelectorQuery()
+			this.init()
+		},
+		rightOptions(newVal) {
+			this.init()
+		}
+	},
+	created() {
+		this.swipeaction = this.getSwipeAction()
+		if (this.swipeaction && Array.isArray(this.swipeaction.children)) {
+			this.swipeaction.children.push(this)
+		}
+	},
+	mounted() {
+		this.box = this.getEl(this.$refs['selector-box--hock'])
+		this.selector = this.getEl(this.$refs['selector-content--hock']);
+		this.leftButton = this.getEl(this.$refs['selector-left-button--hock']);
+		this.rightButton = this.getEl(this.$refs['selector-right-button--hock']);
+		this.init()
+	},
+	// beforeDestroy() {
+	// 	this.swipeaction.children.forEach((item, index) => {
+	// 		if (item === this) {
+	// 			this.swipeaction.children.splice(index, 1)
+	// 		}
+	// 	})
+	// },
+	methods: {
+		init() {
+			this.$nextTick(() => {
+				this.x = 0
+				this.button = {
+					show: false
+				}
+				setTimeout(() => {
+					this.getSelectorQuery()
+				}, 200)
+			})
+		},
+		onClick(index, item, position) {
+			this.$emit('click', {
+				content: item,
+				index,
+				position
+			})
+		},
+		touchstart(e) {
+			// fix by mehaotian 禁止滑动
+			if (this.disabled) return
+			// 每次只触发一次，避免多次监听造成闪烁
+			if (this.stop) return
+			this.stop = true
+			if (this.autoClose && this.swipeaction) {
+				this.swipeaction.closeOther(this)
+			}
+
+			const leftWidth = this.button.left.width
+			const rightWidth = this.button.right.width
+			let expression = this.range(this.x, -rightWidth, leftWidth)
+			let leftExpression = this.range(this.x - leftWidth, -leftWidth, 0)
+			let rightExpression = this.range(this.x + rightWidth, 0, rightWidth)
+
+			this.eventpan = BindingX.bind({
+				anchor: this.box,
+				eventType: 'pan',
+				props: [{
+					element: this.selector,
+					property: 'transform.translateX',
+					expression
+				}, {
+					element: this.leftButton,
+					property: 'transform.translateX',
+					expression: leftExpression
+				}, {
+					element: this.rightButton,
+					property: 'transform.translateX',
+					expression: rightExpression
+				}, ]
+			}, (e) => {
+				// nope
+				if (e.state === 'end') {
+					this.x = e.deltaX + this.x;
+					this.isclick = true
+					this.bindTiming(e.deltaX)
+				}
+			});
+		},
+		touchend(e) {
+			if (this.isopen !== 'none' && !this.isclick) {
+				this.open('none')
+			}
+		},
+		bindTiming(x) {
+			const left = this.x
+			const leftWidth = this.button.left.width
+			const rightWidth = this.button.right.width
+			const threshold = this.threshold
+			if (!this.isopen || this.isopen === 'none') {
+				if (left > threshold) {
+					this.open('left')
+				} else if (left < -threshold) {
+					this.open('right')
+				} else {
+					this.open('none')
+				}
+			} else {
+				if ((x > -leftWidth && x < 0) || x > rightWidth) {
+					if ((x > -threshold && x < 0) || (x - rightWidth > threshold)) {
+						this.open('left')
+					} else {
+						this.open('none')
+					}
+				} else {
+					if ((x < threshold && x > 0) || (x + leftWidth < -threshold)) {
+						this.open('right')
+					} else {
+						this.open('none')
+					}
+				}
+			}
+		},
+
+		/**
+		 * 移动范围
+		 * @param {Object} num
+		 * @param {Object} mix
+		 * @param {Object} max
+		 */
+		range(num, mix, max) {
+			return `min(max(x+${num}, ${mix}), ${max})`
+		},
+
+		/**
+		 * 开启swipe
+		 */
+		open(type) {
+			this.animation(type)
+		},
+
+		/**
+		 * 关闭swipe
+		 */
+		close() {
+			this.animation('none')
+		},
+
+		/**
+		 * 开启关闭动画
+		 * @param {Object} type
+		 */
+		animation(type) {
+			const time = 300
+			const leftWidth = this.button.left.width
+			const rightWidth = this.button.right.width
+			if (this.eventpan && this.eventpan.token) {
+				BindingX.unbind({
+					token: this.eventpan.token,
+					eventType: 'pan'
+				})
+			}
+
+			switch (type) {
+				case 'left':
+					Promise.all([
+						this.move(this.selector, leftWidth),
+						this.move(this.leftButton, 0),
+						this.move(this.rightButton, rightWidth * 2)
+					]).then(() => {
+						this.setEmit(leftWidth, type)
+					})
+					break
+				case 'right':
+					Promise.all([
+						this.move(this.selector, -rightWidth),
+						this.move(this.leftButton, -leftWidth * 2),
+						this.move(this.rightButton, 0)
+					]).then(() => {
+						this.setEmit(-rightWidth, type)
+					})
+					break
+				default:
+					Promise.all([
+						this.move(this.selector, 0),
+						this.move(this.leftButton, -leftWidth),
+						this.move(this.rightButton, rightWidth)
+					]).then(() => {
+						this.setEmit(0, type)
+					})
+
+			}
+		},
+		setEmit(x, type) {
+			const leftWidth = this.button.left.width
+			const rightWidth = this.button.right.width
+			this.isopen = this.isopen || 'none'
+			this.stop = false
+			this.isclick = false
+			// 只有状态不一致才会返回结果
+			if (this.isopen !== type && this.x !== x) {
+				if (type === 'left' && leftWidth > 0) {
+					this.$emit('change', 'left')
+				}
+				if (type === 'right' && rightWidth > 0) {
+					this.$emit('change', 'right')
+				}
+				if (type === 'none') {
+					this.$emit('change', 'none')
+				}
+			}
+			this.x = x
+			this.isopen = type
+		},
+		move(ref, value) {
+			return new Promise((resolve, reject) => {
+				animation.transition(ref, {
+					styles: {
+						transform: `translateX(${value})`,
+					},
+					duration: 150, //ms
+					timingFunction: 'linear',
+					needLayout: false,
+					delay: 0 //ms
+				}, function(res) {
+					resolve(res)
+				})
+			})
+
+		},
+
+		/**
+		 * 获取ref
+		 * @param {Object} el
+		 */
+		getEl(el) {
+			return el.ref
+		},
+		/**
+		 * 获取节点信息
+		 */
+		getSelectorQuery() {
+			Promise.all([
+				this.getDom('left'),
+				this.getDom('right'),
+			]).then((data) => {
+				let show = 'none'
+				if (this.autoClose) {
+					show = 'none'
+				} else {
+					show = this.show
+				}
+
+				if (show === 'none') {
+					// this.close()
+				} else {
+					this.open(show)
+				}
+
+			})
+
+		},
+		getDom(str) {
+			return new Promise((resolve, reject) => {
+				dom.getComponentRect(this.$refs[`selector-${str}-button--hock`], (data) => {
+					if (data) {
+						this.button[str] = data.size
+						resolve(data)
+					} else {
+						reject()
+					}
+				})
+			})
+		}
+	}
+}
+
+// #endif
+
+export default bindIngXMixins

uni_modules/uni-swipe-action/components/uni-swipe-action-item/isPC.js

@@ -0,0 +1,12 @@
+export function isPC() {
+	var userAgentInfo = navigator.userAgent;
+	var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+	var flag = true;
+	for (let v = 0; v < Agents.length - 1; v++) {
+		if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			flag = false;
+			break;
+		}
+	}
+	return flag;
+}

uni_modules/uni-swipe-action/components/uni-swipe-action-item/mpalipay.js

@@ -0,0 +1,195 @@
+export default {
+	data() {
+		return {
+			x: 0,
+			transition: false,
+			width: 0,
+			viewWidth: 0,
+			swipeShow: 0
+		}
+	},
+	watch: {
+		show(newVal) {
+			if (this.autoClose) return
+			if (newVal && newVal !== 'none') {
+				this.transition = true
+				this.open(newVal)
+			} else {
+				this.close()
+			}
+		}
+	},
+	created() {
+		this.swipeaction = this.getSwipeAction()
+		if (this.swipeaction && Array.isArray(this.swipeaction.children)) {
+			this.swipeaction.children.push(this)
+		}
+	},
+	mounted() {
+		this.isopen = false
+		setTimeout(() => {
+			this.getQuerySelect()
+		}, 50)
+	},
+	methods: {
+		appTouchStart(e) {
+			const {
+				clientX
+			} = e.changedTouches[0]
+			this.clientX = clientX
+			this.timestamp = new Date().getTime()
+		},
+		appTouchEnd(e, index, item, position) {
+			const {
+				clientX
+			} = e.changedTouches[0]
+			// fixed by xxxx 模拟点击事件，解决 ios 13 点击区域错位的问题
+			let diff = Math.abs(this.clientX - clientX)
+			let time = (new Date().getTime()) - this.timestamp
+			if (diff < 40 && time < 300) {
+				this.$emit('click', {
+					content: item,
+					index,
+					position
+				})
+			}
+		},
+		/**
+		 * 移动触发
+		 * @param {Object} e
+		 */
+		onChange(e) {
+			this.moveX = e.detail.x
+			this.isclose = false
+		},
+		touchstart(e) {
+			this.transition = false
+			this.isclose = true
+			if (this.autoClose && this.swipeaction) {
+				this.swipeaction.closeOther(this)
+			}
+		},
+		touchmove(e) {},
+		touchend(e) {
+			// 0的位置什么都不执行
+			if (this.isclose && this.isopen === 'none') return
+			if (this.isclose && this.isopen !== 'none') {
+				this.transition = true
+				this.close()
+			} else {
+				this.move(this.moveX + this.leftWidth)
+			}
+		},
+
+		/**
+		 * 移动
+		 * @param {Object} moveX
+		 */
+		move(moveX) {
+			// 打开关闭的处理逻辑不太一样
+			this.transition = true
+			// 未打开状态
+			if (!this.isopen || this.isopen === 'none') {
+				if (moveX > this.threshold) {
+					this.open('left')
+				} else if (moveX < -this.threshold) {
+					this.open('right')
+				} else {
+					this.close()
+				}
+			} else {
+				if (moveX < 0 && moveX < this.rightWidth) {
+					const rightX = this.rightWidth + moveX
+					if (rightX < this.threshold) {
+						this.open('right')
+					} else {
+						this.close()
+					}
+				} else if (moveX > 0 && moveX < this.leftWidth) {
+					const leftX = this.leftWidth - moveX
+					if (leftX < this.threshold) {
+						this.open('left')
+					} else {
+						this.close()
+					}
+				}
+
+			}
+
+		},
+
+		/**
+		 * 打开
+		 */
+		open(type) {
+			this.x = this.moveX
+			this.animation(type)
+		},
+
+		/**
+		 * 关闭
+		 */
+		close() {
+			this.x = this.moveX
+			// TODO 解决 x 值不更新的问题，所以会多触发一次 nextTick ，待优化
+			this.$nextTick(() => {
+				this.x = -this.leftWidth
+				if (this.isopen !== 'none') {
+					this.$emit('change', 'none')
+				}
+				this.isopen = 'none'
+			})
+		},
+
+		/**
+		 * 执行结束动画
+		 * @param {Object} type
+		 */
+		animation(type) {
+			this.$nextTick(() => {
+				if (type === 'left') {
+					this.x = 0
+				} else {
+					this.x = -this.rightWidth - this.leftWidth
+				}
+
+				if (this.isopen !== type) {
+					this.$emit('change', type)
+				}
+				this.isopen = type
+			})
+
+		},
+		getSlide(x) {},
+		getQuerySelect() {
+			const query = uni.createSelectorQuery().in(this);
+			query.selectAll('.movable-view--hock').boundingClientRect(data => {
+				this.leftWidth = data[1].width
+				this.rightWidth = data[2].width
+				this.width = data[0].width
+				this.viewWidth = this.width + this.rightWidth + this.leftWidth
+				if (this.leftWidth === 0) {
+					// TODO 疑似bug ,初始化的时候如果x 是0，会导致移动位置错误，所以让元素超出一点
+					this.x = -0.1
+				} else {
+					this.x = -this.leftWidth
+				}
+				this.moveX = this.x
+				this.$nextTick(() => {
+					this.swipeShow = 1
+				})
+
+				if (!this.buttonWidth) {
+					this.disabledView = true
+				}
+
+				if (this.autoClose) return
+				if (this.show !== 'none') {
+					this.transition = true
+					this.open(this.shows)
+				}
+			}).exec();
+
+		}
+	}
+}

uni_modules/uni-swipe-action/components/uni-swipe-action-item/mpother.js

@@ -0,0 +1,260 @@
+let otherMixins = {}
+
+// #ifndef APP-PLUS|| MP-WEIXIN  ||  H5
+const MIN_DISTANCE = 10;
+otherMixins = {
+	data() {
+		// TODO 随机生生元素ID，解决百度小程序获取同一个元素位置信息的bug
+		const elClass = `Uni_${Math.ceil(Math.random() * 10e5).toString(36)}`
+		return {
+			uniShow: false,
+			left: 0,
+			buttonShow: 'none',
+			ani: false,
+			moveLeft: '',
+			elClass
+		}
+	},
+	watch: {
+		show(newVal) {
+			if (this.autoClose) return
+			this.openState(newVal)
+		},
+		left() {
+			this.moveLeft = `translateX(${this.left}px)`
+		},
+		buttonShow(newVal) {
+			if (this.autoClose) return
+			this.openState(newVal)
+		},
+		leftOptions() {
+			this.init()
+		},
+		rightOptions() {
+			this.init()
+		}
+	},
+	mounted() {
+		this.swipeaction = this.getSwipeAction()
+		if (this.swipeaction && Array.isArray(this.swipeaction.children)) {
+			this.swipeaction.children.push(this)
+		}
+		this.init()
+	},
+	methods: {
+		init() {
+			clearTimeout(this.timer)
+			this.timer = setTimeout(() => {
+				this.getSelectorQuery()
+			}, 100)
+			// 移动距离
+			this.left = 0
+			this.x = 0
+		},
+
+		closeSwipe(e) {
+			if (this.autoClose && this.swipeaction) {
+				this.swipeaction.closeOther(this)
+			}
+		},
+		appTouchStart(e) {
+			const {
+				clientX
+			} = e.changedTouches[0]
+			this.clientX = clientX
+			this.timestamp = new Date().getTime()
+		},
+		appTouchEnd(e, index, item, position) {
+			const {
+				clientX
+			} = e.changedTouches[0]
+			// fixed by xxxx 模拟点击事件，解决 ios 13 点击区域错位的问题
+			let diff = Math.abs(this.clientX - clientX)
+			let time = (new Date().getTime()) - this.timestamp
+			if (diff < 40 && time < 300) {
+				this.$emit('click', {
+					content: item,
+					index,
+					position
+				})
+			}
+		},
+		touchstart(e) {
+			if (this.disabled) return
+			this.ani = false
+			this.x = this.left || 0
+			this.stopTouchStart(e)
+			this.autoClose && this.closeSwipe()
+		},
+		touchmove(e) {
+			if (this.disabled) return
+			// 是否可以滑动页面
+			this.stopTouchMove(e);
+			if (this.direction !== 'horizontal') {
+				return;
+			}
+			this.move(this.x + this.deltaX)
+			return false
+		},
+		touchend() {
+			if (this.disabled) return
+			this.moveDirection(this.left)
+		},
+		/**
+		 * 设置移动距离
+		 * @param {Object} value
+		 */
+		move(value) {
+			value = value || 0
+			const leftWidth = this.leftWidth
+			const rightWidth = this.rightWidth
+			// 获取可滑动范围
+			this.left = this.range(value, -rightWidth, leftWidth);
+		},
+
+		/**
+		 * 获取范围
+		 * @param {Object} num
+		 * @param {Object} min
+		 * @param {Object} max
+		 */
+		range(num, min, max) {
+			return Math.min(Math.max(num, min), max);
+		},
+		/**
+		 * 移动方向判断
+		 * @param {Object} left
+		 * @param {Object} value
+		 */
+		moveDirection(left) {
+			const threshold = this.threshold
+			const isopen = this.isopen || 'none'
+			const leftWidth = this.leftWidth
+			const rightWidth = this.rightWidth
+			if (this.deltaX === 0) {
+				this.openState('none')
+				return
+			}
+			if ((isopen === 'none' && rightWidth > 0 && -left > threshold) || (isopen !== 'none' && rightWidth >
+					0 && rightWidth +
+					left < threshold)) {
+				// right
+				this.openState('right')
+			} else if ((isopen === 'none' && leftWidth > 0 && left > threshold) || (isopen !== 'none' && leftWidth >
+					0 &&
+					leftWidth - left < threshold)) {
+				// left
+				this.openState('left')
+			} else {
+				// default
+				this.openState('none')
+			}
+		},
+
+		/**
+		 * 开启状态
+		 * @param {Boolean} type
+		 */
+		openState(type) {
+			const leftWidth = this.leftWidth
+			const rightWidth = this.rightWidth
+			let left = ''
+			this.isopen = this.isopen ? this.isopen : 'none'
+			switch (type) {
+				case "left":
+					left = leftWidth
+					break
+				case "right":
+					left = -rightWidth
+					break
+				default:
+					left = 0
+			}
+
+
+			if (this.isopen !== type) {
+				this.throttle = true
+				this.$emit('change', type)
+			}
+
+			this.isopen = type
+			// 添加动画类
+			this.ani = true
+			this.$nextTick(() => {
+				this.move(left)
+			})
+			// 设置最终移动位置,理论上只要进入到这个函数，肯定是要打开的
+		},
+		close() {
+			this.openState('none')
+		},
+		getDirection(x, y) {
+			if (x > y && x > MIN_DISTANCE) {
+				return 'horizontal';
+			}
+			if (y > x && y > MIN_DISTANCE) {
+				return 'vertical';
+			}
+			return '';
+		},
+
+		/**
+		 * 重置滑动状态
+		 * @param {Object} event
+		 */
+		resetTouchStatus() {
+			this.direction = '';
+			this.deltaX = 0;
+			this.deltaY = 0;
+			this.offsetX = 0;
+			this.offsetY = 0;
+		},
+
+		/**
+		 * 设置滑动开始位置
+		 * @param {Object} event
+		 */
+		stopTouchStart(event) {
+			this.resetTouchStatus();
+			const touch = event.touches[0];
+			this.startX = touch.clientX;
+			this.startY = touch.clientY;
+		},
+
+		/**
+		 * 滑动中，是否禁止打开
+		 * @param {Object} event
+		 */
+		stopTouchMove(event) {
+			const touch = event.touches[0];
+			this.deltaX = touch.clientX - this.startX;
+			this.deltaY = touch.clientY - this.startY;
+			this.offsetX = Math.abs(this.deltaX);
+			this.offsetY = Math.abs(this.deltaY);
+			this.direction = this.direction || this.getDirection(this.offsetX, this.offsetY);
+		},
+
+		getSelectorQuery() {
+			const views = uni.createSelectorQuery().in(this)
+			views
+				.selectAll('.' + this.elClass)
+				.boundingClientRect(data => {
+					if (data.length === 0) return
+					let show = 'none'
+					if (this.autoClose) {
+						show = 'none'
+					} else {
+						show = this.show
+					}
+					this.leftWidth = data[0].width || 0
+					this.rightWidth = data[1].width || 0
+					this.buttonShow = show
+				})
+				.exec()
+		}
+	}
+}
+
+// #endif
+
+export default otherMixins

uni_modules/uni-swipe-action/components/uni-swipe-action-item/mpwxs.js

@@ -0,0 +1,84 @@
+let mpMixins = {}
+let is_pc = null
+// #ifdef H5
+import {
+	isPC
+} from "./isPC"
+is_pc = isPC()
+// #endif
+// #ifdef APP-VUE|| MP-WEIXIN || H5
+
+mpMixins = {
+	data() {
+		return {
+			is_show: 'none'
+		}
+	},
+	watch: {
+		show(newVal) {
+			this.is_show = this.show
+		}
+	},
+	created() {
+		this.swipeaction = this.getSwipeAction()
+		if (this.swipeaction && Array.isArray(this.swipeaction.children)) {
+			this.swipeaction.children.push(this)
+		}
+	},
+	mounted() {
+		this.is_show = this.show
+	},
+	methods: {
+		// wxs 中调用
+		closeSwipe(e) {
+			if (this.autoClose && this.swipeaction) {
+				this.swipeaction.closeOther(this)
+			}
+		},
+
+		change(e) {
+			this.$emit('change', e.open)
+			if (this.is_show !== e.open) {
+				this.is_show = e.open
+			}
+		},
+
+		appTouchStart(e) {
+			if (is_pc) return
+			const {
+				clientX
+			} = e.changedTouches[0]
+			this.clientX = clientX
+			this.timestamp = new Date().getTime()
+		},
+		appTouchEnd(e, index, item, position) {
+			if (is_pc) return
+			const {
+				clientX
+			} = e.changedTouches[0]
+			// fixed by xxxx 模拟点击事件，解决 ios 13 点击区域错位的问题
+			let diff = Math.abs(this.clientX - clientX)
+			let time = (new Date().getTime()) - this.timestamp
+			if (diff < 40 && time < 300) {
+				this.$emit('click', {
+					content: item,
+					index,
+					position
+				})
+			}
+		},
+		onClickForPC(index, item, position) {
+			if (!is_pc) return
+			// #ifdef H5
+			this.$emit('click', {
+				content: item,
+				index,
+				position
+			})
+			// #endif
+		}
+	}
+}
+
+// #endif
+export default mpMixins

uni_modules/uni-swipe-action/components/uni-swipe-action-item/render.js

@@ -0,0 +1,270 @@
+const MIN_DISTANCE = 10;
+export default {
+	showWatch(newVal, oldVal, ownerInstance, instance, self) {
+		var state = self.state
+		var $el = ownerInstance.$el || ownerInstance.$vm && ownerInstance.$vm.$el
+		if (!$el) return
+		this.getDom(instance, ownerInstance, self)
+		if (newVal && newVal !== 'none') {
+			this.openState(newVal, instance, ownerInstance, self)
+			return
+		}
+
+		if (state.left) {
+			this.openState('none', instance, ownerInstance, self)
+		}
+		this.resetTouchStatus(instance, self)
+	},
+
+	/**
+	 * 开始触摸操作
+	 * @param {Object} e
+	 * @param {Object} ins
+	 */
+	touchstart(e, ownerInstance, self) {
+		let instance = e.instance;
+		let disabled = instance.getDataset().disabled
+		let state = self.state;
+		this.getDom(instance, ownerInstance, self)
+		// fix by mehaotian, TODO 兼容 app-vue 获取dataset为字符串 , h5 获取 为 undefined 的问题,待框架修复
+		disabled = this.getDisabledType(disabled)
+		if (disabled) return
+		// 开始触摸时移除动画类
+		instance.requestAnimationFrame(function() {
+			instance.removeClass('ani');
+			ownerInstance.callMethod('closeSwipe');
+		})
+
+		// 记录上次的位置
+		state.x = state.left || 0
+		// 计算滑动开始位置
+		this.stopTouchStart(e, ownerInstance, self)
+	},
+
+	/**
+	 * 开始滑动操作
+	 * @param {Object} e
+	 * @param {Object} ownerInstance
+	 */
+	touchmove(e, ownerInstance, self) {
+		let instance = e.instance;
+		// 删除之后已经那不到实例了
+		if (!instance) return;
+		let disabled = instance.getDataset().disabled
+		let state = self.state
+		// fix by mehaotian, TODO 兼容 app-vue 获取dataset为字符串 , h5 获取 为 undefined 的问题,待框架修复
+		disabled = this.getDisabledType(disabled)
+		if (disabled) return
+		// 是否可以滑动页面
+		this.stopTouchMove(e, self);
+		if (state.direction !== 'horizontal') {
+			return;
+		}
+		if (e.preventDefault) {
+			// 阻止页面滚动
+			e.preventDefault()
+		}
+		let x = state.x + state.deltaX
+		this.move(x, instance, ownerInstance, self)
+	},
+
+	/**
+	 * 结束触摸操作
+	 * @param {Object} e
+	 * @param {Object} ownerInstance
+	 */
+	touchend(e, ownerInstance, self) {
+		let instance = e.instance;
+		let disabled = instance.getDataset().disabled
+		let state = self.state
+		// fix by mehaotian, TODO 兼容 app-vue 获取dataset为字符串 , h5 获取 为 undefined 的问题,待框架修复
+		disabled = this.getDisabledType(disabled)
+
+		if (disabled) return
+		// 滑动过程中触摸结束,通过阙值判断是开启还是关闭
+		// fixed by mehaotian 定时器解决点击按钮，touchend 触发比 click 事件时机早的问题 ，主要是 ios13
+		this.moveDirection(state.left, instance, ownerInstance, self)
+
+	},
+
+	/**
+	 * 设置移动距离
+	 * @param {Object} value
+	 * @param {Object} instance
+	 * @param {Object} ownerInstance
+	 */
+	move(value, instance, ownerInstance, self) {
+		value = value || 0
+		let state = self.state
+		let leftWidth = state.leftWidth
+		let rightWidth = state.rightWidth
+		// 获取可滑动范围
+		state.left = this.range(value, -rightWidth, leftWidth);
+		instance.requestAnimationFrame(function() {
+			instance.setStyle({
+				transform: 'translateX(' + state.left + 'px)',
+				'-webkit-transform': 'translateX(' + state.left + 'px)'
+			})
+		})
+
+	},
+
+	/**
+	 * 获取元素信息
+	 * @param {Object} instance
+	 * @param {Object} ownerInstance
+	 */
+	getDom(instance, ownerInstance, self) {
+		var state = self.state
+		var $el = ownerInstance.$el || ownerInstance.$vm && ownerInstance.$vm.$el
+		var leftDom = $el.querySelector('.button-group--left')
+		var rightDom = $el.querySelector('.button-group--right')
+
+		state.leftWidth = leftDom.offsetWidth || 0
+		state.rightWidth = rightDom.offsetWidth || 0
+		state.threshold = instance.getDataset().threshold
+	},
+
+	getDisabledType(value) {
+		return (typeof(value) === 'string' ? JSON.parse(value) : value) || false;
+	},
+
+	/**
+	 * 获取范围
+	 * @param {Object} num
+	 * @param {Object} min
+	 * @param {Object} max
+	 */
+	range(num, min, max) {
+		return Math.min(Math.max(num, min), max);
+	},
+
+
+	/**
+	 * 移动方向判断
+	 * @param {Object} left
+	 * @param {Object} value
+	 * @param {Object} ownerInstance
+	 * @param {Object} ins
+	 */
+	moveDirection(left, ins, ownerInstance, self) {
+		var state = self.state
+		var threshold = state.threshold
+		var position = state.position
+		var isopen = state.isopen || 'none'
+		var leftWidth = state.leftWidth
+		var rightWidth = state.rightWidth
+		if (state.deltaX === 0) {
+			this.openState('none', ins, ownerInstance, self)
+			return
+		}
+		if ((isopen === 'none' && rightWidth > 0 && -left > threshold) || (isopen !== 'none' && rightWidth > 0 &&
+				rightWidth +
+				left < threshold)) {
+			// right
+			this.openState('right', ins, ownerInstance, self)
+		} else if ((isopen === 'none' && leftWidth > 0 && left > threshold) || (isopen !== 'none' && leftWidth > 0 &&
+				leftWidth - left < threshold)) {
+			// left
+			this.openState('left', ins, ownerInstance, self)
+		} else {
+			// default
+			this.openState('none', ins, ownerInstance, self)
+		}
+	},
+
+
+	/**
+	 * 开启状态
+	 * @param {Boolean} type
+	 * @param {Object} ins
+	 * @param {Object} ownerInstance
+	 */
+	openState(type, ins, ownerInstance, self) {
+		let state = self.state
+		let leftWidth = state.leftWidth
+		let rightWidth = state.rightWidth
+		let left = ''
+		state.isopen = state.isopen ? state.isopen : 'none'
+		switch (type) {
+			case "left":
+				left = leftWidth
+				break
+			case "right":
+				left = -rightWidth
+				break
+			default:
+				left = 0
+		}
+
+		// && !state.throttle
+
+		if (state.isopen !== type) {
+			state.throttle = true
+			ownerInstance.callMethod('change', {
+				open: type
+			})
+
+		}
+
+		state.isopen = type
+		// 添加动画类
+		ins.requestAnimationFrame(() => {
+			ins.addClass('ani');
+			this.move(left, ins, ownerInstance, self)
+		})
+	},
+
+
+	getDirection(x, y) {
+		if (x > y && x > MIN_DISTANCE) {
+			return 'horizontal';
+		}
+		if (y > x && y > MIN_DISTANCE) {
+			return 'vertical';
+		}
+		return '';
+	},
+
+	/**
+	 * 重置滑动状态
+	 * @param {Object} event
+	 */
+	resetTouchStatus(instance, self) {
+		let state = self.state;
+		state.direction = '';
+		state.deltaX = 0;
+		state.deltaY = 0;
+		state.offsetX = 0;
+		state.offsetY = 0;
+	},
+
+	/**
+	 * 设置滑动开始位置
+	 * @param {Object} event
+	 */
+	stopTouchStart(event, ownerInstance, self) {
+		let instance = event.instance;
+		let state = self.state
+		this.resetTouchStatus(instance, self);
+		var touch = event.touches[0];
+		state.startX = touch.clientX;
+		state.startY = touch.clientY;
+	},
+
+	/**
+	 * 滑动中，是否禁止打开
+	 * @param {Object} event
+	 */
+	stopTouchMove(event, self) {
+		let instance = event.instance;
+		let state = self.state;
+		let touch = event.touches[0];
+
+		state.deltaX = touch.clientX - state.startX;
+		state.deltaY = touch.clientY - state.startY;
+		state.offsetY = Math.abs(state.deltaY);
+		state.offsetX = Math.abs(state.deltaX);
+		state.direction = state.direction || this.getDirection(state.offsetX, state.offsetY);
+	}
+}

uni_modules/uni-swipe-action/components/uni-swipe-action-item/uni-swipe-action-item.vue

@@ -0,0 +1,347 @@
+<template>
+	<!-- 在微信小程序 app vue端 h5 使用wxs 实现-->
+	<!-- #ifdef APP-VUE || MP-WEIXIN || H5 -->
+	<view class="uni-swipe">
+		<!--  #ifdef MP-WEIXIN || VUE3 -->
+		<view class="uni-swipe_box" :change:prop="wxsswipe.showWatch" :prop="is_show" :data-threshold="threshold"
+			:data-disabled="disabled" @touchstart="wxsswipe.touchstart" @touchmove="wxsswipe.touchmove"
+			@touchend="wxsswipe.touchend">
+			<!-- #endif -->
+			<!--  #ifndef MP-WEIXIN || VUE3 -->
+			<view class="uni-swipe_box" :change:prop="renderswipe.showWatch" :prop="is_show" :data-threshold="threshold"
+				:data-disabled="disabled+''" @touchstart="renderswipe.touchstart" @touchmove="renderswipe.touchmove"
+				@touchend="renderswipe.touchend">
+				<!-- #endif -->
+				<!-- 在微信小程序 app vue端 h5 使用wxs 实现-->
+				<view class="uni-swipe_button-group button-group--left">
+					<slot name="left">
+						<view v-for="(item,index) in leftOptions" :key="index" :style="{
+					  backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD'
+					}" class="uni-swipe_button button-hock" @touchstart="appTouchStart"
+							@touchend="appTouchEnd($event,index,item,'left')"
+							@click.stop="onClickForPC(index,item,'left')">
+							<text class="uni-swipe_button-text"
+								:style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF',fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'}">{{ item.text }}</text>
+						</view>
+					</slot>
+				</view>
+				<view class="uni-swipe_text--center">
+					<slot></slot>
+				</view>
+				<view class="uni-swipe_button-group button-group--right">
+					<slot name="right">
+						<view v-for="(item,index) in rightOptions" :key="index" :style="{
+					  backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD'
+					}" class="uni-swipe_button button-hock" @touchstart="appTouchStart"
+							@touchend="appTouchEnd($event,index,item,'right')"
+							@click.stop="onClickForPC(index,item,'right')"><text class="uni-swipe_button-text"
+								:style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF',fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'}">{{ item.text }}</text>
+						</view>
+					</slot>
+				</view>
+			</view>
+		</view>
+		<!-- #endif -->
+		<!-- app nvue端 使用 bindingx -->
+		<!-- #ifdef APP-NVUE -->
+		<view ref="selector-box--hock" class="uni-swipe" @horizontalpan="touchstart" @touchend="touchend">
+			<view ref='selector-left-button--hock' class="uni-swipe_button-group button-group--left">
+				<slot name="left">
+					<view v-for="(item,index) in leftOptions" :key="index" :style="{
+				  backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD'
+				}" class="uni-swipe_button button-hock" @click.stop="onClick(index,item,'left')"><text
+							class="uni-swipe_button-text"
+							:style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF', fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'}">{{ item.text }}</text>
+					</view>
+				</slot>
+			</view>
+			<view ref='selector-right-button--hock' class="uni-swipe_button-group button-group--right">
+				<slot name="right">
+					<view v-for="(item,index) in rightOptions" :key="index" :style="{
+				  backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD'
+				}" class="uni-swipe_button button-hock" @click.stop="onClick(index,item,'right')"><text
+							class="uni-swipe_button-text"
+							:style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF',fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'}">{{ item.text }}</text>
+					</view>
+				</slot>
+			</view>
+			<view ref='selector-content--hock' class="uni-swipe_box">
+				<slot></slot>
+			</view>
+		</view>
+		<!-- #endif -->
+		<!-- 其他平台使用 js ，长列表性能可能会有影响-->
+		<!-- #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ -->
+		<view class="uni-swipe">
+			<view class="uni-swipe_box" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend"
+				:style="{transform:moveLeft}" :class="{ani:ani}">
+				<view class="uni-swipe_button-group button-group--left" :class="[elClass]">
+					<slot name="left">
+						<view v-for="(item,index) in leftOptions" :key="index" :style="{
+					  backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD',
+					  fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'
+					}" class="uni-swipe_button button-hock" @touchstart="appTouchStart"
+							@touchend="appTouchEnd($event,index,item,'left')"><text class="uni-swipe_button-text"
+								:style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF',}">{{ item.text }}</text>
+						</view>
+					</slot>
+				</view>
+				<slot></slot>
+				<view class="uni-swipe_button-group button-group--right" :class="[elClass]">
+					<slot name="right">
+						<view v-for="(item,index) in rightOptions" :key="index" :style="{
+					  backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD',
+					  fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'
+					}" @touchstart="appTouchStart" @touchend="appTouchEnd($event,index,item,'right')"
+							class="uni-swipe_button button-hock"><text class="uni-swipe_button-text"
+								:style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF',}">{{ item.text }}</text>
+						</view>
+					</slot>
+				</view>
+			</view>
+		</view>
+		<!-- #endif -->
+
+</template>
+<script src="./wx.wxs" module="wxsswipe" lang="wxs"></script>
+
+<script module="renderswipe" lang="renderjs">
+	import render from './render.js'
+	export default {
+		mounted(e, ins, owner) {
+			this.state = {}
+		},
+		methods: {
+			showWatch(newVal, oldVal, ownerInstance, instance) {
+				render.showWatch(newVal, oldVal, ownerInstance, instance, this)
+			},
+			touchstart(e, ownerInstance) {
+				render.touchstart(e, ownerInstance, this)
+			},
+			touchmove(e, ownerInstance) {
+				render.touchmove(e, ownerInstance, this)
+			},
+			touchend(e, ownerInstance) {
+				render.touchend(e, ownerInstance, this)
+			}
+		}
+	}
+</script>
+<script>
+	import mpwxs from './mpwxs'
+	import bindingx from './bindingx.js'
+	import mpother from './mpother'
+
+	/**
+	 * SwipeActionItem 滑动操作子组件
+	 * @description 通过滑动触发选项的容器
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=181
+	 * @property {Boolean} show = [left|right｜none] 	开启关闭组件，auto-close = false 时生效
+	 * @property {Boolean} disabled = [true|false] 		是否禁止滑动
+	 * @property {Boolean} autoClose = [true|false] 	滑动打开当前组件，是否关闭其他组件
+	 * @property {Number}  threshold 					滑动缺省值
+	 * @property {Array} leftOptions 					左侧选项内容及样式
+	 * @property {Array} rgihtOptions 					右侧选项内容及样式
+	 * @event {Function} click 							点击选项按钮时触发事件，e = {content,index} ，content（点击内容）、index（下标)
+	 * @event {Function} change 						组件打开或关闭时触发，left\right\none
+	 */
+
+	export default {
+		mixins: [mpwxs, bindingx, mpother],
+		emits: ['click', 'change'],
+		props: {
+			// 控制开关
+			show: {
+				type: String,
+				default: 'none'
+			},
+
+			// 禁用
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+
+			// 是否自动关闭
+			autoClose: {
+				type: Boolean,
+				default: true
+			},
+
+			// 滑动缺省距离
+			threshold: {
+				type: Number,
+				default: 20
+			},
+
+			// 左侧按钮内容
+			leftOptions: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+
+			// 右侧按钮内容
+			rightOptions: {
+				type: Array,
+				default () {
+					return []
+				}
+			}
+
+		},
+		// #ifndef VUE3
+		// TODO vue2
+		destroyed() {
+			if (this.__isUnmounted) return
+			this.uninstall()
+		},
+		// #endif
+		// #ifdef VUE3
+		// TODO vue3
+		unmounted() {
+			this.__isUnmounted = true
+			this.uninstall()
+		},
+		// #endif
+
+		methods: {
+			uninstall() {
+				if (this.swipeaction) {
+					this.swipeaction.children.forEach((item, index) => {
+						if (item === this) {
+							this.swipeaction.children.splice(index, 1)
+						}
+					})
+				}
+			},
+			/**
+			 * 获取父元素实例
+			 */
+			getSwipeAction(name = 'uniSwipeAction') {
+				let parent = this.$parent;
+				let parentName = parent.$options.name;
+				while (parentName !== name) {
+					parent = parent.$parent;
+					if (!parent) return false;
+					parentName = parent.$options.name;
+				}
+				return parent;
+			}
+		}
+	}
+</script>
+<style lang="scss">
+	.uni-swipe {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		overflow: hidden;
+		/* #endif */
+	}
+
+	.uni-swipe_box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		// touch-action: none;
+		/* #endif */
+		position: relative;
+	}
+
+	.uni-swipe_content {
+		// border: 1px red solid;
+	}
+
+	.uni-swipe_text--center {
+		width: 100%;
+		/* #ifndef APP-NVUE */
+		cursor: grab;
+		/* #endif */
+	}
+
+	.uni-swipe_button-group {
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.button-group--left {
+		left: 0;
+		transform: translateX(-100%)
+	}
+
+	.button-group--right {
+		right: 0;
+		transform: translateX(100%)
+	}
+
+	.uni-swipe_button {
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		padding: 0 20px;
+	}
+
+	.uni-swipe_button-text {
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+		font-size: 14px;
+	}
+
+	.ani {
+		transition-property: transform;
+		transition-duration: 0.3s;
+		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
+	}
+
+	/* #ifdef MP-ALIPAY */
+	.movable-area {
+		/* width: 100%; */
+		height: 45px;
+	}
+
+	.movable-view {
+		display: flex;
+		/* justify-content: center; */
+		position: relative;
+		flex: 1;
+		height: 45px;
+		z-index: 2;
+	}
+
+	.movable-view-button {
+		display: flex;
+		flex-shrink: 0;
+		flex-direction: row;
+		height: 100%;
+		background: #C0C0C0;
+	}
+
+	/* .transition {
+		transition: all 0.3s;
+	} */
+
+	.movable-view-box {
+		flex-shrink: 0;
+		height: 100%;
+		background-color: #fff;
+	}
+
+	/* #endif */
+</style>

uni_modules/uni-swipe-action/components/uni-swipe-action-item/wx.wxs

@@ -0,0 +1,341 @@
+var MIN_DISTANCE = 10;
+
+/**
+ * 判断当前是否为H5、app-vue
+ */
+var IS_HTML5 = false
+if (typeof window === 'object') IS_HTML5 = true
+
+/**
+ * 监听页面内值的变化,主要用于动态开关swipe-action
+ * @param {Object} newValue
+ * @param {Object} oldValue
+ * @param {Object} ownerInstance
+ * @param {Object} instance
+ */
+function showWatch(newVal, oldVal, ownerInstance, instance) {
+	var state = instance.getState()
+	getDom(instance, ownerInstance)
+	if (newVal && newVal !== 'none') {
+		openState(newVal, instance, ownerInstance)
+		return
+	}
+
+	if (state.left) {
+		openState('none', instance, ownerInstance)
+	}
+	resetTouchStatus(instance)
+}
+
+/**
+ * 开始触摸操作
+ * @param {Object} e
+ * @param {Object} ins
+ */
+function touchstart(e, ownerInstance) {
+	var instance = e.instance;
+	var disabled = instance.getDataset().disabled
+	var state = instance.getState();
+	getDom(instance, ownerInstance)
+	// fix by mehaotian, TODO 兼容 app-vue 获取dataset为字符串 , h5 获取 为 undefined 的问题,待框架修复
+	disabled = (typeof(disabled) === 'string' ? JSON.parse(disabled) : disabled) || false;
+	if (disabled) return
+	// 开始触摸时移除动画类
+	instance.requestAnimationFrame(function() {
+		instance.removeClass('ani');
+		ownerInstance.callMethod('closeSwipe');
+	})
+
+	// 记录上次的位置
+	state.x = state.left || 0
+	// 计算滑动开始位置
+	stopTouchStart(e, ownerInstance)
+}
+
+/**
+ * 开始滑动操作
+ * @param {Object} e
+ * @param {Object} ownerInstance
+ */
+function touchmove(e, ownerInstance) {
+	var instance = e.instance;
+	var disabled = instance.getDataset().disabled
+	var state = instance.getState()
+	// fix by mehaotian, TODO 兼容 app-vue 获取dataset为字符串 , h5 获取 为 undefined 的问题,待框架修复
+	disabled = (typeof(disabled) === 'string' ? JSON.parse(disabled) : disabled) || false;
+	if (disabled) return
+	// 是否可以滑动页面
+	stopTouchMove(e);
+	if (state.direction !== 'horizontal') {
+		return;
+	}
+
+	if (e.preventDefault) {
+		// 阻止页面滚动
+		e.preventDefault()
+	}
+
+	move(state.x + state.deltaX, instance, ownerInstance)
+}
+
+/**
+ * 结束触摸操作
+ * @param {Object} e
+ * @param {Object} ownerInstance
+ */
+function touchend(e, ownerInstance) {
+	var instance = e.instance;
+	var disabled = instance.getDataset().disabled
+	var state = instance.getState()
+	// fix by mehaotian, TODO 兼容 app-vue 获取dataset为字符串 , h5 获取 为 undefined 的问题,待框架修复
+	disabled = (typeof(disabled) === 'string' ? JSON.parse(disabled) : disabled) || false;
+
+	if (disabled) return
+	// 滑动过程中触摸结束,通过阙值判断是开启还是关闭
+	// fixed by mehaotian 定时器解决点击按钮，touchend 触发比 click 事件时机早的问题 ，主要是 ios13
+	moveDirection(state.left, instance, ownerInstance)
+
+}
+
+/**
+ * 设置移动距离
+ * @param {Object} value
+ * @param {Object} instance
+ * @param {Object} ownerInstance
+ */
+function move(value, instance, ownerInstance) {
+	value = value || 0
+	var state = instance.getState()
+	var leftWidth = state.leftWidth
+	var rightWidth = state.rightWidth
+	// 获取可滑动范围
+	state.left = range(value, -rightWidth, leftWidth);
+	instance.requestAnimationFrame(function() {
+		instance.setStyle({
+			transform: 'translateX(' + state.left + 'px)',
+			'-webkit-transform': 'translateX(' + state.left + 'px)'
+		})
+	})
+
+}
+
+/**
+ * 获取元素信息
+ * @param {Object} instance
+ * @param {Object} ownerInstance
+ */
+function getDom(instance, ownerInstance) {
+	var state = instance.getState()
+	var leftDom = ownerInstance.selectComponent('.button-group--left')
+	var rightDom = ownerInstance.selectComponent('.button-group--right')
+	var leftStyles = {
+		width: 0
+	}
+	var rightStyles = {
+		width: 0
+	}
+	leftStyles = leftDom.getBoundingClientRect()
+	rightStyles = rightDom.getBoundingClientRect()
+
+	state.leftWidth = leftStyles.width || 0
+	state.rightWidth = rightStyles.width || 0
+	state.threshold = instance.getDataset().threshold
+}
+
+/**
+ * 获取范围
+ * @param {Object} num
+ * @param {Object} min
+ * @param {Object} max
+ */
+function range(num, min, max) {
+	return Math.min(Math.max(num, min), max);
+}
+
+
+/**
+ * 移动方向判断
+ * @param {Object} left
+ * @param {Object} value
+ * @param {Object} ownerInstance
+ * @param {Object} ins
+ */
+function moveDirection(left, ins, ownerInstance) {
+	var state = ins.getState()
+	var threshold = state.threshold
+	var position = state.position
+	var isopen = state.isopen || 'none'
+	var leftWidth = state.leftWidth
+	var rightWidth = state.rightWidth
+	if (state.deltaX === 0) {
+		openState('none', ins, ownerInstance)
+		return
+	}
+	if ((isopen === 'none' && rightWidth > 0 && -left > threshold) || (isopen !== 'none' && rightWidth > 0 &&
+			rightWidth +
+			left < threshold)) {
+		// right
+		openState('right', ins, ownerInstance)
+	} else if ((isopen === 'none' && leftWidth > 0 && left > threshold) || (isopen !== 'none' && leftWidth > 0 &&
+			leftWidth - left < threshold)) {
+		// left
+		openState('left', ins, ownerInstance)
+	} else {
+		// default
+		openState('none', ins, ownerInstance)
+	}
+}
+
+
+/**
+ * 开启状态
+ * @param {Boolean} type
+ * @param {Object} ins
+ * @param {Object} ownerInstance
+ */
+function openState(type, ins, ownerInstance) {
+	var state = ins.getState()
+	var leftWidth = state.leftWidth
+	var rightWidth = state.rightWidth
+	var left = ''
+	state.isopen = state.isopen ? state.isopen : 'none'
+	switch (type) {
+		case "left":
+			left = leftWidth
+			break
+		case "right":
+			left = -rightWidth
+			break
+		default:
+			left = 0
+	}
+
+	// && !state.throttle
+
+	if (state.isopen !== type) {
+		state.throttle = true
+		ownerInstance.callMethod('change', {
+			open: type
+		})
+
+	}
+
+	state.isopen = type
+	// 添加动画类
+	ins.requestAnimationFrame(function() {
+		ins.addClass('ani');
+		move(left, ins, ownerInstance)
+	})
+	// 设置最终移动位置,理论上只要进入到这个函数，肯定是要打开的
+}
+
+
+function getDirection(x, y) {
+	if (x > y && x > MIN_DISTANCE) {
+		return 'horizontal';
+	}
+	if (y > x && y > MIN_DISTANCE) {
+		return 'vertical';
+	}
+	return '';
+}
+
+/**
+ * 重置滑动状态
+ * @param {Object} event
+ */
+function resetTouchStatus(instance) {
+	var state = instance.getState();
+	state.direction = '';
+	state.deltaX = 0;
+	state.deltaY = 0;
+	state.offsetX = 0;
+	state.offsetY = 0;
+}
+
+/**
+ * 设置滑动开始位置
+ * @param {Object} event
+ */
+function stopTouchStart(event) {
+	var instance = event.instance;
+	var state = instance.getState();
+	resetTouchStatus(instance);
+	var touch = event.touches[0];
+	if (IS_HTML5 && isPC()) {
+		touch = event;
+	}
+	state.startX = touch.clientX;
+	state.startY = touch.clientY;
+}
+
+/**
+ * 滑动中，是否禁止打开
+ * @param {Object} event
+ */
+function stopTouchMove(event) {
+	var instance = event.instance;
+	var state = instance.getState();
+	var touch = event.touches[0];
+	if (IS_HTML5 && isPC()) {
+		touch = event;
+	}
+	state.deltaX = touch.clientX - state.startX;
+	state.deltaY = touch.clientY - state.startY;
+	state.offsetY = Math.abs(state.deltaY);
+	state.offsetX = Math.abs(state.deltaX);
+	state.direction = state.direction || getDirection(state.offsetX, state.offsetY);
+}
+
+function isPC() {
+	var userAgentInfo = navigator.userAgent;
+	var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+	var flag = true;
+	for (var v = 0; v < Agents.length - 1; v++) {
+		if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			flag = false;
+			break;
+		}
+	}
+	return flag;
+}
+
+var movable = false
+
+function mousedown(e, ins) {
+	if (!IS_HTML5) return
+	if (!isPC()) return
+	touchstart(e, ins)
+	movable = true
+}
+
+function mousemove(e, ins) {
+	if (!IS_HTML5) return
+	if (!isPC()) return
+	if (!movable) return
+	touchmove(e, ins)
+}
+
+function mouseup(e, ins) {
+	if (!IS_HTML5) return
+	if (!isPC()) return
+	touchend(e, ins)
+	movable = false
+}
+
+function mouseleave(e, ins) {
+	if (!IS_HTML5) return
+	if (!isPC()) return
+	movable = false
+}
+
+module.exports = {
+	showWatch: showWatch,
+	touchstart: touchstart,
+	touchmove: touchmove,
+	touchend: touchend,
+	mousedown: mousedown,
+	mousemove: mousemove,
+	mouseup: mouseup,
+	mouseleave: mouseleave
+}

uni_modules/uni-swipe-action/components/uni-swipe-action/uni-swipe-action.vue

@@ -0,0 +1,60 @@
+<template>
+	<view>
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	/**
+	 * SwipeAction 滑动操作
+	 * @description 通过滑动触发选项的容器
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=181
+	 */
+	export default {
+		name:"uniSwipeAction",
+		data() {
+			return {};
+		},
+		created() {
+			this.children = [];
+		},
+		methods: {
+			// 公开给用户使用，重制组件样式
+			resize(){
+				// wxs 会自己计算组件大小，所以无需执行下面代码
+				// #ifndef APP-VUE || H5 || MP-WEIXIN
+				this.children.forEach(vm=>{
+					vm.init()
+				})
+				// #endif
+			},
+			// 公开给用户使用，关闭全部 已经打开的组件
+			closeAll(){
+				this.children.forEach(vm=>{
+					// #ifdef APP-VUE || H5 || MP-WEIXIN
+					vm.is_show = 'none'
+					// #endif
+
+					// #ifndef APP-VUE || H5 || MP-WEIXIN
+					vm.close()
+					// #endif
+				})
+			},
+			closeOther(vm) {
+				if (this.openItem && this.openItem !== vm) {
+					// #ifdef APP-VUE || H5 || MP-WEIXIN
+					this.openItem.is_show = 'none'
+					// #endif
+
+					// #ifndef APP-VUE || H5 || MP-WEIXIN
+					this.openItem.close()
+					// #endif
+				}
+				// 记录上一个打开的 swipe-action-item ,用于 auto-close
+				this.openItem = vm
+			}
+		}
+	};
+</script>
+
+<style></style>

uni_modules/uni-swipe-action/package.json

@@ -0,0 +1,84 @@
+{
+	"id": "uni-swipe-action",
+	"displayName": "uni-swipe-action 滑动操作",
+	"version": "1.3.8",
+	"description": "SwipeAction 滑动操作操作组件",
+	"keywords": [
+        "",
+        "uni-ui",
+        "uniui",
+        "滑动删除",
+        "侧滑删除"
+    ],
+	"repository": "https://github.com/dcloudio/uni-ui",
+	"engines": {
+		"HBuilderX": ""
+	},
+	"directories": {
+		"example": "../../temps/example_temps"
+	},
+    "dcloudext": {
+        "sale": {
+			"regular": {
+				"price": "0.00"
+			},
+			"sourcecode": {
+				"price": "0.00"
+			}
+		},
+		"contact": {
+			"qq": ""
+		},
+		"declaration": {
+			"ads": "无",
+			"data": "无",
+			"permissions": "无"
+		},
+        "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
+        "type": "component-vue"
+	},
+	"uni_modules": {
+		"dependencies": ["uni-scss"],
+		"encrypt": [],
+		"platforms": {
+			"cloud": {
+				"tcb": "y",
+				"aliyun": "y"
+			},
+			"client": {
+				"App": {
+					"app-vue": "y",
+					"app-nvue": "y"
+				},
+				"H5-mobile": {
+					"Safari": "y",
+					"Android Browser": "y",
+					"微信浏览器(Android)": "y",
+					"QQ浏览器(Android)": "y"
+				},
+				"H5-pc": {
+					"Chrome": "y",
+					"IE": "y",
+					"Edge": "y",
+					"Firefox": "y",
+					"Safari": "y"
+				},
+				"小程序": {
+					"微信": "y",
+					"阿里": "y",
+					"百度": "y",
+					"字节跳动": "y",
+					"QQ": "y"
+				},
+				"快应用": {
+					"华为": "y",
+					"联盟": "u"
+				},
+				"Vue": {
+					"vue2": "y",
+					"vue3": "y"
+				}
+			}
+		}
+	}
+}

uni_modules/uni-swipe-action/readme.md

@@ -0,0 +1,11 @@
+
+
+## SwipeAction 滑动操作
+> **组件名：uni-swipe-action**
+> 代码块： `uSwipeAction`、`uSwipeActionItem`
+
+
+通过滑动触发选项的容器
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-swipe-action)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 

unpackage/dist/dev/mp-weixin/app.json

@@ -3,7 +3,12 @@
     "pages/index/index",
     "pages/my/my",
     "pages/search/search",
-    "pages/setMeal/setMeal"
+    "pages/setMeal/setMeal",
+    "pages/set/set",
+    "pages/common/common",
+    "pages/addOrEdit/addOrEdit",
+    "pages/orderManage/orderManage",
+    "pages/detail/detail"
   ],
   "subPackages": [],
   "window": {
@@ -14,7 +19,7 @@
   },
   "tabBar": {
     "color": "#A6A6A6",
-    "selectedColor": "#1E7DFB",
+    "selectedColor": "#096562",
     "borderStyle": "black",
     "backgroundColor": "#ffffff",
     "list": [
@@ -25,18 +30,6 @@
         "text": "首页"
       },
       {
-        "pagePath": "pages/setMeal/setMeal",
-        "iconPath": "static/images/setMeal.png",
-        "selectedIconPath": "static/images/setMeal-active.png",
-        "text": "套餐"
-      },
-      {
-        "pagePath": "pages/search/search",
-        "iconPath": "static/images/search.png",
-        "selectedIconPath": "static/images/search-active.png",
-        "text": "服务"
-      },
-      {
         "pagePath": "pages/my/my",
         "iconPath": "static/images/my.png",
         "selectedIconPath": "static/images/my-active.png",

unpackage/dist/dev/mp-weixin/common/runtime.js

@@ -105,11 +105,11 @@
 /******/
 /******/
 /******/ 		// mini-css-extract-plugin CSS loading
-/******/ 		var cssChunks = {"uni_modules/uv-row/components/uv-col/uv-col":1,"uni_modules/uv-row/components/uv-row/uv-row":1};
+/******/ 		var cssChunks = {"uni_modules/uv-row/components/uv-row/uv-row":1,"uni_modules/uni-swipe-action/components/uni-swipe-action-item/uni-swipe-action-item":1};
 /******/ 		if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);
 /******/ 		else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {
 /******/ 			promises.push(installedCssChunks[chunkId] = new Promise(function(resolve, reject) {
-/******/ 				var href = "" + ({"uni_modules/uv-row/components/uv-col/uv-col":"uni_modules/uv-row/components/uv-col/uv-col","uni_modules/uv-row/components/uv-row/uv-row":"uni_modules/uv-row/components/uv-row/uv-row"}[chunkId]||chunkId) + ".wxss";
+/******/ 				var href = "" + ({"uni_modules/uv-row/components/uv-row/uv-row":"uni_modules/uv-row/components/uv-row/uv-row","uni_modules/uni-swipe-action/components/uni-swipe-action-item/uni-swipe-action-item":"uni_modules/uni-swipe-action/components/uni-swipe-action-item/uni-swipe-action-item","uni_modules/uni-swipe-action/components/uni-swipe-action/uni-swipe-action":"uni_modules/uni-swipe-action/components/uni-swipe-action/uni-swipe-action"}[chunkId]||chunkId) + ".wxss";
 /******/ 				var fullhref = __webpack_require__.p + href;
 /******/ 				var existingLinkTags = document.getElementsByTagName("link");
 /******/ 				for(var i = 0; i < existingLinkTags.length; i++) {

unpackage/dist/dev/mp-weixin/pages/addOrEdit/addOrEdit.json

@@ -0,0 +1,5 @@
+{
+  "navigationBarTitleText": "添加旅客",
+  "enablePullDownRefresh": false,
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pages/addOrEdit/addOrEdit.wxss

@@ -0,0 +1,81 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.container.data-v-74872a38 {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background-color: #f2f2f2;
+}
+.container .box.data-v-74872a38 {
+  margin-top: 20rpx;
+  height: calc(100vh - 20rpx);
+  background-color: #fff;
+}
+.container .box .body.data-v-74872a38 {
+  box-sizing: border-box;
+  padding: 0 20rpx;
+  height: calc(100vh - 236rpx);
+  background-color: #fff;
+}
+.container .box .body .body_box.data-v-74872a38 {
+  display: flex;
+  align-items: center;
+  margin-top: 30rpx;
+  height: 80rpx;
+}
+.container .box .body .body_box .body_box_key.data-v-74872a38 {
+  width: 152rpx;
+  color: #808080;
+  font-size: 28rpx;
+}
+.container .box .body .body_box .body_box_value.data-v-74872a38 {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: 0 28rpx;
+  width: 559rpx;
+  height: 80rpx;
+  font-size: 28rpx;
+  border-radius: 15rpx;
+  background-color: #f2f2f2;
+}
+.container .box .body .body_box .body_box_value .input.data-v-74872a38 {
+  width: 100%;
+}
+.container .box .btn.data-v-74872a38 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 45rpx auto;
+  width: 710rpx;
+  height: 96rpx;
+  font-size: 32rpx;
+  border-radius: 64rpx;
+  color: #fff;
+  background-color: #096562;
+}
+

unpackage/dist/dev/mp-weixin/pages/common/common.json

@@ -0,0 +1,8 @@
+{
+  "navigationBarTitleText": "常用旅客",
+  "enablePullDownRefresh": false,
+  "usingComponents": {
+    "uni-swipe-action": "/uni_modules/uni-swipe-action/components/uni-swipe-action/uni-swipe-action",
+    "uni-swipe-action-item": "/uni_modules/uni-swipe-action/components/uni-swipe-action-item/uni-swipe-action-item"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/common/common.wxss

@@ -0,0 +1,96 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.container.data-v-a790a134 {
+  box-sizing: border-box;
+  padding: 0 20rpx;
+  height: 100vh;
+  background-color: #ebeced;
+}
+.container .list.data-v-a790a134 {
+  height: calc(100vh - 186rpx);
+  overflow-y: auto;
+}
+.container .list .list_item_right.data-v-a790a134 {
+  display: flex;
+  margin-top: 20rpx;
+  width: 252rpx;
+  height: 236rpx;
+}
+.container .list .list_item_right .list_item_right_box.data-v-a790a134 {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.container .list .list_item_right .list_item_right_box .img.data-v-a790a134 {
+  width: 50rpx;
+  height: 50rpx;
+}
+.container .list .list_item_right .edit.data-v-a790a134 {
+  background-color: #096562;
+}
+.container .list .list_item_right .delete.data-v-a790a134 {
+  background-color: #d43030;
+}
+.container .list .list_item.data-v-a790a134 {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  margin-top: 20rpx;
+  padding-left: 27rpx;
+  width: 710rpx;
+  height: 236rpx;
+  opacity: 0.9;
+  border-radius: 15rpx;
+  background-color: #fff;
+}
+.container .list .list_item .item_box.data-v-a790a134 {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  font-size: 28rpx;
+}
+.container .list .list_item .item_box .box_key.data-v-a790a134 {
+  width: 120rpx;
+  color: #808080;
+}
+.container .list .list_item .item_box .box_value.data-v-a790a134 {
+  margin-left: 30rpx;
+}
+.container .btn.data-v-a790a134 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 45rpx 0;
+  width: 710rpx;
+  height: 96rpx;
+  font-size: 32rpx;
+  border-radius: 64rpx;
+  color: #fff;
+  background-color: #096562;
+}
+

unpackage/dist/dev/mp-weixin/pages/detail/detail.json

@@ -0,0 +1,5 @@
+{
+  "navigationBarTitleText": "民宿详情",
+  "enablePullDownRefresh": false,
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pages/detail/detail.wxss

@@ -0,0 +1,155 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.container.data-v-3e159eb4 {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  min-height: 100vh;
+  background-color: #ebeced;
+}
+.container .banner.data-v-3e159eb4 {
+  position: relative;
+  margin-top: 20rpx;
+  width: 750rpx;
+  height: 422rpx;
+}
+.container .banner .img.data-v-3e159eb4 {
+  width: 100%;
+  height: 100%;
+}
+.container .banner .slogan.data-v-3e159eb4 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 163rpx;
+  height: 60rpx;
+  background-color: rgba(255, 255, 255, 0.4);
+}
+.container .banner .slogan ._img.data-v-3e159eb4 {
+  width: 125rpx;
+  height: 44rpx;
+}
+.container .detail.data-v-3e159eb4 {
+  position: absolute;
+  top: 265rpx;
+  left: 20rpx;
+  box-sizing: border-box;
+  padding: 0 30rpx;
+  width: 710rpx;
+  height: 254rpx;
+  border-radius: 10rpx;
+  background-color: #fff;
+}
+.container .detail .detail_name.data-v-3e159eb4 {
+  margin-top: 25rpx;
+  font-size: 34rpx;
+  font-weight: bold;
+}
+.container .detail .detail_info.data-v-3e159eb4 {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 10rpx;
+}
+.container .detail .detail_info .info_left.data-v-3e159eb4 {
+  color: #999999;
+  font-size: 20rpx;
+}
+.container .detail .detail_info .info_right.data-v-3e159eb4 {
+  display: flex;
+  align-items: center;
+  color: #096562;
+  font-size: 24rpx;
+}
+.container .detail .detail_info .info_right ._img.data-v-3e159eb4 {
+  margin-left: 6rpx;
+  width: 10rpx;
+  height: 20rpx;
+}
+.container .detail .detail_group.data-v-3e159eb4 {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 5rpx;
+}
+.container .detail .detail_group .group_item.data-v-3e159eb4 {
+  display: flex;
+  align-items: center;
+  margin-right: 10rpx;
+  color: #999999;
+  font-size: 20rpx;
+}
+.container .detail .detail_group .group_item ._img.data-v-3e159eb4 {
+  margin-right: 5rpx;
+  width: 22rpx;
+  height: 22rpx;
+}
+.container .detail .address.data-v-3e159eb4 {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 8rpx;
+  font-size: 28rpx;
+  font-weight: bold;
+}
+.container .detail .address .address_left.data-v-3e159eb4 {
+  width: 480rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.container .detail .address .address_right.data-v-3e159eb4 {
+  display: flex;
+}
+.container .detail .address .address_right .right_box.data-v-3e159eb4 {
+  margin-left: 28rpx;
+  width: 50rpx;
+  height: 78rpx;
+}
+.container .detail .address .address_right .right_box ._img.data-v-3e159eb4 {
+  width: 100%;
+  height: 100%;
+}
+.container .detail .distance.data-v-3e159eb4 {
+  margin-top: -35rpx;
+  color: #999999;
+  font-size: 24rpx;
+}
+.container .body.data-v-3e159eb4 {
+  position: absolute;
+  top: 539rpx;
+  left: 20rpx;
+  width: 710rpx;
+  border-radius: 10rpx;
+  background-color: #fff;
+}
+.container .body .body_header.data-v-3e159eb4 {
+  height: 150rpx;
+  border-radius: 10rpx 10rpx 0 0;
+  background-color: skyblue;
+}
+

unpackage/dist/dev/mp-weixin/pages/index/index.json

@@ -1,7 +1,6 @@
 {
   "navigationBarTitleText": "靖安民宿",
   "usingComponents": {
-    "uv-row": "/uni_modules/uv-row/components/uv-row/uv-row",
-    "uv-col": "/uni_modules/uv-row/components/uv-col/uv-col"
+    "uv-row": "/uni_modules/uv-row/components/uv-row/uv-row"
   }
 }

unpackage/dist/dev/mp-weixin/pages/index/index.wxss

@@ -27,19 +27,29 @@
 .container.data-v-57280228 {
   display: flex;
   flex-direction: column;
-  align-items: center;
   width: 750rpx;
+  padding: 0 30rpx;
   box-sizing: border-box;
+  background-color: #ebeced;
+}
+.container .address.data-v-57280228 {
+  display: flex;
+  width: 152rpx;
+  font-size: 28rpx;
+}
+.container .address ._img.data-v-57280228 {
+  width: 48rpx;
+  height: 48rpx;
 }
 .container .search.data-v-57280228 {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  width: 700rpx;
-  height: 70rpx;
+  width: 538rpx;
+  height: 80rpx;
   opacity: 1;
   border-radius: 70px;
-  border: 1px solid #1e7dfb;
+  background-color: #fff;
 }
 .container .search .add.data-v-57280228 {
   display: flex;
@@ -51,7 +61,6 @@
   height: 60rpx;
   line-height: 60rpx;
   color: #1e7dfb;
-  border-right: 1px solid #ddd;
 }
 .container .search .add .img.data-v-57280228 {
   width: 30rpx;
@@ -61,7 +70,7 @@
   height: 60rpx;
   line-height: 60rpx;
   flex-grow: 1;
-  padding-left: 20rpx;
+  font-size: 28rpx;
 }
 .container .search .btnSearch.data-v-57280228 {
   width: 100rpx;
@@ -70,23 +79,28 @@
   height: 60rpx;
   line-height: 60rpx;
   opacity: 1;
-  font-size: 32rpx;
+  font-size: 28rpx;
   font-weight: 400;
   height: 2rem;
-  color: #1e7dfb;
+  color: #096562;
+}
+.container .body.data-v-57280228 {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
 }
-.container .item.data-v-57280228 {
-  width: 340rpx;
+.container .body .item.data-v-57280228 {
+  width: 335rpx;
   box-sizing: border-box;
   margin-bottom: 20rpx;
 }
-.container .item .item-img.data-v-57280228 {
+.container .body .item .item-img.data-v-57280228 {
   width: 100%;
-  height: 350rpx;
+  height: 223rpx;
   border-radius: 18rpx 18rpx 0 0;
   box-sizing: border-box;
 }
-.container .item .descrition.data-v-57280228 {
+.container .body .item .descrition.data-v-57280228 {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -95,30 +109,45 @@
   background: white;
   margin-top: -10rpx;
 }
-.container .item .descrition .title.data-v-57280228 {
+.container .body .item .descrition .title.data-v-57280228 {
   font-size: 28rpx;
-  font-weight: 500;
+  font-weight: 600;
   padding: 20rpx 20rpx 10rpx;
   color: black;
 }
-.container .item .descrition .detail.data-v-57280228 {
+.container .body .item .descrition .type.data-v-57280228 {
+  padding: 5rpx 20rpx;
+  font-size: 24rpx;
+  color: #a6a6a6;
+}
+.container .body .item .descrition .distance.data-v-57280228 {
+  padding: 10rpx 20rpx;
+  font-size: 24rpx;
+  color: #a6a6a6;
+}
+.container .body .item .descrition .detail.data-v-57280228 {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+  align-items: center;
   padding: 0 20rpx 20rpx 20rpx;
   color: black;
 }
-.container .item .descrition .detail .price .txt1.data-v-57280228 {
+.container .body .item .descrition .detail .img.data-v-57280228 {
+  width: 40rpx;
+  height: 40rpx;
+}
+.container .body .item .descrition .detail .price .txt1.data-v-57280228 {
   font-size: 36rpx;
-  font-weight: 500;
+  font-weight: 600;
   color: #ff5733;
 }
-.container .item .descrition .detail .price .txt2.data-v-57280228 {
+.container .body .item .descrition .detail .price .txt2.data-v-57280228 {
   font-size: 24rpx;
   font-weight: 400;
-  color: #ff5733;
+  color: #a6a6a6;
 }
-.container .item .descrition .detail .score.data-v-57280228 {
+.container .body .item .descrition .detail .score.data-v-57280228 {
   font-size: 24rpx;
   font-weight: 400;
   padding-top: 10rpx;

unpackage/dist/dev/mp-weixin/pages/my/my.wxss

@@ -0,0 +1,113 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.container.data-v-0be17cc6 {
+  position: relative;
+  min-height: 100vh;
+  background-color: #ebeced;
+}
+.container .header.data-v-0be17cc6 {
+  position: relative;
+  height: 300rpx;
+  color: #fff;
+  overflow: hidden;
+}
+.container .header ._img.data-v-0be17cc6 {
+  width: 100%;
+}
+.container .header .img.data-v-0be17cc6 {
+  position: absolute;
+  top: 120rpx;
+  left: 32rpx;
+  width: 140rpx;
+  height: 140rpx;
+}
+.container .header .name.data-v-0be17cc6 {
+  position: absolute;
+  top: 118rpx;
+  left: 202rpx;
+  font-size: 40rpx;
+  font-weight: bold;
+}
+.container .header .number.data-v-0be17cc6 {
+  position: absolute;
+  top: 176rpx;
+  left: 202rpx;
+  font-size: 24rpx;
+  opacity: 0.5;
+}
+.container .header .real.data-v-0be17cc6 {
+  position: absolute;
+  top: 221rpx;
+  left: 202rpx;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding-left: 13rpx;
+  width: 179rpx;
+  height: 42rpx;
+  font-size: 24rpx;
+  border-radius: 113rpx;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+.container .header .real ._img.data-v-0be17cc6 {
+  margin-right: 7rpx;
+  width: 24rpx;
+  height: 24rpx;
+}
+.container .body.data-v-0be17cc6 {
+  position: absolute;
+  top: 290rpx;
+  box-sizing: border-box;
+  padding: 0 30rpx;
+  width: 100%;
+  height: calc(100vh - 290rpx);
+  border-radius: 20rpx 20rpx 0 0;
+  background-color: #fff;
+}
+.container .body .body_item.data-v-0be17cc6 {
+  display: flex;
+  align-items: center;
+  height: 121rpx;
+  font-size: 28rpx;
+  border-bottom: 1rpx solid #e6e6e6;
+}
+.container .body .body_item .img.data-v-0be17cc6 {
+  margin-right: 17rpx;
+  width: 53rpx;
+  height: 53rpx;
+}
+.container .body .body_item .img2.data-v-0be17cc6 {
+  margin-right: 22rpx;
+  width: 42rpx;
+  height: 42rpx;
+}
+.container .body .body_item .img3.data-v-0be17cc6 {
+  margin-right: 18rpx;
+  width: 50rpx;
+  height: 50rpx;
+}
+