111

components/active/active-item.vue

@@ -0,0 +1,179 @@
+<template>
+	<view class="cardList">
+		<view class="container" v-for="(item, index) in cardListData" :key="index">
+			<view class="content" :class="['U','S'].includes(item.state) ? 'content_border' : ''">
+				<view class="left">
+					<img :src="item.imgUrl" alt="">
+				</view>
+				<view class="right">
+					<view class="detailed">
+						<view class="title">{{item.title}}</view>
+						<view class="date">{{item.time}}</view>
+						<view class="address">{{item.address}}</view>
+					</view>
+					<view class="price">
+						<view class="num-box">20/40</view>
+						<view class="btn-box">立即报名</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			cardListData: {
+				type: Array,
+				default: []
+			},
+		},
+		data() {
+			return {
+
+			};
+		},
+		components: {
+
+		},
+		computed: {},
+		watch: {
+
+		},
+		created() {
+
+		},
+		mounted() {},
+		methods: {
+			skip(val) {
+				uni.navigateTo({
+					url: '/pages_order/orderDetails'
+				})
+			}
+		}
+	};
+</script>
+
+<style scoped lang="scss">
+	.cardList {
+		.container {
+			margin-top: 31rpx;
+			padding: 25rpx 0;
+			border-radius: 20rpx;
+			background: #1B1713;
+
+			.content_border {
+				border-bottom: 1px solid #2A2A2A;
+			}
+
+			.content {
+				display: flex;
+				padding: 24rpx 35rpx;
+
+				.left {
+					width: 228rpx;
+					height: 228rpx;
+					border-radius: 20rpx;
+					overflow: hidden;
+
+					img {
+						width: 100%;
+						height: 100%;
+					}
+				}
+
+				.right {
+					display: flex;
+					flex-direction: column;
+					justify-content: space-between;
+					flex: 1;
+					margin-left: 26rpx;
+					color: $uni-text-color-grey;
+					font-size: 24rpx;
+
+					.detailed {
+						.title {
+							font-size: 32rpx;
+							color: #fff;
+							padding-top: 11rpx;
+						}
+
+						.date {
+							padding: 25rpx 0 19rpx;
+							display: flex;
+							align-items: center;
+
+							&::before {
+								content: '';
+								display: block;
+								background: url('@/static/image/cart/timeIcon.png') no-repeat;
+								background-size: 100% 100%;
+								width: 24rpx;
+								height: 24rpx;
+								margin-right: 10rpx;
+							}
+						}
+
+						.address {
+							display: flex;
+							align-items: center;
+
+							&::before {
+								content: '';
+								display: block;
+								background: url('@/static/image/cart/addressIcon.png') no-repeat;
+								background-size: 100% 100%;
+								width: 22rpx;
+								height: 26rpx;
+								margin-right: 10rpx;
+							}
+						}
+					}
+
+					.price {
+						
+						display: flex;
+						align-items: center;
+						justify-content: space-between;
+						.num-box {
+							font-size: 27rpx;
+							color: #fff;
+						}
+						.btn-box {
+							width: 180rpx;
+							height: 54rpx;
+							background: url('@/static/image/member/btn-2.png') no-repeat;
+							background-size: 100% 100%;
+							font-weight: 500;
+							font-size: 23rpx;
+							color: #FFFFFF;
+							text-align: center;
+							line-height: 54rpx;
+						}
+					}
+				}
+			}
+
+			.button-sp-area {
+				text-align: right;
+				padding-top: 20rpx;
+
+				.mini-btn {
+					width: 166rpx;
+					height: 53rpx;
+					line-height: 53rpx;
+					font-size: 24rpx;
+					border-radius: 50rpx;
+					margin-left: 20rpx;
+					background-color: #34312E;
+					color: #AFAFAF;
+				}
+			}
+		}
+	}
+
+	.active {
+		color: $uni-color-primary !important;
+	}
+</style>

components/base/tabbar.vue

@@ -11,7 +11,7 @@
 				<view class="icon">
 					<image :src="select == item.key ? 
 					item.selectedIconPath : 
-					item.iconPath" class="icon-image" mode=""></image>
+					item.iconPath" class="icon-image" mode="widthFix"></image>
 				</view>
 				<view class="title">
 					{{ item.title }}
@@ -103,11 +103,9 @@
 		justify-content: center;
 		align-items: center;
 		.icon{
-			width: 54rpx;
-			height: 54rpx;
+			width: 49rpx;
 			.icon-image{
-				width: 54rpx;
-				height: 54rpx;
+				width: 49rpx;
 			}
 		}
 		.title{

components/zhaomu/zhaomu-item.vue

@@ -0,0 +1,218 @@
+<template>
+	<view class="cardList">
+		<view class="container" v-for="item in 2" :key="item">
+			<view class="content">
+				<view class="left">
+					<image src="@/static/image/member/item-img.png" mode="widthFix"></image>
+				</view>
+				<view class="right">
+					<view class="detailed">
+						<view class="title">周五桌游野餐雅致...</view>
+						<view class="date">2024.10.28 10:00</view>
+						<view class="address">成都市东丽湖露营地32号</view>
+					</view>
+					<view class="tips-box">
+						<view class="tips-box-item">高质量</view>
+						<view class="tips-box-item">多平台招募</view>
+						<view class="tips-box-item">交友</view>
+					</view>
+				</view>
+			</view>
+			<view class="bottom-box">
+				<view class="bottom-box-l">
+					<uv-avatar-group :urls="urls" size="45rpx" gap="0.1"></uv-avatar-group>
+					<view class="num">4人参加</view>
+				</view>
+				<view class="bottom-box-r">
+					参与招募
+				</view>
+			</view>
+			<view class="tabs-box" :class="item == 1? 'bzcx-item' : 'ycx-item'">{{item == 1? '保证成行' : '已成行'}}</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			cardListData: {
+				type: Array,
+				default: []
+			},
+		},
+		data() {
+			return {
+				urls: [
+					'https://cdn.uviewui.com/uview/album/1.jpg',
+					'https://cdn.uviewui.com/uview/album/2.jpg',
+					'https://cdn.uviewui.com/uview/album/3.jpg',
+				]
+			};
+		},
+		components: {
+
+		},
+		computed: {},
+		watch: {
+
+		},
+		created() {
+
+		},
+		mounted() {},
+		methods: {
+			skip(val) {
+				uni.navigateTo({
+					url: '/pages_order/orderDetails'
+				})
+			}
+		}
+	};
+</script>
+
+<style scoped lang="scss">
+	.cardList {
+		.container {
+			margin-bottom: 30rpx;
+			border-radius: 20rpx;
+			background: #1B1713;
+			position: relative;
+
+			.content {
+				display: flex;
+				padding: 24rpx 35rpx;
+				border-bottom: 1px solid #2A2A2A;
+
+				.left {
+					border-radius: 20rpx;
+					overflow: hidden;
+
+					image {
+						width: 228rpx;
+					}
+				}
+
+				.right {
+					display: flex;
+					flex-direction: column;
+					justify-content: space-between;
+					flex: 1;
+					margin-left: 23rpx;
+					color: $uni-text-color-grey;
+					font-size: 24rpx;
+
+					.detailed {
+						.title {
+							font-size: 32rpx;
+							color: #fff;
+							padding-top: 11rpx;
+						}
+
+						.date {
+							padding: 25rpx 0 19rpx;
+							display: flex;
+							align-items: center;
+
+							&::before {
+								content: '';
+								display: block;
+								background: url('@/static/image/cart/timeIcon.png') no-repeat;
+								background-size: 100% 100%;
+								width: 24rpx;
+								height: 24rpx;
+								margin-right: 10rpx;
+							}
+						}
+
+						.address {
+							display: flex;
+							align-items: center;
+
+							&::before {
+								content: '';
+								display: block;
+								background: url('@/static/image/cart/addressIcon.png') no-repeat;
+								background-size: 100% 100%;
+								width: 22rpx;
+								height: 26rpx;
+								margin-right: 10rpx;
+							}
+						}
+					}
+
+					.tips-box {
+						display: flex;
+						align-items: center;
+						.tips-box-item {
+							padding: 0 24rpx;
+							height: 38rpx;
+							line-height: 38rpx;
+							background: #282421;
+							border-radius: 7rpx;
+							font-size: 20rpx;
+							color: #999999;
+							margin-right: 14rpx;
+							&:last-child {
+								margin-right: 0;
+							}
+						}
+						
+						
+					}
+				}
+			}
+
+			.bottom-box {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				height: 104rpx;
+				padding: 0 21rpx;
+				&-l {
+					display: flex;
+					align-items: center;
+					.num {
+						font-weight: 500;
+						font-size: 25rpx;
+						color: #999999;
+						margin-left: 20rpx;
+					}
+				}
+				&-r {
+					width: 180rpx;
+					height: 53rpx;
+					background: url('@/static/image/member/canyu-bg.png') no-repeat;
+					background-size: 100% 100%;
+					font-weight: 500;
+					font-size: 23rpx;
+					color: #FFFFFF;
+					text-align: center;
+					line-height: 53rpx;
+				}
+			}
+		
+			.tabs-box {
+				position: absolute;
+				top: 0;
+				right: 0;
+				width: 117rpx;
+				height: 40rpx;
+				font-weight: 500;
+				font-size: 21rpx;
+				text-align: center;
+				line-height: 40rpx;
+			}
+			.bzcx-item {
+				background: url('@/static/image/member/bzcx-bg.png') no-repeat;
+				background-size: 100% 100%;
+				color: #FF9000;
+			}
+			.ycx-item {
+				background: url('@/static/image/member/ycx-bg.png') no-repeat;
+				background-size: 100% 100%;
+				color: #FF3B47;
+			}
+		}
+	}
+
+</style>

