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.
102 lines
2.0 KiB
102 lines
2.0 KiB
<template> |
|
<view class="view"> |
|
<view |
|
class="" |
|
style=" |
|
background-color: #f9f9f9; |
|
border: 1px solid #f1f1f4; |
|
border-radius: 24rpx; |
|
padding: 16rpx; |
|
" |
|
> |
|
<uni-easyinput |
|
type="textarea" |
|
v-model="introduce" |
|
placeholder="请输入..." |
|
placeholderStyle="font-size:28rpx" |
|
:maxlength="500" |
|
:input-border="false" |
|
:adjust-position="true" |
|
:autoHeight="true" |
|
cursorSpacing="32" |
|
:styles="{ |
|
backgroundColor: 'transparent', |
|
borderColor: 'none' |
|
}" |
|
></uni-easyinput> |
|
<view style="color: #78829d; text-align: right"> |
|
{{ introduce.length }}/500 |
|
</view> |
|
</view> |
|
<cs-bottom-wrapper> |
|
<view class="operation"> |
|
<button class="btn green" @tap="submit">保存</button> |
|
</view> |
|
</cs-bottom-wrapper> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
introduce: '' |
|
} |
|
}, |
|
onLoad(res) { |
|
this.introduce = res.introduce |
|
}, |
|
methods: { |
|
submit() { |
|
if (!this.introduce) { |
|
uni.showToast({ |
|
icon: 'none', |
|
title: '请填写介绍' |
|
}) |
|
return |
|
} |
|
uni.$emit('enterpriseIntroduce', { introduce: this.introduce }) |
|
uni.navigateBack() |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
.view { |
|
background-color: #fff; |
|
padding: 12px; |
|
height: 100vh; |
|
} |
|
::v-deep .u-textarea { |
|
min-height: 400rpx; |
|
height: 400rpx; |
|
background-color: #f9f9f9 !important; |
|
border: 1px solid #f9f9f9; |
|
border-radius: 12px; |
|
margin: 0; |
|
.u-textarea__count { |
|
background-color: #f9f9f9 !important; |
|
} |
|
} |
|
|
|
.operation { |
|
padding: 12px; |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
gap: 12px; |
|
.btn { |
|
flex: 1; |
|
border-radius: 8px; |
|
display: flex; |
|
padding: 12px 0; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
.green { |
|
background-color: $cs-color-main; |
|
color: #fff; |
|
} |
|
} |
|
</style>
|
|
|