<template>
	<u-popup :show="show" @close="close" mode="bottom" :round="15" bgColor="#fff" closeable>
		<view class="content">
			<div class="title">备注</div>
			<u-textarea placeholder="请填写文字描述" maxlength="100" style="margin: 42rpx 0;" count height="200" border="none">
			</u-textarea>
			<div class="btn">完成</div>
		</view>
	</u-popup>

</template>

<script>
	export default {
		data() {
			return {
				show: false,
			};
		},
		methods: {
			start() {
				this.show = true
			},
			close() {
				this.show = false
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		padding: 32rpx;

		::v-deep {
			.u-textarea {
				background: #F6F6F6;
				border-radius: 16rpx;
			}
		}

		.btn {
			font-size: 28rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: bold;
			color: #FFFFFF;
			text-align: center;
			line-height: 80rpx;
			text-align: center;
			height: 80rpx;
			background: #21BBF3;
			border-radius: 40rpx;
		}

		.title {
			font-size: 32rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: bold;
			text-align: center;
		}
	}
</style>
