From a51667df95b4239335b4c2e415b89f02ce0b8698 Mon Sep 17 00:00:00 2001
From: huliyong <2783385703@qq.com>
Date: Sun, 25 Aug 2024 15:54:00 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E5=8A=A8=E6=80=81=E5=8F=91?=
 =?UTF-8?q?=E5=B8=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/content/submit.vue |  72 ++++++++++++++++++
 manifest.json                 |   3 +-
 package.json                  |   4 +-
 pages.json                    |  35 +++------
 pages/publish/publishPost.vue | 171 +++++++++++++++++++++++++++++++++++++++++-
 5 files changed, 251 insertions(+), 34 deletions(-)
 create mode 100644 components/content/submit.vue

diff --git a/components/content/submit.vue b/components/content/submit.vue
new file mode 100644
index 0000000..8131352
--- /dev/null
+++ b/components/content/submit.vue
@@ -0,0 +1,72 @@
+<template>
+	<view class="submit">
+		<view class="">
+			<uv-icon 
+			size="40rpx"
+			name="file-text"></uv-icon>
+			<view class="">
+				存草稿
+			</view>
+		</view>
+		<view class="">
+			<uv-icon 
+			size="40rpx"
+			name="eye-fill"></uv-icon>
+			<view class="">
+				预览
+			</view>
+		</view>
+		<view class="btn">
+			{{ submiitTitle }}
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"submit",
+		props : {
+			submiitTitle : {
+				default : '发布',
+				type : String,
+			}
+		},
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.submit{
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	width: 100vw;
+	background-color: #fff;
+	height: 100rpx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	.btn{
+		background: $uni-linear-gradient-btn-color;
+		width: 400rpx;
+		height: 70rpx;
+		color: #fff;
+		border-radius: 15rpx;
+	}
+	view{
+		width: 100rpx;
+		margin: 0 10rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-direction: column;
+	}
+}
+</style>
diff --git a/manifest.json b/manifest.json
index 84260f9..f3f3714 100644
--- a/manifest.json
+++ b/manifest.json
@@ -55,8 +55,7 @@
         "appid" : "wxe7ae8cbe1673834c",
         "setting" : {
             "urlCheck" : false,
-			"ignoreDevUnusedFiles":false
-
+            "ignoreDevUnusedFiles" : false
         },
         "usingComponents" : true,
         "permission" : {}
diff --git a/package.json b/package.json
index 68c29ba..136edbc 100644
--- a/package.json
+++ b/package.json
@@ -14,9 +14,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@climblee/uv-ui": "^1.1.20",
     "ali-oss": "^6.21.0",
-    "dayjs": "^1.11.12",
-    "uview-ui": "^2.0.36"
+    "dayjs": "^1.11.12"
   }
 }
diff --git a/pages.json b/pages.json
index 4b74139..5594fdb 100644
--- a/pages.json
+++ b/pages.json
@@ -1,16 +1,16 @@
 {
-	"easycom": {
-		"autoscan": true,
-		"custom": {
-			"^uv-(.*)": "@climblee/uv-ui/components/uv-$1/uv-$1.vue"
-		},
-		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
-	},
 	"pages": [
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "unapp模板"
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path" : "pages/publish/publishPost",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
 			}
 		},
 		{
@@ -90,13 +90,6 @@
 				"navigationBarTitleText" : ""
 			}
 		},
-		{
-			"path" : "pages/publish/publishPost",
-			"style" : 
-			{
-				"navigationBarTitleText" : ""
-			}
-		},
 		{
 			"path" : "pages/publish/actorRelease",
 			"style" : 
@@ -161,15 +154,5 @@
 		"backgroundColor": "#F8F8F8",
 		"navigationStyle": "custom"
 	},
-	"uniIdRouter": {},
-	"condition" : { //模式配置，仅开发期间生效
-		"current": 0, //当前激活的模式(list 的索引项)
-		"list": [
-			{
-				"name": "", //模式名称
-				"path": "", //启动页面，必选
-				"query": "" //启动参数，在页面的onLoad函数里面得到
-			}
-		]
-	}
+	"uniIdRouter": {}
 }
diff --git a/pages/publish/publishPost.vue b/pages/publish/publishPost.vue
index eb42395..e85a995 100644
--- a/pages/publish/publishPost.vue
+++ b/pages/publish/publishPost.vue
@@ -4,20 +4,185 @@
 		leftClick
 		@leftClick="$utils.navigateBack"
 		title="发布帖子"/>