components/zhaomu/zlx-item.vue

@@ -0,0 +1,187 @@
+<template>
+	<view class="cardList">
+		<view class="container" v-for="(item, index) in cardListData" :key="index">
+			<view class="content" :class="['U','S'].includes(item.state) ? 'content_border' : ''">
+				<view class="left">
+					<img :src="item.imgUrl" alt="">
+				</view>
+				<view class="right">
+					<view class="detailed">
+						<view class="title">{{item.title}}</view>
+						<view class="date">{{item.time}}</view>
+						<view class="address">{{item.address}}</view>
+					</view>
+					<view class="price">
+						<view class="num-box">20/40</view>
+						<view class="btn-box" v-if="index == 1" @click="qiandaoClick">开始签到</view>
+						<view class="btn-box jieshu-btn" v-else>已结束</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			cardListData: {
+				type: Array,
+				default: []
+			},
+		},
+		data() {
+			return {
+
+			};
+		},
+		components: {
+
+		},
+		computed: {},
+		watch: {
+
+		},
+		created() {
+
+		},
+		mounted() {},
+		methods: {
+			skip(val) {
+				uni.navigateTo({
+					url: '/pages_order/orderDetails'
+				})
+			},
+			qiandaoClick(item) {
+				this.$emit('qiandaoClick',item)
+			}
+		}
+	};
+</script>
+
+<style scoped lang="scss">
+	.cardList {
+		.container {
+			margin-top: 31rpx;
+			padding: 25rpx 0;
+			border-radius: 20rpx;
+			background: #1B1713;
+
+			.content_border {
+				border-bottom: 1px solid #2A2A2A;
+			}
+
+			.content {
+				display: flex;
+				padding: 24rpx 35rpx;
+
+				.left {
+					width: 228rpx;
+					height: 228rpx;
+					border-radius: 20rpx;
+					overflow: hidden;
+
+					img {
+						width: 100%;
+						height: 100%;
+					}
+				}
+
+				.right {
+					display: flex;
+					flex-direction: column;
+					justify-content: space-between;
+					flex: 1;
+					margin-left: 26rpx;
+					color: $uni-text-color-grey;
+					font-size: 24rpx;
+
+					.detailed {
+						.title {
+							font-size: 32rpx;
+							color: #fff;
+							padding-top: 11rpx;
+						}
+
+						.date {
+							padding: 25rpx 0 19rpx;
+							display: flex;
+							align-items: center;
+
+							&::before {
+								content: '';
+								display: block;
+								background: url('@/static/image/cart/timeIcon.png') no-repeat;
+								background-size: 100% 100%;
+								width: 24rpx;
+								height: 24rpx;
+								margin-right: 10rpx;
+							}
+						}
+
+						.address {
+							display: flex;
+							align-items: center;
+
+							&::before {
+								content: '';
+								display: block;
+								background: url('@/static/image/cart/addressIcon.png') no-repeat;
+								background-size: 100% 100%;
+								width: 22rpx;
+								height: 26rpx;
+								margin-right: 10rpx;
+							}
+						}
+					}
+
+					.price {
+						
+						display: flex;
+						align-items: center;
+						justify-content: space-between;
+						.num-box {
+							font-size: 27rpx;
+							color: #fff;
+						}
+						.btn-box {
+							width: 180rpx;
+							height: 54rpx;
+							background: url('@/static/image/member/btn-2.png') no-repeat;
+							background-size: 100% 100%;
+							font-weight: 500;
+							font-size: 23rpx;
+							color: #FFFFFF;
+							text-align: center;
+							line-height: 54rpx;
+							border-radius: 30rpx;
+						}
+						.jieshu-btn {
+							background: #666666;
+						}
+					}
+				}
+			}
+
+			.button-sp-area {
+				text-align: right;
+				padding-top: 20rpx;
+
+				.mini-btn {
+					width: 166rpx;
+					height: 53rpx;
+					line-height: 53rpx;
+					font-size: 24rpx;
+					border-radius: 50rpx;
+					margin-left: 20rpx;
+					background-color: #34312E;
+					color: #AFAFAF;
+				}
+			}
+		}
+	}
+
+	.active {
+		color: $uni-color-primary !important;
+	}
+</style>

pages.json

@@ -66,6 +66,40 @@
 				}
 			}
 		]
