diff --git a/components/base/navbar.vue b/components/base/navbar.vue
index bf7253b..56d2811 100644
--- a/components/base/navbar.vue
+++ b/components/base/navbar.vue
@@ -79,7 +79,7 @@
 .navbar{
 	width: 100%;
 	height: 100rpx;
-	padding-top: calc(var(--status-bar-height));
+	padding-top: calc(var(--status-bar-height) + 20rpx);
 }
 .title{
 	position: fixed;
diff --git a/components/post/postList.vue b/components/post/postList.vue
index b523c24..68fcb27 100644
--- a/components/post/postList.vue
+++ b/components/post/postList.vue
@@ -1,6 +1,7 @@
 <template>
 	<view class="postList">
 		<view class="item" v-for="(item, index) in list"
+		@click="$utils.navigateTo('/publish/postDetail')"
 		:key="index">
 			<image src="/static/image/index/p1.png" mode="aspectFill"></image>
 			<view class="text">
diff --git a/pages.json b/pages.json
index e787443..4aca4af 100644
--- a/pages.json
+++ b/pages.json
@@ -103,6 +103,13 @@
 			{
 				"navigationBarTitleText" : ""
 			}
+		},
+		{
+			"path" : "pages/publish/postDetail",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
 		}
 	],
 	"globalStyle": {
@@ -112,5 +119,15 @@
 		"backgroundColor": "#F8F8F8",
 		"navigationStyle": "custom"
 	},
-	"uniIdRouter": {}
+	"uniIdRouter": {},
+	"condition" : { //模式配置，仅开发期间生效
+		"current": 0, //当前激活的模式(list 的索引项)
+		"list": [
+			{
+				"name": "", //模式名称
+				"path": "", //启动页面，必选
+				"query": "" //启动参数，在页面的onLoad函数里面得到
+			}
+		]
+	}
 }
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 9585328..1ebc502 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -138,6 +138,7 @@
 
 <style scoped lang="scss">
 	.content{
+		padding-bottom: 150rpx;
 		.top{
 			background-image: $uni-linear-gradient-bg-color;
 			padding: 0 20rpx;
diff --git a/pages/index/publish.vue b/pages/index/publish.vue
index 153dd63..fe4d7bd 100644
--- a/pages/index/publish.vue
+++ b/pages/index/publish.vue
@@ -1,30 +1,96 @@
 <template>
-	<view>
-		{{ count }}
-		
-		
-		<tabber :select="1"/>
+	<view class="publish">
+		<view class="top">
+			<view class="title">
+				发布
+			</view>
+			<view class="type">
+				<view class="post"
+				@click="$utils.navigateTo('/publish/publishPost')">
+					发布帖子
+					<image src="/static/image/publish/p2.png" mode=""></image>
+				</view>
+				<view class=""
+				@click="$utils.navigateTo('/publish/actorRelease')">
+					发布名片
+					<image src="/static/image/publish/p1.png" mode=""></image>
+				</view>
+			</view>
+		</view>
+
+		<tabber :select="1" />
 	</view>
 </template>
 
 <script>
 	import tabber from '@/components/base/tabbar.vue'
-	import { mapState } from 'vuex'
+	import {
+		mapState
+	} from 'vuex'
 	export default {
-		components : {
+		components: {
 			tabber
 		},
-		computed : {
+		computed: {
 			...mapState(['count']),
 		},
 		data() {
 			return {
-				
+
 			};
 		}
 	}
 </script>
 
 <style lang="scss">
+	.publish {
+		.top {
+			height: 600rpx;
+			background-image: $uni-linear-gradient-bg-color;
+			padding: 0 20rpx;
+			padding-top: calc(var(--status-bar-height) + 100rpx);
+
+			.title {
+				display: flex;
+				color: #fff;
+				justify-content: space-between;
 
-</style>
+				&>view {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+				}
+			}
+		}
+		.type{
+			display: flex;
+			justify-content: center;
+			margin-top: 30rpx;
+			&>view{
+				width: 310rpx;
+				height: 120rpx;
+				background-color: #fff;
+				margin: 10rpx;
+				position: relative;
+				border-radius: 20rpx;
+				overflow: hidden;
+				color: #fdcc4b;
+				align-items: center;
+				padding: 20rpx;
+				display: flex;
+				font-weight: 900;
+				image{
+					position: absolute;
+					bottom: 0;
+					right: 0;
+					width: 100rpx;
+					height: 100rpx;
+				}
+			}
+			.post{
+				background-color: #b7a6f6;
+				color: #603af5;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/publish/actorRelease.vue b/pages/publish/actorRelease.vue
index d9d912d..3749af1 100644
--- a/pages/publish/actorRelease.vue
+++ b/pages/publish/actorRelease.vue
@@ -1,6 +1,13 @@
 <template>
-	<view>
+	<view class="actorRelease">
+		<navbar 
+		leftClick
+		@leftClick="$utils.navigateBack"
+		title="演员发布"/>
+		
+		
 		演员发布
+		
 	</view>
 </template>
 
diff --git a/pages/publish/postDetail.vue b/pages/publish/postDetail.vue
new file mode 100644
index 0000000..1b47e7d
--- /dev/null
+++ b/pages/publish/postDetail.vue
@@ -0,0 +1,132 @@
+<template>
+	<view class="postDetail">
+		<navbar 
+		leftClick
+		@leftClick="$utils.navigateBack"/>
+		
+		<view class="swipe">
+			<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 }}
+				</view>
+				<view class="">
+					发布时间：{{ 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>
+			</view>
+			
+			
+			<view class="content">
+				<uv-parse :content="item.content"></uv-parse>
+			</view>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list : [
+					{
+						url : '/static/image/index/123123.png'
+					},
+					{
+						url : '/static/image/index/a1.png'
+					},
+				],
+				item : {
+					title : "这是一条动态",
+					createTime : '2024-08-22 09:00:00',
+					createBy : "小飞",
+					content : '这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态这是一条动态',
+				},
+			}
+		},
+		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;
+			}
+		}
+		.controls{
+			display: flex;
+			margin-top: 30rpx;
+			&>view{
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				margin-right: 40rpx;
+			}
+		}
+		.content{
+			margin-top: 30rpx;
+			color: #777;
+		}
+	}
+}
+</style>
diff --git a/pages/publish/publishPost.vue b/pages/publish/publishPost.vue
index eb2bcc7..eb42395 100644
--- a/pages/publish/publishPost.vue
+++ b/pages/publish/publishPost.vue
@@ -1,5 +1,9 @@
 <template>
-	<view>
+	<view class="publishPost">
+		<navbar 
+		leftClick
+		@leftClick="$utils.navigateBack"
+		title="发布帖子"/>
 		发布帖子
 	</view>
 </template>
diff --git a/static/image/publish/p1.png b/static/image/publish/p1.png
new file mode 100644
index 0000000..cdf8a0c
Binary files /dev/null and b/static/image/publish/p1.png differ
diff --git a/static/image/publish/p2.png b/static/image/publish/p2.png
new file mode 100644
index 0000000..8deba8d
Binary files /dev/null and b/static/image/publish/p2.png differ