From 3417455519fc447a097501693fb357a20242076a Mon Sep 17 00:00:00 2001
From: linyumoya <785145220@qq.com>
Date: Mon, 16 Sep 2024 23:44:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=BE=BE=E4=BA=BA=E5=90=8C?=
 =?UTF-8?q?=E6=B8=B8=E5=92=8C=E7=94=B3=E9=81=97=E8=AE=B2=E8=BF=B0=E4=BB=A5?=
 =?UTF-8?q?=E5=8F=8A=E5=8D=A1=E7=89=87=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                               |  16 +++-
 pages/index/index.vue                    |   8 +-
 pages_order/components/list/cardList.vue | 104 +++++++++++++++++++++++
 pages_order/service/experience.vue       |  21 +++++
 pages_order/service/following.vue        |  11 +++
 pages_order/service/tell.vue             | 139 +++++++++++++++++++++++++++++++
 pages_order/static/tell/goldMedal.png    | Bin 0 -> 1086 bytes
 7 files changed, 291 insertions(+), 8 deletions(-)
 create mode 100644 pages_order/components/list/cardList.vue
 create mode 100644 pages_order/service/experience.vue
 create mode 100644 pages_order/service/following.vue
 create mode 100644 pages_order/service/tell.vue
 create mode 100644 pages_order/static/tell/goldMedal.png

diff --git a/pages.json b/pages.json
index 530f0ff..b616fe5 100644
--- a/pages.json
+++ b/pages.json
@@ -12,10 +12,9 @@
 			}
 		},
 		{
-			"path" : "pages/index/tourGuide",
-			"style" : 
-			{
-				"navigationBarTitleText" : ""
+			"path": "pages/index/tourGuide",
+			"style": {
+				"navigationBarTitleText": ""
 			}
 		}
 	],
@@ -66,6 +65,15 @@
 			{
 				"path": "service/applyRelic"
 			},
