You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.3 KiB
66 lines
1.3 KiB
<template>
|
|
<view class="content">
|
|
<view class="textarea-box">
|
|
<textarea class="textarea" placeholder="展现自己，也可说出您的故事～" maxlength="200"></textarea>
|
|
<view class="tips-num">0/200</view>
|
|
</view>
|
|
<view class="tips-content">！小提示：谈谈你对爱情、婚姻的想法，简单介绍下自己的生后工作或者你希望中的那个ta，最好能让对方更了解你，还能快速拉近两人的距离哟～</view>
|
|
<button class="btn" hover-class="lf-opacity">保存</button>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data(){
|
|
return {
|
|
|
|
}
|
|
},
|
|
onLoad(){
|
|
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped="scoped">
|
|
.content{
|
|
padding: 30rpx 32rpx;
|
|
width: 750rpx;
|
|
height: max-content;
|
|
box-sizing: border-box;
|
|
.textarea-box{
|
|
position: relative;
|
|
.tips-num{
|
|
position: absolute;
|
|
bottom: 30rpx;
|
|
right: 30rpx;
|
|
font-size: 28rpx;
|
|
color: #999999;
|
|
}
|
|
}
|
|
.textarea{
|
|
width: 686rpx;
|
|
height: 350rpx;
|
|
border-radius: 10rpx;
|
|
background-color: #F5F5F5;
|
|
box-sizing: border-box;
|
|
padding: 30rpx;
|
|
font-size: 28rpx;
|
|
padding-bottom: 80rpx;
|
|
}
|
|
.tips-content{
|
|
font-size: 24rpx;
|
|
color: #777777;
|
|
margin-top: 45rpx;
|
|
}
|
|
.btn{
|
|
margin-top: 40rpx;
|
|
background-color: #E21196;
|
|
border-radius: 46rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
}
|
|
</style>
|