+	},
+	{
+		"root": "pages_zlx",
+		"pages": [
+			{
+				"path": "zlx-form",
+				"style": {
+					"enablePullDownRefresh": true,
+					"navigationStyle": "custom" ,
+					"navigationBarTextStyle": "white"
+				}
+			}
+		]
+	},
+	{
+		"root": "pages_my",
+		"pages": [
+			{
+				"path": "zlx-qiandao",
+				"style": {
+					"enablePullDownRefresh": true,
+					"navigationStyle": "custom" ,
+					"navigationBarTextStyle": "white"
+				}
+			},
+			{
+				"path": "qiandao-list",
+				"style": {
+					"enablePullDownRefresh": true,
+					"navigationStyle": "custom" ,
+					"navigationBarTextStyle": "white"
+				}
+			}
+		]
 	}],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
@@ -74,5 +108,33 @@
 		"backgroundColor": "#F8F8F8",
 		"navigationStyle": "custom"
 	},
+	"tabBar": {
+		"borderStyle": "white",
+		"color": "#4D4D4D",
+		"selectedColor": "#F85152",
+		"backgroundColor": "#1B1713",
+		"custom":true,
+		"list": [{
+			"pagePath": "pages/index/index",
+			"iconPath": "static/image/tabbar/home.png",
+			"selectedIconPath": "static/image/tabbar/home-a.png",
+			"text": "首页"
+		}, {
+			"pagePath": "pages/index/member",
+			"iconPath": "static/image/tabbar/zhaomu.png",
+			"selectedIconPath": "static/image/tabbar/zhaomu-a.png",
+			"text": "招募"
+		}, {
+			"pagePath": "pages/index/cart",
+			"iconPath": "static/image/tabbar/order.png",
+			"selectedIconPath": "static/image/tabbar/order-a.png",
+			"text": "订单"
+		}, {
+			"pagePath": "pages/index/center",
+			"iconPath": "static/image/tabbar/center.png",
+			"selectedIconPath": "static/image/tabbar/center-a.png",
+			"text": "我的"
+		}]
+	},
 	"uniIdRouter": {}
 }

pages/index/cart.vue

@@ -3,23 +3,15 @@
 		<view class="head-box"></view>
 		<uv-navbar title="我的订单" bgColor="transparent" leftIconSize="0px" height="100rpx"></uv-navbar>
 		<view class="content">
-			<uv-tabs 
-				:scrollable="false"
-				@click= "tabs"
-				:list="tabList" 
-				lineWidth="40" 
-				:lineColor="`url(${lineBg}) 100% 100%`"
+			<uv-tabs :scrollable="false" @click="tabs" :list="tabList" lineWidth="40" :lineColor="`url(${lineBg}) 100% 100%`"
 				:activeStyle="{
 					color: '#FD5C5C',
 					fontWeight: 'bold',
 					transform: 'scale(1.05)'
-				}"
-				:inactiveStyle="{
+				}" :inactiveStyle="{
 					color: '#999',
 					transform: 'scale(1)'
-				}" 
-				itemStyle="padding-left: 15px; padding-right: 15px; height: 44px;"
-			></uv-tabs>
+				}" itemStyle="padding-left: 15px; padding-right: 15px; height: 44px;"></uv-tabs>
 			<cardList :cardListData="cardListData" />
 		</view>
 		<tabber select="cart" />