-		发布帖子
+		
+		<view class="images box">
+			<!-- <view class="image" 
+			v-for="(src, index) in form.image"
+			:key="index">
+				<image src="src" mode=""></image>
+			</view>
+			<view class="add">
+				<uv-icon name="plus"></uv-icon>
+			</view> -->
+			<uv-upload 
+			:fileList="fileList" 
+			:maxCount="5" 
+			multiple 
+			width="150rpx" 
+			height="150rpx"
+			@delete="deleteImage"
+			@afterRead="afterRead"
+			:previewFullImage="true"></uv-upload>
+		</view>
+		
+		<view class="title-input box">
+			<input type="text" placeholder="添加标题"/>
+		</view>
+		
+		<view class="content-input">
+			<uv-textarea 
+			v-model="form.content" 
+			:maxlength="200" 
+			autoHeight
+			count
+			placeholder="添加标题"></uv-textarea>
+		</view>
+		
+		<view class="upTop">
+			<view class="title">
+				<!-- <uv-icon name=""></uv-icon> -->
+				是否置顶
+			</view>
+			<uv-radio-group v-model="form.upTop">
+				<view class="list">
+					<view class="item"
+					v-for="(item, index) in upTopList"
+					:key="index">
+						<view class="left">
+							{{ item.info }}
+						</view>
+						<view class="right">
+							<uv-radio
+							size="35rpx"
+							icon-size="35rpx"
+							:name="item.id">
+							</uv-radio>
+						</view>
+					</view>
+				</view>
+			</uv-radio-group>
+		</view>
+		
+		<submit
+		@submit="submit"
+		@preview="preview"
+		@draft="draft"
+		submitTitle="发布帖子"
+		/>
 	</view>
 </template>
 
 <script>
+	import submit from '@/components/content/submit.vue'
+	import uvUpload from '@/uni_modules/uv-upload/components/uv-upload/uv-upload.vue'
 	export default {
+		components : {
+			submit,
+			uvUpload
+		},
 		data() {
 			return {
-				
+				upTopList : [
+					{
+						info : '置顶1天3元',
+						id : 1,
+					},
+					{
+						info : '置顶2天3元',
+						id : 4,
+					},
+					{
+						info : '置顶3天3元',
+						id : 3,
+					},
+					{
+						info : '置顶4天3元',
+						id : 2,
+					},
+				],
+				form : {
+					image : [],
+					content : '',
+					upTop : '',
+				},
+				fileList: [
+					{
+						url: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
+						name : '132',
+					},
+					{
+						url: 'https://cdn.uviewui.com/uview/swiper/2.jpg'
+					},
+					{
+						url: 'https://cdn.uviewui.com/uview/swiper/2.jpg'
+					},
+					{
+						url: 'https://cdn.uviewui.com/uview/swiper/2.jpg'
+					},
+				],
 			};
+		},
+		methods : {
+			deleteImage(e){
+				this.fileList.splice(e.index, 1)
+			},
+			afterRead(e){
+				this.fileList.push(...e.file)
+			},
+			submit(){},
+			preview(){},
+			draft(){},
 		}
 	}
 </script>
 
 <style lang="scss" scoped>
-
+.publishPost{
+	background-color: #fff;
+	min-height: 100vh;
+	font-size: 28rpx;
+	/deep/ .uv-textarea{
+		background-color: transparent;
+		border: none;
+	}
+	/deep/ .uv-textarea__count{
+		background-color: transparent !important;
+	}
+	.box{
+		padding: 0 20rpx;
+	}
+	.images{
+		display: flex;
+		flex-wrap: wrap;
+		padding: 20rpx;
+	}
+	.title-input{
+		border-bottom: 1px solid #00000015;
+		padding-bottom: 25rpx;
+		margin-bottom: 15rpx;
+	}
+	.content-input{
+		min-height: 400rpx;
+	}
+	.upTop{
+		.title{
+			padding-top: 20rpx;
+			padding-left: 30rpx;
+			border-top: 1px solid #00000015;
+		}
+		.list{
+			padding-top: 30rpx;
+			width: 100%;
+			.item{
+				display: flex;
+				padding: 20rpx;
+				padding-left: 80rpx;
+				justify-content: space-between;
+				width: 600rpx;
+				border-bottom: 1px solid #00000015;
+				align-items: center;
+			}
+		}
+	}
+}
 </style>