From 8d1bb07ac0e1116b3c662961cdac7afa96e149e3 Mon Sep 17 00:00:00 2001
From: minimaxagent1 <minimaxagent1@gmail.com>
Date: Tue, 29 Jul 2025 15:38:02 +0800
Subject: [PATCH] =?UTF-8?q?Monk=E7=BB=84=E4=BB=B6=E9=9D=99=E6=80=81?=
 =?UTF-8?q?=E5=88=9B=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/monk.js         |   0
 enum/common.js      |   1 +
 pages/Monk/Monk.vue | 217 ++++++++++++++++++++++++++++----------------
 3 files changed, 138 insertions(+), 80 deletions(-)
 create mode 100644 api/monk.js

diff --git a/api/monk.js b/api/monk.js
new file mode 100644
index 0000000..e69de29
diff --git a/enum/common.js b/enum/common.js
index 06030fc..009a0f0 100644
--- a/enum/common.js
+++ b/enum/common.js
@@ -1,5 +1,6 @@
 export const CommonEnum = {
 
     BACKGROUND: "https://api.ccttiot.com/image-1753769939853.png", //返回的按钮图像
+	RIGHT_CHEVRON:"https://api.ccttiot.com/image-1753773619878.png"
 };
 export default CommonEnum;
\ No newline at end of file
diff --git a/pages/Monk/Monk.vue b/pages/Monk/Monk.vue
index 43ceef2..9242134 100644
--- a/pages/Monk/Monk.vue
+++ b/pages/Monk/Monk.vue
@@ -10,95 +10,152 @@
 				<text class="search-text">张姗姗</text>
 				<view class="search-btn">搜索</view>
 			</view>
+			<view class="monk-list">
+				<view class="monk-item" v-for="(item, idx) in monkList" :key="idx">
+					<image class="monk-avatar" :src="item.avatar" mode="aspectFill"></image>
+					<view class="monk-info">
+						<view class="monk-desc">{{ item.desc }}</view>
+						<view class="monk-detail" @click="goDetail(item)">查看详情></view>
+					</view>
+				</view>
+			</view>
 		</view>
 	</view>
 </template>
 
 <script>
-	import {
-		CommonEnum
-	} from '@/enum/common.js';
-	import { MonkEnum } from '@/enum/monk.js'
-	export default {
-		data() {
-			return {
-				bgc: {
-					backgroundColor: "#F5F0E7",
+import { CommonEnum } from '@/enum/common.js';
+import { MonkEnum } from '@/enum/monk.js';
+
+export default {
+	data() {
+		return {
+			bgc: {
+				backgroundColor: "#F5F0E7",
+			},
+			CommonEnum,
+			MonkEnum,
+			monkList: [
+				{
+					avatar: 'https://api.ccttiot.com/image-1753770000001.png',
+					desc: '释某某法师，现任平山寺方丈。法师于2000年在平山寺剃度出家，2001年平山寺龙坛受具足戒，师承临济宗第11代传人，深耕禅修。',
 				},
-				CommonEnum,
-				MonkEnum
-			}
-		},
-		onLoad() {
-
-		},
-		methods: {
-
+				{
+					avatar: 'https://api.ccttiot.com/image-1753770000001.png',
+					desc: '释某某法师，现任平山寺方丈。法师于2000年在平山寺剃度出家，2001年平山寺龙坛受具足戒，师承临济宗第11代传人，深耕禅修。',
+				},
+				{
+					avatar: 'https://api.ccttiot.com/image-1753770000001.png',
+					desc: '释某某法师，现任平山寺方丈。法师于2000年在平山寺剃度出家，2001年平山寺龙坛受具足戒，师承临济宗第11代传人，深耕禅修。',
+				}
+			]
+		}
+	},
+	methods: {
+		goDetail(item) {
+			uni.showToast({
+				title: '详情功能待开发',
+				icon: 'none'
+			})
 		}
 	}
+}
 </script>
 
 <style lang="scss">
-	page {
-		width: 750rpx;
-		height: 2492rpx;
-		background: #F5F0E7;
-		border-radius: 0rpx 0rpx 0rpx 0rpx;
-	}
-
-	.container {
-		display: flex;
-		justify-content: center;
-		min-height: 100vh;
-		background-color: transparent;
-		width: 750rpx;
-		position: relative;
-	}
-
-	.searchBox {
-		display: flex;
-		align-items: center;
-		width: 660rpx;
-		height: 70rpx;
-		background: #FFFBF5;
-		border-radius: 10rpx;
-		border: 1rpx solid #C7A26D;
-		margin-top: 20rpx;
-		padding: 0 12rpx;
-	}
-
-	.search-icon {
-		width: 32rpx;
-		height: 32rpx;
-		margin: 0 16rpx 0 0;
-	}
-
-	.search-text {
-		flex: 1;
-		font-size: 28rpx;
-		color: #bfa16b;
-	}
-
-	.search-btn {
-		background: #bfa16b;
-		color: #fff;
-		font-size: 26rpx;
-		border-radius: 6rpx;
-		padding: 0 24rpx;
-		height: 48rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		margin-left: 16rpx;
-	}
-
-	.background-image {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		z-index: -1;
-		border-radius: 16rpx;
-	}
+.page {
+	width: 750rpx;
+	min-height: 100vh;
+	background: #F5F0E7;
+	border-radius: 0rpx 0rpx 0rpx 0rpx;
+}
+.container {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	min-height: 100vh;
+	background-color: transparent;
+	margin: 20px 14px 40rpx 14px;
+	width: 694rpx;
+	border-radius: 16rpx;
+	position: relative;
+}
+.background-image {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: -1;
+	border-radius: 16rpx;
+}
+.searchBox {
+	display: flex;
+	align-items: center;
+	width: 660rpx;
+	height: 70rpx;
+	background: #FFFBF5;
+	border-radius: 10rpx;
+	border: 1rpx solid #C7A26D;
+	margin-top: 20rpx;
+	padding: 0 12rpx;
+}
+.search-icon {
+	width: 32rpx;
+	height: 32rpx;
+	margin: 0 16rpx 0 0;
+}
+.search-text {
+	flex: 1;
+	font-size: 28rpx;
+	color: #bfa16b;
+}
+.search-btn {
+	background: #bfa16b;
+	color: #fff;
+	font-size: 26rpx;
+	border-radius: 6rpx;
+	padding: 0 24rpx;
+	height: 48rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-left: 16rpx;
+}
+.monk-list {
+	width: 100%;
+	margin-top: 24rpx;
+}
+.monk-item {
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	background: transparent;
+	margin-bottom: 24rpx;
+}
+.monk-avatar {
+	width: 100rpx;
+	height: 100rpx;
+	background: #e5e5e5;
+	border-radius: 8rpx;
+	margin-right: 18rpx;
+}
+.monk-info {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+.monk-desc {
+	font-size: 26rpx;
+	color: #695347;
+	line-height: 1.6;
+	margin-bottom: 8rpx;
+	word-break: break-all;
+}
+.monk-detail {
+	color: #bfa16b;
+	font-size: 24rpx;
+	align-self: flex-end;
+}
 </style>
\ No newline at end of file