From e28f96d7790103c4d5c1e0ef968bdbd29d518a3a Mon Sep 17 00:00:00 2001
From: huliyong <2783385703@qq.com>
Date: Fri, 23 Aug 2024 20:57:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=BC=94=E5=91=98=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/base/navbar.vue             |   4 +-
 components/content/contentControls.vue |  47 +++++++++++
 components/post/actorList.vue          | 126 ++++++++++++++++++++++++++++
 components/post/postList.vue           |   6 +-
 pages.json                             |   7 ++
 pages/index/index.vue                  |   6 +-
 pages/publish/actorList.vue            | 101 +++++++++++++++++++++++
 pages/publish/postDetail.vue           | 146 ++++++++++++++-------------------
 pages/publish/postList.vue             |   9 ++
 uni.scss                               |   2 +
 10 files changed, 362 insertions(+), 92 deletions(-)
 create mode 100644 components/content/contentControls.vue
 create mode 100644 components/post/actorList.vue
 create mode 100644 pages/publish/actorList.vue

diff --git a/components/base/navbar.vue b/components/base/navbar.vue
index 56d2811..bd958f6 100644
--- a/components/base/navbar.vue
+++ b/components/base/navbar.vue
@@ -78,8 +78,8 @@
 <style lang="scss" scoped>
 .navbar{
 	width: 100%;
-	height: 100rpx;
-	padding-top: calc(var(--status-bar-height) + 20rpx);
+	height: 120rpx;
+	padding-top: var(--status-bar-height);
 }
 .title{
 	position: fixed;
diff --git a/components/content/contentControls.vue b/components/content/contentControls.vue
new file mode 100644
index 0000000..5c76eef
--- /dev/null
+++ b/components/content/contentControls.vue
@@ -0,0 +1,47 @@
+<template>
+	<view class="controls"
+		@click="$emit('bell')">
+		<view class="">
+			<uv-icon size="35rpx" name="bell"></uv-icon>
+			举报
+		</view>
+		<view class=""
+		@click="$emit('thumb-up')">
+			<uv-icon size="35rpx" name="thumb-up"></uv-icon>
+			点赞
+		</view>
+		<view class=""
+		@click="$emit('share')">
+			<uv-icon size="35rpx" name="share"></uv-icon>
+			分享
+		</view>
+		<view class=""
+		@click="$emit('thumb-down')">
+			<uv-icon size="35rpx" name="thumb-down"></uv-icon>
+			踩
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"contentControls",
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.controls {
+	display: flex;
+	&>view {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-right: 40rpx;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/components/post/actorList.vue b/components/post/actorList.vue
new file mode 100644
index 0000000..64afdea
--- /dev/null
+++ b/components/post/actorList.vue
@@ -0,0 +1,126 @@
+<template>
+	<view class="postList">
+		<view class="item" v-for="(item, index) in list"
+		@click="$utils.navigateTo('/publish/postDetail?id=123')"
+		:key="index">
+			<image src="/static/image/index/p1.png" mode="aspectFill"></image>
+			<view class="text">
+				<view class="title">
+					<view class="t">
+						{{ item.title }}
+					</view>
+					<view class="auth">
+						已认证
+					</view>
+				</view>
+				<view class="info">
+					(介绍:介绍内容介内容介绍内容介内容介绍内容介内容介绍内容介内容)
+				</view>
+				<view class="createBy">
+					<!-- <view class="">
+						发布人：{{ item.createBy }}
+					</view> -->
+					<view class="">
+						{{ item.createTime }}
+					</view>
+				</view>
+				<view class="phone">
+					联系方式 <text>去查看</text>
+				</view>
+				<view class="price">
+					价格 <text>￥9999</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"postList",
+		props : ['list'],
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.postList{
+	.item{
+		height: 240rpx;
+		width: 100%;
+		background-color: #fff;
+		overflow: hidden;
+		border-radius: 10rpx;
+		color: #777;
+		display: flex;
+		font-size: 24rpx;
+		margin: 30rpx 0;
+		image{
+			width: 50%;
+			height: 100%;
+		}
+		.text{
+			display: flex;
+			flex-direction: column;
+			padding: 16rpx;
+			width: 50%;
+			.title{
+				font-size: 30rpx;
+				color: #000;
+				display: flex;
+				align-items: center;
+				.t{
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+					-o-text-overflow: ellipsis;
+				}
+				.auth{
+					color: $uni-color-red;
+					border: 1px solid $uni-color-red;
+					font-size: 20rpx;
+					margin-left: 10rpx;
+					width: 60rpx;
+					line-height: 30rpx;
+					height: 30rpx;
+					flex-shrink: 0;
+				}
+			}
+			.info{
+				color: #000;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				display: -webkit-box;
+				-webkit-line-clamp:2;
+				-webkit-box-orient: vertical;
+			}
+			.createBy{
+				display: flex;
+				margin-top: auto;
+				margin-bottom: 5rpx;
+				justify-content: space-between;
+				&>view{
+					display: flex;
+					align-items: center;
+					justify-content: center;
+				}
+			}
+			.phone{
+				text{
+					color: #000;
+				}
+			}
+			.price{
+				color: $uni-color-red;
+			}
+			text{
+				padding-left: 10rpx;
+			}
+		}
+	}
+}
+</style>
\ No newline at end of file
diff --git a/components/post/postList.vue b/components/post/postList.vue
index 68fcb27..d6ca65c 100644
--- a/components/post/postList.vue
+++ b/components/post/postList.vue
@@ -1,7 +1,7 @@
 <template>
 	<view class="postList">
 		<view class="item" v-for="(item, index) in list"
-		@click="$utils.navigateTo('/publish/postDetail')"
+		@click="$utils.navigateTo('/publish/postDetail?id=123')"
 		:key="index">
 			<image src="/static/image/index/p1.png" mode="aspectFill"></image>
 			<view class="text">
@@ -20,7 +20,7 @@
 					</view>
 				</view>
 				<view class="createTime">
-					{{ item.title }}
+					{{ item.createTime }}
 				</view>
 			</view>
 		</view>
@@ -47,7 +47,7 @@
 		background-color: #fff;
 		overflow: hidden;
 		border-radius: 10rpx;
-		color: #555;
+		color: #777;
 		display: flex;
 		font-size: 24rpx;
 		margin: 30rpx 0;
diff --git a/pages.json b/pages.json
index 4aca4af..755c9dd 100644
--- a/pages.json
+++ b/pages.json
@@ -110,6 +110,13 @@
 			{
 				"navigationBarTitleText" : ""
 			}
+		},
+		{
+			"path" : "pages/publish/actorList",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 1ebc502..f1c82d7 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -40,7 +40,8 @@
 				<view class="title">
 					认证演员
 				</view>
-				<view class="more">
+				<view class="more"
+				@click="$utils.navigateTo('/publish/actorList')">
 					查看全部
 					<uv-icon 
 					size="26rpx"
@@ -60,7 +61,8 @@
 				<view class="title">
 					动态帖子
 				</view>
-				<view class="more" @click="$utils.navigateTo('/publish/postList')">
+				<view class="more" 
+				@click="$utils.navigateTo('/publish/postList')">
 					查看全部
 					<uv-icon 
 					size="26rpx"
diff --git a/pages/publish/actorList.vue b/pages/publish/actorList.vue
new file mode 100644
index 0000000..23683bf
--- /dev/null
+++ b/pages/publish/actorList.vue
@@ -0,0 +1,101 @@
+<template>
+	<view class="postList">
+		
+		<navbar 
+		leftClick
+		@leftClick="$utils.navigateBack"
+		title="认证演员"/>
+		
+		
+		<view class="title">
+			认证创作者
+		</view>
+		
+		<view class="box">
+			<view class="search">
+				<view class="icon">
+					<uv-icon
+					size="40rpx"
+					name="search"></uv-icon>
+				</view>
+				<input type="text" placeholder="请输入搜索关键字..."/>
+				<view class="text">
+					搜索
+				</view>
+			</view>
+			
+			<actorList :list="actorList"/>
+		</view>
+	</view>
+</template>
+
+<script>
+	import actorList from '@/components/post/actorList.vue'
+	export default {
+		components : {
+			actorList
+		},
+		data() {
+			return {
+				actorList : [
+					{
+						title : "创作人名称创作人名称创作人名称创作人名称",
+						createTime : '2024-08-22 09:00:00',
+						createBy : "小飞",
+					},
+					{
+						title : "创作人名称",
+						createTime : '2024-08-22 09:00:00',
+						createBy : "小飞",
+					},
+					{
+						title : "创作人名称",
+						createTime : '2024-08-22 09:00:00',
+						createBy : "小飞",
+					},
+					{
+						title : "创作人名称",
+						createTime : '2024-08-22 09:00:00',
+						createBy : "小飞",
+					},
+				],
+			}
+		},
+		methods: {
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.postList{
+	.title{
+		padding-top: 20rpx;
+		padding-left: 30rpx;
+		font-size: 32rpx;
+	}
+	.box{
+		padding: 30rpx;
+		.search{
+			background-color: #fff;
+			height: 70rpx;
+			width: 100%;
+			margin: 20rpx 0;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			font-size: 28rpx;
+			border-radius: 10rpx;
+			.icon{
+				margin: 0 20rpx;
+			}
+			input{
+				
+			}
+			.text{
+				margin-left: auto;
+				margin-right: 20rpx;
+			}
+		}
+	}
+}
+</style>
diff --git a/pages/publish/postDetail.vue b/pages/publish/postDetail.vue
index 1b47e7d..66f1a3c 100644
--- a/pages/publish/postDetail.vue
+++ b/pages/publish/postDetail.vue
@@ -1,23 +1,17 @@
 <template>
 	<view class="postDetail">
-		<navbar 
-		leftClick
-		@leftClick="$utils.navigateBack"/>
-		
+		<navbar leftClick @leftClick="$utils.navigateBack" />
+
 		<view class="swipe">
-			<uv-swiper 
-			:list="list"
-			keyName="url"
-			indicator
-			height="320rpx"></uv-swiper>
+			<uv-swiper :list="list" keyName="url" indicator height="320rpx"></uv-swiper>
 		</view>
-		
+
 		<view class="box">
-			
+
 			<view class="title">
 				{{ item.title }}
 			</view>
-			
+
 			<view class="createBy">
 				<view class="">
 					发布人：{{ item.createBy }}
@@ -26,107 +20,89 @@
 					发布时间：{{ item.createTime }}
 				</view>
 			</view>
-			
-			
+
+
 			<view class="controls">
-				<view class="">
-					<uv-icon 
-					size="35rpx"
-					name="bell"></uv-icon>
-					举报
-				</view>
-				<view class="">
-					<uv-icon
-					size="35rpx" 
-					name="thumb-up"></uv-icon>
-					点赞
-				</view>
-				<view class="">
-					<uv-icon
-					size="35rpx"
-					name="share"></uv-icon>
-					分享
-				</view>
-				<view class="">
-					<uv-icon 
-					size="35rpx"
-					name="thumb-down"></uv-icon>
-					踩
-				</view>
+				<contentControls/>
 			</view>
-			
-			
+
+
 			<view class="content">
 				<uv-parse :content="item.content"></uv-parse>
 			</view>
 		</view>
-		
+
 	</view>
 </template>
 
 <script>
+	import contentControls from '@/components/content/contentControls.vue'
 	export default {
+		components : {
+			contentControls
+		},
 		data() {
 			return {
-				list : [
-					{
-						url : '/static/image/index/123123.png'
+				list: [{
+						url: '/static/image/index/123123.png'
 					},
 					{
-						url : '/static/image/index/a1.png'
+						url: '/static/image/index/a1.png'
 					},
 				],
-				item : {
-					title : "这是一条动态",
-					createTime : '2024-08-22 09:00:00',
-					createBy : "小飞",
-					content : '这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态',
+				item: {
+					title: "这是一条动态",
+					createTime: '2024-08-22 09:00:00',
+					createBy: "小飞",
+					content: '这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态',
 				},
 			}
 		},
+		onLoad(options) {
+			// this.$route.query的参数
+			console.log(options)
+		},
 		methods: {
-			
+
 		}
 	}
 </script>
 
 <style lang="scss" scoped>
-.postDetail{
-	.box{
-		padding: 20rpx;
-		.title{
-			font-size: 30rpx;
-			font-weight: 600;
-			color: #000;
-		}
-		.createBy{
-			display: flex;
-			margin-top: auto;
-			margin-bottom: 10rpx;
-			font-size: 26rpx;
-			margin-top: 20rpx;
-			color: #555;
-			&>view{
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				padding-right: 20rpx;
+	.postDetail {
+		.box {
+			padding: 20rpx;
+
+			.title {
+				font-size: 30rpx;
+				font-weight: 600;
+				color: #000;
 			}
-		}
-		.controls{
-			display: flex;
-			margin-top: 30rpx;
-			&>view{
+
+			.createBy {
 				display: flex;
-				justify-content: center;
-				align-items: center;
-				margin-right: 40rpx;
+				margin-top: auto;
+				margin-bottom: 10rpx;
+				font-size: 26rpx;
+				margin-top: 20rpx;
+				color: #555;
+
+				&>view {
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					padding-right: 20rpx;
+				}
+			}
+
+			.controls {
+				margin-top: 30rpx;
+			}
+
+			.content {
+				margin-top: 30rpx;
+				color: #777;
 			}
-		}
-		.content{
-			margin-top: 30rpx;
-			color: #777;
 		}
 	}
-}
-</style>
+</style>
\ No newline at end of file
diff --git a/pages/publish/postList.vue b/pages/publish/postList.vue
index 6a4765d..47bed84 100644
--- a/pages/publish/postList.vue
+++ b/pages/publish/postList.vue
@@ -6,6 +6,10 @@
 		@leftClick="$utils.navigateBack"
 		title="动态列表"/>
 		
+		<view class="title">
+			动态列表
+		</view>
+		
 		<view class="box">
 			<view class="search">
 				<view class="icon">
@@ -66,6 +70,11 @@
 
 <style lang="scss" scoped>
 .postList{
+	.title{
+		padding-top: 20rpx;
+		padding-left: 30rpx;
+		font-size: 32rpx;
+	}
 	.box{
 		padding: 30rpx;
 		.search{
diff --git a/uni.scss b/uni.scss
index 9a0806d..1c78354 100644
--- a/uni.scss
+++ b/uni.scss
@@ -34,6 +34,8 @@ $uni-color-success: #4cd964;
 $uni-color-warning: #f0ad4e;
 $uni-color-error: #dd524d;
 
+$uni-color-red: #f00;
+
 /* 文字基本颜色 */
 $uni-text-color:#333;//基本色
 $uni-text-color-inverse:#fff;//反色