限制任务字数

This commit is contained in:
zhangyc
2022-12-04 16:35:58 +08:00
parent f51574998b
commit 02b15ea14a
17 changed files with 199 additions and 34 deletions

View File

@@ -18,7 +18,8 @@
</div>
<div class="btnbox">
<a-input v-model:value="inputV1" style="width: 424px; height: 32px" placeholder="请输入测评名称"
maxlength="20" />
show-count
:maxlength="50" />
</div>
</div>
<div class="main_item">
@@ -53,9 +54,9 @@
<span style="margin-right: 3px">测评说明</span>
</div>
<div class="textarea">
<a-textarea maxlength="150" v-model:value="description" placeholder="请输入测评说明"
style="width: 424px; height: 120px" allowClear />
<span style="position:relative;top:96px;left:-54px;z-index:9999;">{{ description.length }}/150</span>
<a-textarea show-count :maxlength="200" v-model:value="description" placeholder="请输入测评说明"
style="width: 424px;" allowClear :rows="6"/>
</div>
</div>
</div>
@@ -423,7 +424,27 @@ export default {
display: flex;
align-items: flex-start;
margin-bottom: 32px;
.textarea {
width: 423px;
.ant-input {
width: 100%;
}
.ant-input-textarea-show-count {
position: relative;
}
.ant-input-textarea-show-count::after {
position: absolute;
right: 10px;
bottom: 0px;
}
.ant-input {
border-radius: 8px;
}
}
.signbox {
width: 120px;
display: flex;