@@ -31,80 +23,89 @@
 	import cardList from '@/components/cart/cardList.vue'
 
 	export default {
-		components:{
+		components: {
 			tabber,
-            cardList
+			cardList
 		},
 		data() {
 			return {
-				tabList: [
-					{ id: 0, name: '全部' },
-					{ id: 1, name: '待参加' },
-					{ id: 2, name: '已完成' },
-					{ id: 3, name: '已取消' },
+				tabList: [{
+						id: 0,
+						name: '全部'
+					},
+					{
+						id: 1,
+						name: '待参加'
+					},
+					{
+						id: 2,
+						name: '已完成'
+					},
+					{
+						id: 3,
+						name: '已取消'
+					},
 				],
 				lineBg: require('@/static/image/cart/tabIcon.png'),
-                cardListData: [
-                    {
-                        imgUrl: 'https://up.zhuoku.org/22/a4/60/50/fc3bd0b4e656911fccdde4383637c1cd.jpg',
-                        orderTime: '2024.08.23 12:00',
-                        state: 'U',
-                        stateText: '待参加',
-                        title: '夏日去撒野旅游计划～',
-                        time: '2024.10.28 10:00',
-                        address: '成都市东丽湖露营地32号',
-                        totalPrice: '298.00',
-                        btnObj: [
-                            {
+				cardListData: [
+					{
+						imgUrl: 'https://up.zhuoku.org/22/a4/60/50/fc3bd0b4e656911fccdde4383637c1cd.jpg',
+						orderTime: '2024.08.23 12:00',
+						state: 'U',
+						stateText: '待参加',
+						title: '夏日去撒野旅游计划～',
+						time: '2024.10.28 10:00',
+						address: '成都市东丽湖露营地32号',
+						totalPrice: '298.00',
+						btnObj: [{
 								id: '0',
-                                btnTitle: '取消活动',
-                                color: '#AFAFAF',
-                                bgColor: '#34312E'
-                            },
-                            {	
+								btnTitle: '取消活动',
+								color: '#AFAFAF',
+								bgColor: '#34312E'
+							},
+							{
 								id: '1',
-                                btnTitle: '活动签到',
-                                color: '#FF4546',
-                                bgColor: '#492623'
-                            }
-                        ]
-                    },
-                    {
-                        imgUrl: 'https://up.zhuoku.org/22/a4/60/50/fc3bd0b4e656911fccdde4383637c1cd.jpg',
-                        orderTime: '2024.08.23 12:00',
-                        state: 'S',
-                        stateText: '已完成',
-                        title: '夏日去撒野旅游计划～',
-                        time: '2024.10.28 10:00',
-                        address: '成都市东丽湖露营地32号',
-                        totalPrice: '298.00',
-                        btnObj: [
-                            {
+								btnTitle: '活动签到',
+								color: '#FF4546',
+								bgColor: '#492623'
+							}
+						]
+					},
+					{
+						imgUrl: 'https://up.zhuoku.org/22/a4/60/50/fc3bd0b4e656911fccdde4383637c1cd.jpg',
+						orderTime: '2024.08.23 12:00',
+						state: 'S',
+						stateText: '已完成',
+						title: '夏日去撒野旅游计划～',
+						time: '2024.10.28 10:00',
+						address: '成都市东丽湖露营地32号',
+						totalPrice: '298.00',
+						btnObj: [{
 								id: '2',
-                                btnTitle: '活动评价',
-                                color: '#FF4546',
-                                bgColor: '#492623'
-                            },
-                            {
+								btnTitle: '活动评价',
+								color: '#FF4546',
+								bgColor: '#492623'
+							},
+							{
 								id: '3',
-                                btnTitle: '开具发票',
-                                color: '#FFB245',
-                                bgColor: '#49361D'
-                            }
-                        ]
-                    },
-                    {
-                        imgUrl: 'https://up.zhuoku.org/22/a4/60/50/fc3bd0b4e656911fccdde4383637c1cd.jpg',
-                        orderTime: '2024.08.23 12:00',
-                        state: 'F',
-                        stateText: '已完成',
-                        title: '夏日去撒野旅游计划～',
-                        time: '2024.10.28 10:00',
-                        address: '成都市东丽湖露营地32号',
-                        totalPrice: '298.00',
-                        btnObj: []
-                    }
-                ]
+								btnTitle: '开具发票',
+								color: '#FFB245',
+								bgColor: '#49361D'
+							}
+						]
+					},
+					{
+						imgUrl: 'https://up.zhuoku.org/22/a4/60/50/fc3bd0b4e656911fccdde4383637c1cd.jpg',
+						orderTime: '2024.08.23 12:00',
+						state: 'F',
+						stateText: '已完成',
+						title: '夏日去撒野旅游计划～',
+						time: '2024.10.28 10:00',
+						address: '成都市东丽湖露营地32号',
+						totalPrice: '298.00',
+						btnObj: []
+					}
+				]
 			}
 		},
 		methods: {
@@ -129,9 +130,11 @@
 			height: 534rpx;
 			position: absolute;
 		}
+
 		/deep/.uv-navbar__content__title {
 			color: #fff;
 		}
+
 		.content {
 			position: absolute;
 			width: 100%;

pages/index/center.vue

@@ -1,152 +1,66 @@
 <template>
 	<view class="page">
+		<view class="head-box"></view>
+		<uv-navbar title="个人中心" :bgColor="bgColor" height="100rpx" :titleStyle="{color:'#fff'}"></uv-navbar>
 
-		<navbar title="个人中心" />
-
-		<view class="head">
-			<view class="headImage">
-				<image :src="userInfo.headImage" mode="aspectFill"></image>
-			</view>
-			<view class="info">
-				<view class="name">
-					<view class="one">{{ userInfo.nickName }}</view>
-					<!-- <view class="two">黄金会员</view> -->
-					<view class="two">
-						<image :src="configList[vipImage[userInfo.isPay]]" mode="widthFix"></image>
-					</view>
+		<view class="content">
+			<view class="head">
+				<view class="headImage">
+					<image :src="userInfo.headImage" mode="aspectFill"></image>
 				</view>
-				<view class="vip">
-					ID：{{ userInfo.id }}
+				<view class="info">
+					<view class="vip">
+						但愿人长久
+					</view>
+					<view class="tips">
+						158123321
+					</view>
 				</view>
-				<view class="tips">
-					注册时间：{{ userInfo.createTime }}
+				<view class="setting">
+					<uv-icon name="edit-pen" size="50rpx" color="#fff"></uv-icon>
 				</view>
 			</view>
-			<!-- <view class="setting">
-				<uv-icon name="setting" size="40rpx"></uv-icon>
-			</view> -->
-		</view>
-
-		<view class="earnings">
-			<view class="member"
-			v-if="userInfo.isPay"
-			@click="$utils.navigateTo('/pages/index/member')">
-				<view>会员等级：{{ vipType[userInfo.isPay] }}</view>
-				<view>查看权益></view>
+			
+			
+			<view class="myOrder">
+				<view>我的活动</view>
 			</view>
-			<view class="deposit">
-				<view class="box"
-					@click="$utils.navigateTo('/pages_order/mine/balance')">
-					<view>
-						<view class="num">{{ riceInfo.income || 0 }}</view>
-						<view class="text">收益明细(元)</view>
-					</view>
-					<view class="boxs">收益明细</view>
-				</view>
-				
-				<!-- <view class="box">
-					<view
-					@click="$utils.navigateTo('/pages_order/mine/balance')">
-						<view class="num">{{ riceInfo.balance || 0 }}</view>
-						<view class="text">余额(元)</view>
+			
+			<view class="order">
+				<view class="box">
+					<view class="boxs" 
+					@click="$utils.navigateTo('/pages/index/order?type=1')">
+						<image src="@/static/image/center/order-1.png" mode="aspectFill" />
+						<view>待参加</view>
 					</view>
 					<view class="boxs"
-					@click="$utils.navigateTo('/pages_order/mine/recharge')">去充值</view>
-				</view> -->
-				
-				<view class="box"
-				@click="clickNo">
-					<view>
-						<view class="num">{{ riceInfo.balance || 0 }}</view>
-						<view class="text">余额(元)</view>
+					@click="$utils.navigateTo('/pages/index/order?type=2')">
+						<image src="@/static/image/center/order-2.png" mode="aspectFill" />
+						<view>已完成</view>
 					</view>
 					<view class="boxs"
-					>去充值</view>
-				</view>
-
-				<view class="box">
-					<view
-					@click="$utils.navigateTo('/pages_order/mine/commission')">
-						<view class="num" style="border: none;">{{ riceInfo.canWithdraw || 0 }}</view>
-						<view class="text">可提现(元)</view>
+					@click="$utils.navigateTo('/pages/index/order?type=3')">
+						<image src="@/static/image/center/order-3.png" mode="aspectFill" />
+						<view>已取消</view>
 					</view>
-					<view class="boxs"
-					@click="$utils.navigateTo('/pages_order/mine/withdraw')">去提现</view>
 				</view>
 			</view>
-		</view>
-
-		<view class="myOrder">
-			<view>我的订单</view>
-			<view
-			@click="$utils.navigateTo('/pages/index/order')">
-				查看全部>
-			</view>
-		</view>
-
-		<view class="order">
-			<view class="box">
-				<view class="boxs" 
-				@click="$utils.navigateTo('/pages/index/order?type=1')">
-					<image src="../../static/image/center/13.png" mode="aspectFill" />
-					<view>待付款</view>
-				</view>
-				<view class="boxs"
-				@click="$utils.navigateTo('/pages/index/order?type=2')">
-					<image src="../../static/image/center/14.png" mode="aspectFill" />
-					<view>已付款</view>
-				</view>
-				<view class="boxs"
-				@click="$utils.navigateTo('/pages/index/order?type=3')">
-					<image src="../../static/image/center/15.png" mode="aspectFill" />
-					<view>待发货</view>
-				</view>
-				<view class="boxs"
-				@click="$utils.navigateTo('/pages/index/order?type=4')">
-					<image src="../../static/image/center/16.png" mode="aspectFill" />
-					<view>待收货</view>
-				</view>
-				<view class="boxs"
-				@click="$utils.navigateTo('/pages/index/order?type=5')">
-					<image src="../../static/image/center/17.png" mode="aspectFill" />
-					<view>已完成</view>
-				</view>
+			
+			<view class="myOrder">
+				<view>我的工具</view>
 			</view>
-		</view>
-
-		<!-- 酒店 -->
-		<view class="user">
-			<view class="line grid">
-				<view class="title">
-					常用功能
+			<view class="user">
+				<view class="cell-bottom">
+					<view class="cell-line" v-for="(item,i) in cellList" :key="i" @click="jump(item)">
+						<view class="line-l">
+							<image :src="item.src" mode="widthFix"></image>
+							<view>{{item.name}}</view>
+						</view>
+						<uv-icon size="35" name="arrow-right"></uv-icon>
+					</view>
 				</view>
+			
 			</view>
-			<view class="cell-bottom">
-				<uv-cell-group>
-					<uv-cell icon="grid" title="我的邀请码" 
-					@click="$utils.navigateTo('/pages_order/mine/promotion')"
-					:isLink="true" arrow-direction="right" />
-					
-					<uv-cell icon="account" title="我的推荐" :isLink="true" arrow-direction="right"
-						@click="$utils.navigateTo('/pages_order/mine/recommend')" />
-					
-					<uv-cell icon="kefu-ermai" title="联系客服" 
-					@click="$refs.customerServicePopup.open()"
-					:isLink="true" arrow-direction="right" />
-					
-					<uv-cell
-					title="我的地址" 
-					icon="list-dot"
-					:isLink="true" 
-					arrow-direction="right" 
-					@click="$utils.navigateTo('/pages_order/mine/address')">
-					</uv-cell>
-					
-					<uv-cell icon="reload" title="退出登录" :isLink="true" arrow-direction="right"
-					@click="$store.commit('logout')"/>
-				</uv-cell-group>
-			</view>
-
 		</view>
 
 		<!-- <customerServicePopup ref="customerServicePopup"/> -->
@@ -168,12 +82,51 @@
 		},
 		data() {
 			return {
+				bgColor:'transparent',
+				cellList:[
+					{
+						src:require('@/static/image/center/line-1.png'),
+						name:'开票记录'
+					},
+					{
+						src:require('@/static/image/center/line-2.png'),
+						name:'我的收藏'
+					},
+					{
+						src:require('@/static/image/center/line-3.png'),
+						name:'关于我们'
+					},
+					{
+						src:require('@/static/image/center/line-4.png'),
+						name:'用户协议'
+					},
+					{
+						src:require('@/static/image/center/line-5.png'),
+						name:'隐私协议'
+					},
+					{
+						src:require('@/static/image/center/line-6.png'),
+						name:'主理人协议'
+					},
+					{
+						src:require('@/static/image/center/line-7.png'),
+						name:'主理人签到',
+						url:'/pages_my/zlx-qiandao'
+					}
+				],
 				vipType : ['普通会员', '黄金会员', '渠道商'],
 				vipImage : ['vip_vip', 'vip_user', 'vip_shop']
 			}
 		},
 		onShow() {
 			
+		},
+		onPageScroll(e) {
+			if(e.scrollTop > 50) {
+				this.bgColor = '#49070c'
+			}else{
+				this.bgColor = 'transparent'
+			}
 		},
 		methods: {
 			clickNo(){
@@ -181,75 +134,50 @@
 					title: '暂未开放',
 				})
 			},
+			jump(item) {
+				uni.navigateTo({
+					url:item.url
+				})
+			}
 		}
 	}
 </script>
 
