feat:确定选择面授课字数限制样式

This commit is contained in:
dongwug
2022-10-18 16:10:55 +08:00
parent 2ab784b61a
commit 4a6348c9fb
2 changed files with 33 additions and 4 deletions

View File

@@ -1,6 +1,6 @@
<template>
<a-drawer
:visible="addonlineVisible"
:visible="addfaceteachVisible"
class="drawerStyle"
width="80%"
title="添加在线"

View File

@@ -104,7 +104,6 @@
/>
<div class="inp_num"><span style="color:#C7CBD2">{{ value5.length }}/20</span></div>
</div>
<!-- <div class="showcount">{{ valueE.length }}/20</div> -->
</div>
<div class="b_sub">
<div class="bs_header">
@@ -258,8 +257,8 @@
maxlength="90"
style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入课程名称"
>
</a-input>
/>
<div class="inp_num"><span style="color:#C7CBD2">{{ value6.length }}/90</span></div>
</div>
</div>
</div>
@@ -342,6 +341,7 @@
style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入目标人群"
/>
<div class="inp_num"><span style="color:#C7CBD2">{{ value7.length }}/50</span></div>
</div>
</div>
</div>
@@ -357,6 +357,7 @@
style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入课程价值"
/>
<div class="inp_num"><span style="color:#C7CBD2">{{ value8.length }}/200</span></div>
</div>
</div>
</div>
@@ -441,6 +442,7 @@
style="width: 440px; height: 100px; border-radius: 8px"
placeholder="请输入"
/>
<div class="inp_num"><span style="color:#C7CBD2">{{ value11.length }}/150</span></div>
</div>
</div>
@@ -992,9 +994,11 @@
<div class="b_input">
<a-input
v-model:value="value20"
maxlength="50"
style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入详细地点"
/>
<div class="inp_num"><span style="color:#C7CBD2">{{ value20.length }}/50</span></div>
</div>
</div>
<div class="cstm_items">
@@ -2094,6 +2098,10 @@ export default defineComponent({
// value2:"",
value5:"",
value6:"",
value7:"",
value8:"",
value11:"",
value20:"",
valueE:"",
valueB:"",
valueC:"",
@@ -2937,6 +2945,7 @@ export default defineComponent({
}
.m_body {
display: flex;
flex-wrap: wrap;
.mb_left {
width: 50%;
.mbl_items {
@@ -2949,6 +2958,7 @@ export default defineComponent({
display: flex;
align-items: center;
justify-content: flex-end;
white-space: nowrap;
.asterisk_icon{
width: 10px;
height: 10px;
@@ -2958,6 +2968,12 @@ export default defineComponent({
}
.item_inp{
flex:1;
position: relative;
.inp_num{
position: absolute;
left:398px;
top:10px;
}
}
}
.i2_cz{
@@ -2987,6 +3003,7 @@ export default defineComponent({
display: flex;
align-items: center;
justify-content: flex-end;
white-space: nowrap;
.asterisk_icon{
width: 10px;
height: 10px;
@@ -2996,6 +3013,12 @@ export default defineComponent({
}
.item_inp{
flex:1;
position: relative;
.inp_num{
position: absolute;
left:395px;
bottom:10px;
}
}
.accessory{
display:flex;
@@ -3359,6 +3382,7 @@ export default defineComponent({
}
.b_input{
flex:1;
position: relative;
.upload_box {
display: flex;
cursor: pointer;
@@ -3368,6 +3392,11 @@ export default defineComponent({
margin-right: 5px;
}
}
.inp_num{
position: absolute;
top:9px;
right:10px;
}
}
}
.items_fj{