1.匿名投递故事

src/pages/socialmailbox/socialmailbox.vue

@@ -5,10 +5,14 @@
 				placeholder-class="textareaplace" />
 		</view>
 		<view class="textareabox2">
-			<view class="title">
+			<view class="title" v-if="!keyword">
 				<image :src="ImgUrl2+'remarks.png'" mode="aspectFit"></image>
 				<text>您可在此备注部分信息</text>
 			</view>
+			<view class="title2" v-if="keyword">
+				<image :src="ImgUrl2+'shuru.png'" mode="aspectFit"></image>
+				<text>{{keyword}}</text>
+			</view>
 			<textarea v-model="SubmitInfo.remark" :placeholder="placeholder2" placeholder-class="textareaplace" />
 		</view>
 		<view class="envelope" :style="'background-image: url('+ImgUrl2+'envelope2.png);'">
@@ -39,11 +43,19 @@
 					"studentId": 0, //学生id
 					"studentName": "", //学生名
 					"wechatName": "" //	微信名
-				}
+				},
+				// keyword
+				keyword:''
 			}
 		},
 		onLoad() {
 
+		},
+		computed: {
+			keywordMessageContent: function() {
+				console.log(this.SubmitInfo.messageContent);
+				return this.SubmitInfo.messageContent.split('').reverse().join('')
+			}
 		},
 		methods: {
 			// 投递信箱
@@ -133,7 +145,8 @@
 <style scoped>
 	.content {
 		width: 100%;
-		height: 100vh;
+		/* height: 100vh; */
+		height: 1624rpx;
 		background-repeat: no-repeat;
 		background-size: 100% 100%;
 	}
@@ -144,9 +157,10 @@
 		background-repeat: no-repeat;
 		background-size: 110% 110%;
 		position: fixed;
-		bottom: 10rpx;
+		/* margin-bottom: 60rpx; */
 		background-position: center;
 		text-align: center;
+		bottom: 0;
 	}
 
 	.toudibtn {
@@ -177,11 +191,12 @@
 		font-family: PingFangSC-Regular, PingFang SC;
 		font-weight: 400;
 		margin: 0 auto;
-		position: absolute;
+		/* 	position: absolute;
 		left: 0;
 		right: 0;
-		top: 15%;
-		height: 600rpx;
+		top: 15%; */
+		height: 840rpx;
+		padding-top: 250rpx;
 	}
 
 	.textareabox2 {
@@ -190,11 +205,9 @@
 		font-family: PingFangSC-Regular, PingFang SC;
 		font-weight: 400;
 		margin: 0 auto;
-		position: absolute;
-		left: 0;
-		right: 0;
-		top: 65.5%;
 		height: 200rpx;
+		/* height: 10vh; */
+		margin-top: 30rpx;
 	}
 
 	.textareabox2 .title {
@@ -202,7 +215,21 @@
 		align-items: center;
 	}
 
+	.textareabox2 .title2 {
+		display: flex;
+		align-items: center;
+
+		background-color: rgba(255, 95, 11, 0.1);
+		border-radius: 24rpx;
+		padding-left: 18rpx;
+	}
 
+	.title2 text {
+		font-size: 32rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		font-weight: 400;
+		color: #FF5F0B !important;
+	}
 
 	.textareabox2 text {
 		display: inline-block;