+<style lang="scss">
+	page {
+		background-color: #060504;
+	}
+</style>
 <style scoped lang="scss">
 	.page {
 
-		.warp {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			height: 100%;
+		.head-box {
+			background: url('@/static/image/nav-bg.png') no-repeat;
+			background-size: 100% 100%;
+			width: 100%;
+			height: 534rpx;
+			position: absolute;
 		}
-
-		.rect {
-			width: 600rpx;
-			height: 300rpx;
-			background-color: #fff;
-			border-radius: 20rpx;
-			overflow: hidden;
-
-			.title {
-				padding: 10rpx 0 0 15rpx;
-				background-color: #fd5100;
-				color: #FFF;
-				text-align: left;
-				width: 100%;
-				height: 18%;
-				font-size: 36rpx;
-			}
-
-			.center {
-				height: 40%;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				font-size: 36rpx;
-			}
-
-			.bottom {
-				display: flex;
-				justify-content: center;
-				gap: 50rpx;
-			}
+		.content {
+			padding: 0 30rpx;
+			padding-top: calc(var(--status-bar-height) + 100rpx);
+			padding-bottom: 20rpx;
 		}
 	}
 
-
-
-	image {
-		width: 100%;
-		height: 100%;
-	}
-
 	.head {
 		display: flex;
-		background-color: #fff;
-		padding: 40rpx 20rpx;
 		align-items: center;
-		position: relative;
+		margin-bottom: 40rpx;
 
 		.headImage {
-			width: 130rpx;
-			height: 130rpx;
+			width: 113rpx;
+			height: 113rpx;
 			background-image: url(/static/image/center/3.png);
 			background-size: 100% 100%;
 			overflow: hidden;
 			border-radius: 50%;
-			margin-right: 40rpx;
+			margin-right: 22rpx;
 		}
 
 		.info {
@@ -257,161 +185,78 @@
 			display: flex;
 			flex-direction: column;
 			gap: 10rpx;
+			flex: 1;
 			.vip {
-				color: #909294;
-				font-size: 24rpx;
-			}
-
-			.name {
-				display: flex;
-				align-items: center;
-				
-				.one {
-					color: #343140;
-					font-size: 32rpx;
-					font-weight: 600;
-					margin-right: 20rpx;
-				}
-
-				.two {
-					display: flex;
-					align-items: center;
-					justify-content: center;
-					flex-shrink: 0;
-					// font-size: 24rpx;
-					// margin-left: 10rpx;
-					// padding: 3rpx 16rpx;
-					// border-radius: 18rpx;
-					// background-color: rgb(252, 213, 157);
-					image{
-						width: 120rpx;
-					}
-				}
+				font-weight: 600;
+				font-size: 32rpx;
+				color: #E6E6E6;
 			}
 
 			.tips {
-				font-size: 26rpx;
-				color: #ABABAB;
+				font-weight: 400;
+				font-size: 22rpx;
+				color: #999999;
 			}
 		}
 	}
 
 	.setting {
-		position: absolute;
-		right: 50rpx;
-		top: 50rpx;
-	}
-
-	.earnings {
-		width: 94%;
-		margin-left: 3%;
-		
-		.member {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			width: 90%;
-			margin-left: 5%;
-			height: 80rpx;
-			font-size: 28rpx;
-			background-color: #000;
-			color: #F9CF93;
-			border-top-left-radius: 30rpx;
-			border-top-right-radius: 30rpx;
-			view {
-				margin: 0 20rpx;
-			}
-		}
-
-		.deposit {
-			display: flex;
-			justify-content: space-around;
-			align-items: center;
-			height: 300rpx;
-			// margin-top: -20rpx;
-			background-color: rgb(163, 201, 80);
-			border-radius: 40rpx;
-
-			.box {
-				display: flex;
-				height: 80%;
-				padding: 0rpx 30rpx;
-				text-align: center;
-				flex-direction: column;
-				justify-content: space-around;
-				color: #fff;
-				border-right: 2rpx dashed;
-				flex: 1;
-				.num {
-					font-size: 48rpx;
-					// border-right: 2rpx dashed;
-					width: 100%;
-					padding: 0 30rpx 0 0;
-				}
-
-				.text {
-					font-size: 20rpx;
-				}
-
-				.boxs {
-					font-size: 32rpx;
-					background-color: rgb(252, 213, 157);
-					padding: 14rpx 20rpx;
-					border-radius: 30rpx;
-					color: #aa5500;
-					font-weight: 600;
-				}
-
-			}
-		}
-	}
-
-	.myOrder {
 		display: flex;
-		width: 94%;
-		margin-left: 3%;
 		align-items: center;
-		justify-content: space-between;
-		padding: 20rpx 0;
-
-		view:nth-child(1) {
-			font-weight: 600;
-			font-size: 32rpx;
-			border-left: 7rpx solid #A3D250;
-
-		}
-
-		view:nth-child(2) {
-			font-size: 28rpx;
-			color: #A3D250;
+		justify-content: center;
+		// position: absolute;
+		// right: 50rpx;
+		// top: 50rpx;
+		width: 70rpx;
+		height: 70rpx;
+		background: #221D1D;
+		border-radius: 20rpx;
+	}
 
-		}
 
-		view {
-			padding: 0 20rpx;
-		}
+	.myOrder {
+		font-weight: bold;
+		font-size: 28rpx;
+		color: #E6E6E6;
 	}
 
 	.order {
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		width: 94%;
-		margin-left: 3%;
-		background-color: #fff;
-		border-radius: 16rpx;
-
+		height: 200rpx;
+		background: #1B1713;
+		border-radius: 20rpx 20rpx 20rpx 20rpx;
+		opacity: 0.7;
+		color: #999999;
+		font-size: 23rpx;
+		margin-top: 22rpx;
+		margin-bottom: 33rpx;
 		.box {
 			display: flex;
 			width: 100%;
 			justify-content: space-around;
-			padding: 70rpx 0 90rpx;
-
+			.boxs {
+				width: 33.33%;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				border-right: 1px solid #2F2D2B;
+				&:last-child {
+					border: none;
+				}
+				image {
+					width: 55rpx;
+					height: 47rpx;
+					margin-bottom: 24rpx;
+				}
+			}
+			
 		}
 	}
 
 	.user {
-
+		margin-top: 25rpx;
 		.grid {
 			flex-direction: column;
 			font-size: 26rpx;
@@ -425,12 +270,28 @@
 		}
 
 		.cell-bottom {
-			width: 96%;
 			margin-top: 20rpx;
 			margin-left: 2%;
-			background-color: #fff;
+			background-color: #1B1713;
 			border-radius: 20rpx;
-
+			.cell-line {
+				height: 100rpx;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				padding: 0 30rpx;
+				.line-l {
+					display: flex;
+					align-items: center;
+					font-weight: 400;
+					font-size: 29rpx;
+					color: #E6E6E6;
+					image {
+						width: 45rpx;
+						margin-right: 18rpx;
+					}
+				}
+			}
 		}
 	}
 </style>

pages/index/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="page">
 		<view class="head-box"></view>
-		<uv-navbar title=" " bgColor="transparent" height="100rpx"></uv-navbar>
+		<uv-navbar title=" " leftIcon=" "  bgColor="transparent" height="100rpx"></uv-navbar>
 		<view class="content">
 			<view class="search-box">
 				<view class="search-box-l">
@@ -10,7 +10,7 @@
 					<image class="sjx-img" src="@/static/image/home/sjx-icon.png" mode="widthFix"></image>
 				</view>
 				<view class="search-box-r">
-					<uv-search placeholder="请输入搜索内容" v-model="keyword" shape="square" :showAction="false" color="#fff" placeholderColor="#BDABAC" :clearabled="false" searchIconColor="#fff" searchIconSize="50rpx" bgColor="#FFB9B9" height="63rpx"></uv-search>
+					<uv-search placeholder="搜索相关内容" v-model="keyword" shape="square" :showAction="false" color="#fff" placeholderColor="#BDABAC" :clearabled="false" searchIconColor="#fff" searchIconSize="50rpx" bgColor="#4A2A2B" height="63rpx"></uv-search>
 				</view>
 			</view>
 			<view class="swipe-box">
@@ -70,6 +70,8 @@
 					}" 
 					itemStyle="padding-left: 15px; padding-right: 15px; height: 44px;"
 				></uv-tabs>
+				
+				<active-item :cardListData="cardListData"/>
 			</view>
 		
 		</view>
@@ -82,9 +84,11 @@
 <script>
 	
 	import tabber from '@/components/base/tabbar.vue'
+	import activeItem from '@/components/active/active-item.vue'
 	export default {
 		components:{
-			tabber
+			tabber,
+			activeItem
 		},
 		data() {
 			return {
@@ -98,7 +102,27 @@
 					{ id: 0, name: '近期活动' },
 					{ id: 1, name: '往期活动' },
 				],
-				lineBg: require('@/static/image/cart/tabIcon.png')
+				lineBg: require('@/static/image/cart/tabIcon.png'),
+				cardListData: [
+					{
+						imgUrl: 'https://up.zhuoku.org/22/a4/60/50/fc3bd0b4e656911fccdde4383637c1cd.jpg',
+						orderTime: '2024.08.23 12:00',
+						state: 'U',
+						stateText: '待参加',
+						title: '夏日去撒野旅游计划～',
+						time: '2024.10.28 10:00',
+						address: '成都市东丽湖露营地32号',
+					},
+					{
+						imgUrl: 'https://up.zhuoku.org/22/a4/60/50/fc3bd0b4e656911fccdde4383637c1cd.jpg',
+						orderTime: '2024.08.23 12:00',
+						state: 'S',
+						stateText: '已完成',
+						title: '夏日去撒野旅游计划～',
+						time: '2024.10.28 10:00',
+						address: '成都市东丽湖露营地32号',
+					},
+				]
 			}
 		},
 		methods:{

pages/index/member.vue

@@ -1,10 +1,46 @@
 <template>
 	<view class="page">
-		<navbar title="会员" 
-		:leftClick="leftClick"
-		@leftClick="$utils.navigateBack" 
-		/>
-
+		<view class="head-box"></view>
+		<uv-navbar title="招募" leftIcon=" " bgColor="transparent" height="100rpx" :titleStyle="{color:'#fff'}"></uv-navbar>
+		<view class="content">
+			<view class="search-box">
+				<view class="search-box-r">
+					<uv-search placeholder="搜索感兴趣的活动" v-model="keyword" shape="square" :showAction="false" color="#fff" placeholderColor="#BDABAC" :clearabled="false" searchIconColor="#fff" searchIconSize="50rpx" bgColor="#4A2A2B" height="63rpx"></uv-search>
+				</view>
+			</view>
+			<view class="user-box">
+				<uv-avatar src="https://via.placeholder.com/200x200.png/2878ff" size="98rpx" shape="circle"></uv-avatar>
+				<view class="user-msg">
+					<view class="user-msg-top">
+						<view>点击授权登录</view>
+						<view class="level-box">普通用户</view>
+					</view>
+					<view class="id-box">
+						<text>ID:000001</text>
+						<text class="copy-text">复制</text>
+					</view>
+				</view>
+			</view>
+		
+			<view class="swipe-box">
+				<uv-swiper :list="list" height="280rpx" bgColor="transparent" radius="30rpx"></uv-swiper>
+			</view>
+			
+			<view class="zlr-box" @click="toRenzheng">
+				<view class="zlr-box-l">
+					<image src="@/static/image/member/zlr-icon.png" mode="widthFix"></image>
+					<view>主理人认证</view>
+				</view>
+				<view class="zlr-box-r">
+					<view>获取更多身份特权</view>
+					<image src="@/static/image/member/zlr-arrow.png" mode="widthFix"></image>
+				</view>
+			</view>
+		
+			<view class="list-box">
+				<zhaomu-item></zhaomu-item>
+			</view>
+		</view>
 
 
 		<tabber select="member" />
@@ -13,14 +49,18 @@
 
 <script>
 	import tabber from '@/components/base/tabbar.vue'
+	import zhaomuItem from '@/components/zhaomu/zhaomu-item.vue'
 	import { mapState } from 'vuex'
 	export default {
 		components: {
 			tabber,
+			zhaomuItem
 		},
 		data() {
 			return {
-				
+				list: [
+					'https://cdn.uviewui.com/uview/swiper/swiper3.png',
+				]
 			};
 		},
 		computed : {
@@ -30,14 +70,121 @@
 		onShow() {
 			
 		},
+		methods:{
+			toRenzheng() {
+				uni.navigateTo({
+					url:'/pages_zlx/zlx-form'
+				})
+			}
+		}
 	}
 </script>
 
+<style lang="scss">
+	page {
+		background-color: #060504;
+	}
+</style>
 <style lang="scss">
 	.page {
-		min-height: 100vh;
-		color: #F3F3F3;
-		z-index: 0;
+		.head-box {
+			background: url('@/static/image/nav-bg.png') no-repeat;
+			background-size: 100% 100%;
+			width: 100%;
+			height: 534rpx;
+			position: absolute;
+		}
+		.content {
+			padding: 0 30rpx;
+			padding-top: calc(var(--status-bar-height) + 100rpx);
+			
+			.search-box {
+				display: flex;
+				align-items: center;
+				margin-bottom: 32rpx;
+				&-r {
+					flex:1;
+				}
+			}
+			
+			.user-box {
+				display: flex;
+				align-items: center;
+				margin-bottom: 33rpx;
+				.user-msg {
+					margin-left: 20rpx;
+					.user-msg-top {
+						font-weight: 600;
+						font-size: 32rpx;
+						color: #E6E6E6;
+						display: flex;
+						align-items: center;
+						.level-box {
+							width: 108rpx;
+							height: 31rpx;
+							background: RGBA(40, 19, 4, 1);
+							border-radius: 16rpx;
+							font-weight: 400;
+							font-size: 20rpx;
+							color: #FF9C00;
+							text-align: center;
+							margin-left: 14rpx;
+						}
+					}
+				
+					.id-box {
+						color: #999999;
+						font-size: 22rpx;
+						margin-top: 20rpx;
+						.copy-text {
+							font-weight: 400;
+							font-size: 22rpx;
+							color: #E6E6E6;
+							margin-left: 18rpx;
+						}
+					}
+				}
+			}
+			
+			.swipe-box {
+				margin-bottom: 31rpx;
+			}
+			
+			.zlr-box {
+				background: url('@/static/image/member/zlr-bg.png') no-repeat;
+				background-size: 100% 100%;
+				height: 124rpx;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				padding: 0 40rpx 0 46rpx;
+				margin-bottom: 32rpx;
+				&-l {
+					font-weight: 600;
+					font-size: 32rpx;
+					color: #FF3B47;
+					display: flex;
+					align-items: center;
+					image {
+						width: 72rpx;
+						margin-right: 24rpx;
+					}
+				}
+				&-r {
+					font-weight: 400;
+					font-size: 25rpx;
+					color: #FF8E00;
+					display: flex;
+					align-items: center;
+					image {
+						width: 12rpx;
+						margin-left: 12px;
+					}
+				}
+			}
 		
+			.list-box {
+			}
+		}
 	}
 </style>

pages_my/qiandao-list.vue

@@ -0,0 +1,51 @@
+<template>
+	<view>
+		<view class="head-box"></view>
+		<uv-navbar autoBack title="签到列表" leftIconColor="#fff" :bgColor="bgColor" height="100rpx" :titleStyle="{color:'#fff'}"></uv-navbar>
+	
+		<view class="content">
+		</view>
+	</view>
+</template>
+
+<script>
+	export default{
+		components:{
+		},
+		data() {
+			return {
+				bgColor:'transparent',
+				
+			}
+		},
+		onPageScroll(e) {
+			if(e.scrollTop > 50) {
+				this.bgColor = '#49070c'
+			}else{
+				this.bgColor = 'transparent'
+			}
+		},
+		methods:{
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #060504;
+	}
+</style>
+<style lang="scss" scoped>
+	.head-box {
+		background: url('@/static/image/nav-bg.png') no-repeat;
+		background-size: 100% 100%;
+		width: 100%;
+		height: 534rpx;
+		position: absolute;
+	}
+	.content {
+		padding: 0 30rpx;
+		padding-top: calc(var(--status-bar-height) + 100rpx);
+	}
+</style>

pages_my/zlx-qiandao.vue

@@ -0,0 +1,77 @@
+<template>
+	<view>
+		<view class="head-box"></view>
+		<uv-navbar autoBack title="主理人签到" leftIconColor="#fff" :bgColor="bgColor" height="100rpx" :titleStyle="{color:'#fff'}"></uv-navbar>
+	
+		<view class="content">
+			<zlx-item :cardListData="cardListData" @qiandaoClick="qiandaoClick"></zlx-item>
+		</view>
+	</view>
+</template>
+
+<script>
+	import zlxItem  from '@/components/zhaomu/zlx-item.vue'
+	export default{
+		components:{
+			zlxItem
+		},
+		data() {
+			return {
+				bgColor:'transparent',
+				cardListData: [
+					{
+						imgUrl: 'https://up.zhuoku.org/22/a4/60/50/fc3bd0b4e656911fccdde4383637c1cd.jpg',
+						orderTime: '2024.08.23 12:00',
+						state: 'U',
+						stateText: '待参加',
+						title: '夏日去撒野旅游计划～',
+						time: '2024.10.28 10:00',
+						address: '成都市东丽湖露营地32号',
+					},
+					{
+						imgUrl: 'https://up.zhuoku.org/22/a4/60/50/fc3bd0b4e656911fccdde4383637c1cd.jpg',
+						orderTime: '2024.08.23 12:00',
+						state: 'S',
+						stateText: '已完成',
+						title: '夏日去撒野旅游计划～',
+						time: '2024.10.28 10:00',
+						address: '成都市东丽湖露营地32号',
+					},
+				]
+			}
+		},
+		onPageScroll(e) {
+			if(e.scrollTop > 50) {
+				this.bgColor = '#49070c'
+			}else{
+				this.bgColor = 'transparent'
+			}
+		},
+		methods:{
+			qiandaoClick(item) {
+				uni.navigateTo({
+					url:'/pages_my/qiandao-list'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #060504;
+	}
+</style>
+<style lang="scss" scoped>
+	.head-box {
+		background: url('@/static/image/nav-bg.png') no-repeat;
+		background-size: 100% 100%;
+		width: 100%;
+		height: 534rpx;
+		position: absolute;
+	}
+	.content {
+		padding: 0 30rpx;
+		padding-top: calc(var(--status-bar-height) + 100rpx);
+	}
+</style>

pages_zlx/zlx-form.vue

@@ -0,0 +1,246 @@
+<template>
+	<view class="">
+		<view class="head-box"></view>
+		<uv-navbar autoBack title="主理人认证" leftIconColor="#fff" bgColor="transparent" height="100rpx" :titleStyle="{color:'#fff'}"></uv-navbar>
+	
+		<view class="content">
+			<view class="user-box">
+				<uv-avatar src="https://via.placeholder.com/200x200.png/2878ff" size="98rpx" shape="circle"></uv-avatar>
+				<view class="user-msg">
+					<view class="user-msg-top">
+						<view>点击授权登录</view>
+						<view class="level-box">普通用户</view>
+					</view>
+					<view class="id-box">
+						<text>ID:000001</text>
+						<text class="copy-text">复制</text>
+					</view>
+				</view>
+			</view>
+			
+			<view class="base-msg">
+				<view class="title-box">基础信息</view>
+				<view class="form-box">
+					<view class="form-box-line">
+						<view class="label-box">真实姓名</view>
+						<view class="value-box">
+							<uv-input placeholder="请输入真实姓名" v-model="info.name" border="none" color="#fff"></uv-input>
+						</view>
+					</view>
+					<view class="form-box-line">
+						<view class="label-box">联系方式</view>
+						<view class="value-box">
+							<uv-input placeholder="请输入联系方式" v-model="nfo.phone" border="none" color="#fff"></uv-input>
+						</view>
+					</view>
+					<view class="form-box-line">
+						<view class="label-box">身份证号</view>
+						<view class="value-box">
+							<uv-input placeholder="请输入身份证号" v-model="nfo.idCard" border="none" color="#fff"></uv-input>
+						</view>
+					</view>
+					<view class="form-box-line">
+						<view class="label-box">简历附件</view>
+						<view class="value-box">
+							<uv-input placeholder="请输入真实姓名" v-model="nfo.jianli" border="none" color="#fff"></uv-input>
+							<view class="upload-btn">上传简历</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			
+			<view class="xie-box">
+				<view class="title-box">阅读并同意协议</view>
+				<view class="xie-box-val">
+					<view class="val-text">
+						<view>我已经阅读并同意</view>
+						<view class="xieyi-val">《主理人协议》</view>
+					</view>
+					<view class="choose-box"  @click="isAgree = !isAgree">
+						<view class="normol-box" v-if="!isAgree"></view>
+						<image src="@/static/image/member/choose-icon.png" mode="widthFix" v-else></image>
+					</view>
+				</view>
+			</view>
+		</view>
+	
+		<view class="btn-box">
+			<uv-button text="保存" color="#381615" shape="circle" :customStyle="btnCustomStyle"></uv-button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default{
+		data() {
+			return {
+				isAgree:false,
+				btnCustomStyle:{
+					color:'#FF5858'
+				},
+				info:{
+					name:'',
+					phone:'',
+					idCard:'',
+					jianli:''
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #060504;
+	}
+</style>
+<style lang="scss" scoped>
+	.head-box {
+		background: url('@/static/image/nav-bg.png') no-repeat;
+		background-size: 100% 100%;
+		width: 100%;
+		height: 534rpx;
+		position: absolute;
+	}
+	.content {
+		padding: 0 30rpx;
+		padding-top: calc(var(--status-bar-height) + 100rpx);
+		
+		.user-box {
+			display: flex;
+			align-items: center;
+			margin-bottom: 74rpx;
+			.user-msg {
+				margin-left: 20rpx;
+				.user-msg-top {
+					font-weight: 600;
+					font-size: 32rpx;
+					color: #E6E6E6;
+					display: flex;
+					align-items: center;
+					.level-box {
+						width: 108rpx;
+						height: 31rpx;
+						background: RGBA(40, 19, 4, 1);
+						border-radius: 16rpx;
+						font-weight: 400;
+						font-size: 20rpx;
+						color: #FF9C00;
+						text-align: center;
+						margin-left: 14rpx;
+					}
+				}
+			
+				.id-box {
+					color: #999999;
+					font-size: 22rpx;
+					margin-top: 20rpx;
+					.copy-text {
+						font-weight: 400;
+						font-size: 22rpx;
+						color: #E6E6E6;
+						margin-left: 18rpx;
+					}
+				}
+			}
+		}
+		
+		.title-box {
+			display: inline-block;
+			font-weight: bold;
+			font-size: 29rpx;
+			color: #FFFFFF;
+			position: relative;
+			z-index: 2;
+			&::after{
+				content: "";
+				position: absolute;
+				bottom: 0;
+				left: 0;
+				width: 100%;
+				height: 9rpx;
+				background: #FF2828;
+				border-radius: 4rpx 4rpx 4rpx 4rpx;
+				opacity: 0.2;
+				z-index: 1;
+			}
+		}
+	
+		.base-msg {
+			.form-box {
+				background: #1B1713;
+				border-radius: 27rpx;
+				padding:0 40rpx;
+				margin-top: 20rpx;
+				.form-box-line {
+					height: 112rpx;
+					border-bottom: 1px solid #403D3A;
+					display: flex;
+					align-items: center;
+					&:last-child {
+						border: none;
+					}
+					.label-box {
+						font-weight: 500;
+						font-size: 29rpx;
+						color: #FFFFFF;
+						margin-right: 34rpx;
+					}
+					.value-box {
+						display: flex;
+						align-items: center;
+						justify-content: space-between;
+						.upload-btn {
+							font-weight: 400;
+							font-size: 28rpx;
+							color: #FF5858;
+						}
+					}
+				}
+			}
+		}
+		.xie-box {
+			margin-top:37rpx;
+			.xie-box-val {
+				margin-top: 25rpx;
+				height: 116rpx;
+				background: #1B1713;
+				border-radius: 27rpx 27rpx 27rpx 27rpx;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				padding: 0 36rpx;
+				.val-text {
+					font-weight: 400;
+					font-size: 25rpx;
+					color: #FFFFFF;
+					display: flex;
+					align-items: center;
+					.xieyi-val {
+						color: #FF5858;
+					}
+				}
+				.choose-box {
+					.normol-box {
+						width: 31rpx;
+						height: 31rpx;
+						border: 1px solid #fff;
+						border-radius: 5rpx;
+					}
+					image {
+						width: 31rpx;
+						height: 31rpx;
+					}
+				}
+			}
+		}
+	}
+
+	.btn-box {
+		position: fixed;
+		bottom: 70rpx;
+		left: 0;
+		right: 0;
+		padding: 0 40rpx;
+	}
+</style>