mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-08 10:26:44 +08:00
feat:确定选择面授课字数限制样式
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<a-drawer
|
||||
:visible="addonlineVisible"
|
||||
:visible="addfaceteachVisible"
|
||||
class="drawerStyle"
|
||||
width="80%"
|
||||
title="添加在线"
|
||||
|
||||
@@ -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{
|
||||
|
||||
Reference in New Issue
Block a user