Web_TracerMethodology/pages/mission-action/components/write-back.vue

<template>
	<view class="write-back-page">
		<scroll-view class="scroll-y" scroll-y="true" >
			<view class="item-box">
				<view class="label-view">
					<text>回复内容</text>
				</view>
				<textarea class="textarea"
				  placeholder="请输入"
					placeholder-style="color: #B8BECC"
					:maxlength="-1"
          auto-height
				/>
			</view>
			<tm-upload-img
			  :filePaths="filePaths"
				:isMultiple="true"
				@changeFilePaths="changeFilePaths"
			/>
		</scroll-view>
		<view class="fixed-buttom-btn">
			<text class="btn-text">确定</text>
		</view>
	</view>
</template>

<script>
	// 改善回复

	export default {
		data() {
			return {
				filePaths: ['/static/img-icon.png', '/static/img-icon.png']
			}
		},
		created() {
			uni.setNavigationBarTitle({
				title: '原因'
			});
		},
		methods: {
			changeFilePaths(filePaths) {
				this.filePaths = filePaths;
			}
		}
	}
</script>

<style lang="less">
	.write-back-page {
		height: 100%;
		padding-top: 15rpx;

		.scroll-y {
			height: calc(100% - 102rpx);

			.item-box {
				display: flex;
				background-color: #FFFFFF;
				border-bottom: 0.62rpx solid #DADEE6;
				padding: 25rpx 0;
				padding-left: 25rpx;

				.label-view {
					width: 175rpx;
					line-height: 37.5rpx;
					

					>text {
						font-size: 22.5rpx;
						color: #666F80;
					}
				}

				.textarea {
					width: 100%;
					min-height: 587.5rpx;
					background-color: #fff;
					padding: 0 25rpx;
					line-height: 37.5rpx;
					font-size: 22.5rpx;
					color: #525866;
					box-sizing: border-box;
				}
			}
		}
	}
</style>