+			{
+				"path": "service/tell"
+			},
+			{
+				"path": "service/experience"
+			},
+			{
+				"path": "service/following"
+			},
 			{
 				"path": "mine/subscribe"
 			},
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 36f1f9c..192482e 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -80,12 +80,12 @@
 					{
 						icon : '/static/image/home/g3.png',
 						title : '遗产讲述',
-						path : '',
+						path : '/pages_order/service/tell?type=0',
 					},
 					{
 						icon : '/static/image/home/g4.png',
 						title : '达人同游',
-						path : '',
+						path : '/pages_order/service/tell?type=1',
 					},
 					{
 						icon : '/static/image/home/g5.png',
@@ -95,12 +95,12 @@
 					{
 						icon : '/static/image/home/g6.png',
 						title : '我要跟拍',
-						path : '',
+						path : '/pages_order/service/following' ,
 					},
 					{
 						icon : '/static/image/home/g7.png',
 						title : '非遗体验',
-						path : '',
+						path : '/pages_order/service/experience',
 					},
 					{
 						icon : '/static/image/home/g8.png',
diff --git a/pages_order/components/list/cardList.vue b/pages_order/components/list/cardList.vue
new file mode 100644
index 0000000..c7f5a24
--- /dev/null
+++ b/pages_order/components/list/cardList.vue
@@ -0,0 +1,104 @@
+<template>
+	<view>
+		<view class="card" v-for="(item,index) in 10" :key="index">
+			<view class="card-img">
+				<image src="../../static/applyRelic/jdz.png" mode="aspectFill"></image>
+			</view>
+			<view class="card-content">
+				<view style="display: flex; align-items: center;">
+					<text>刘申林</text>
+					<image class="card-content-img" src="../../static/tell/goldMedal.png"></image>
+				</view>
+				<view class="card-content-tag">
+					提前一周预约
+				</view>
+				<view style="font-size: 12px; color: #999;">
+					御窑厂、刘家弄、观音阁、陶瓷博物馆御窑博物馆...
+				</view>
+				<view class="card-content-bottom">
+					<view style="color: #FF280C;">
+						￥300起
+					</view>
+					<view class="card-content-bottom-one">
+						￥线上预约
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.card {
+		display: flex;
+		height: 300rpx;
+		width: 94%;
+		margin: 40rpx 0 0 3%;
+		align-items: center;
+
+		.card-img {
+			height: 240rpx;
+			width: 420rpx;
+
+			image {
+				height: 100%;
+				width: 100%;
+			}
+		}
+
+		.card-content {
+			margin-left: 3%;
+			font-size: 28rpx;
+
+			.card-content-img {
+				display: flex;
+				margin-left: 10rpx;
+				width: 100rpx;
+				height: 40rpx;
+			}
+
+			.card-content-tag {
+				display: inline-block;
+				font-size: 24rpx;
+				padding: 2rpx 20rpx;
+				border: 2rpx solid #FBA21E;
+				background-color: #FFF1D2;
+				color: #FBAF35;
+				border-radius: 20rpx;
+			}
+
+			.card-content-bottom {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+
+				.card-content-bottom-one {
+					display: inline-block;
+					color: #FFFDF6;
+					background-color: #C83741;
+					margin-right: 4%;
+					padding: 8rpx 20rpx;
+					border-radius: 40rpx;
+				}
+
+			}
+
+			view {
+				margin-top: 10rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/service/experience.vue b/pages_order/service/experience.vue
new file mode 100644
index 0000000..3a1dda2
--- /dev/null
+++ b/pages_order/service/experience.vue
@@ -0,0 +1,21 @@
+<template>
+	<view class="experience">
+		<navbar title="非遗体验" leftClick @leftClick="$utils.navigateBack" />
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/pages_order/service/following.vue b/pages_order/service/following.vue
new file mode 100644
index 0000000..e416c23
--- /dev/null
+++ b/pages_order/service/following.vue
@@ -0,0 +1,11 @@
+<template>
+	<view class="following">
+		
+	</view>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/pages_order/service/tell.vue b/pages_order/service/tell.vue
new file mode 100644
index 0000000..ee3c070
--- /dev/null
+++ b/pages_order/service/tell.vue
@@ -0,0 +1,139 @@
+<template>
+	<view class="tell">
+		<navbar :title="titles[type]" leftClick @leftClick="$utils.navigateBack" />
+
+		<view class="tell-top" v-if="type == 0 ">
+			<view>级别</view>
+			<view>遗产点</view>
+		</view>
+
+		<!-- <view class="card" v-for="(item,index) in 10">
+			<view class="card-img">
+				<image src="../static/applyRelic/jdz.png" mode="aspectFill"></image>
+			</view>
+			<view class="card-content">
+				<view style="display: flex; align-items: center;">
+					<text>刘申林</text>
+					<image class="card-content-img" src="../static/tell/goldMedal.png"></image>
+				</view>
+				<view class="card-content-tag">
+					提前一周预约
+				</view>
+				<view style="font-size: 12px; color: #999;">
+					御窑厂、刘家弄、观音阁、陶瓷博物馆御窑博物馆...
+				</view>
+				<view class="card-content-bottom">
+					<view style="color: #FF280C;">
+						￥300起
+					</view>
+					<view class="card-content-bottom-one">
+						￥线上预约
+					</view>
+				</view>
+			</view>
+		</view> -->
+		<cardList />
+		<tabber/>
+	</view>
+</template>
+
+<script>
+	import cardList from '../components/list/cardList.vue'
+	export default {
+		components: {
+			cardList
+		},
+		data() {
+			return {
+				titles: ['遗产讲述', '达人同游'],
+				type: 0,
+			}
+		},
+		onLoad(args) {
+			this.type = args.type || 0
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+
+<style scoped lang="scss">
+	.tell {
+		.tell-top {
+			display: flex;
+			justify-content: left;
+			align-items: center;
+			height: 80rpx;
+			background-color: #fff;
+			border-top: 2rpx solid #D0D0D0;
+			border-bottom: 2rpx solid #D0D0D0;
+
+			view {
+				flex: 1;
+				margin-left: 5%;
+			}
+		}
+
+		// .card {
+		// 	display: flex;
+		// 	height: 300rpx;
+		// 	width: 94%;
+		// 	margin: 40rpx 0 0 3%;
+		// 	align-items: center;
+
+		// 	.card-img {
+		// 		height: 240rpx;
+		// 		width: 420rpx;
+
+		// 		image {
+		// 			height: 100%;
+		// 			width: 100%;
+		// 		}
+		// 	}
+
+		// 	.card-content {
+		// 		margin-left: 3%;
+		// 		font-size: 28rpx;
+
+		// 		.card-content-img {
+		// 			display: flex;
+		// 			margin-left: 10rpx;
+		// 			width: 100rpx;
+		// 			height: 40rpx;
+		// 		}
+
+		// 		.card-content-tag {
+		// 			display: inline-block;
+		// 			font-size: 24rpx;
+		// 			padding: 2rpx 20rpx;
+		// 			border: 2rpx solid #FBA21E;
+		// 			background-color: #FFF1D2;
+		// 			color: #FBAF35;
+		// 			border-radius: 20rpx;
+		// 		}
+
+		// 		.card-content-bottom {
+		// 			display: flex;
+		// 			justify-content: space-between;
+		// 			align-items: center;
+
+		// 			.card-content-bottom-one {
+		// 				display: inline-block;
+		// 				color: #FFFDF6;
+		// 				background-color: #C83741;
+		// 				margin-right: 4%;
+		// 				padding: 8rpx 20rpx;
+		// 				border-radius: 40rpx;
+		// 			}
+
+		// 		}
+
+		// 		view {
+		// 			margin-top: 10rpx;
+		// 		}
+		// 	}
+		// }
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/static/tell/goldMedal.png b/pages_order/static/tell/goldMedal.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c344215a8fece147a6a35000668c734042001f8
GIT binary patch
literal 1086
zcmV-E1i|}>P)<h;3K|Lk000e1NJLTq001Wd000jN1^@s6XI$2900001b5ch_0Itp)
z=>Px&_(?=TR7gv`)lX~`RUE+a@0;1(wrsas`o{v&LTC$CQUp^Y#cCo@BawO$NmB?H
z5`r<tcu)_5dN4*!#OOsYC<G-$6eGrf+CapVQd1~2NLyM;ODV9l?9$z`+ufb_ex|bl
zLAbV)yu-}=-uyoEesAWdc)%f%&CifZ9KksCYWDX>9~3hk*VNrfWbl=lk~`y)x*p0+
z9csn5dNJhrZego3Rk}Ys9iY2&xHu7%?rl7#oOGRYc95~o7~Z+nIN>4u#iMv@s<Csu
z$5qAtI;D{5LMjP0y=QJZ?@Kg}?j6PHPoQcW$*FmPWM3Q3p)atDd{|}qSf%+`qeI|d
zIi)@cccZVLtX6VugG6>7CA)AAx_^SKwOjE9E<m^gifhq!4e?#uu!_7S%_s%6z_P<r
zikp16ZhaReLodtdH%G}{wif@24VdOFU^J?HJtVIp!^g3oKR~>FAMw_m6s@qJrg_S7
zre`lo1{x%M@H_>LAEAfNU<Q6hm6T&I-HyagLoA6z!`Kz82=8v9peh1S9zn+XFlWEQ
zTC@RGv<!28FXrMwFpdjXIYroYJ1{-pK_Y~;unBTXkVFXG{vr0`Z=>6`gGu38a{%4`
z0oL4An2}T1)vuDl^{$j?yBA*)ls_L8?!u~=hv$hckc=X?`bo8QVVBM$K6r|}U>iDB
zg*fAo9D}SN%JQK~>s^!?YDW3;Ku;j)81|Cak)hx3;B?0)NbHguW0kK%B3)REx7=5W
z4DQ@=8SC^Ri3tA6HJBfM#V+&XY21p5_TXH+hVsuRe(qZc&L)_926^Oj^qJ4@;H>!#
zAO>^c09M&^NMZ!L=A8_-XAh?TC$O{Jb8FE?cZF4U5lp^Rex(baM9PI9v1+y<SB@dE
z%P8rrma&d8cVghFHyQtOA0`|_<z$1$i}EB0ytR$!Z*RCU!Qcoydjh9<6HJ65yAaRn
z-RNVlWs)y!!b~P9e+f0K7U%H#OzG-&xMelnyD&F8QNc<`-?|IejXC{kW`*+>AXi#Y
za;i$k`y5oDf~>-&cpjRC^G^%u?qR%(=HgjWkB&r`2>peO_mXS+p#J22WsuO{pp&RM
zPeVKeGfMu8F=?0_mKV8p0yS$nIEl=dQG(p;b@wP)Gu=6I^*9n8KuO2KJxruG>Ptf6
zbOCmt5ZynFxe>-Ho{3#vhKY^fYnX%Q@*k+;mGIcdQ~tH;*6nh;L)f%De4coEL25XF
zj^%+j=x%DO*x(BcpvJEc>bw`{se(tR9Cqg?d{1xvv$&E(x=U2hPWH^kR~5#(*{2b+
zSgogL%2oeMa8KjEeNTSL-b708M$BflPJcb!sN4De1@2GGU!Gb{5dZ)H07*qoM6N<$
Ef~=_#djJ3c

literal 0
HcmV?d00001