fix:增加添加修改阶段动画

This commit is contained in:
lixg
2022-12-07 18:00:57 +08:00
parent dd7f2aed08
commit 878b91d547
4 changed files with 83 additions and 21 deletions

View File

@@ -694,63 +694,78 @@
</div>
<div class="onemain clearfix">
<div class="checkcon">
<input
<a-checkbox
class="in"
:disabled="number"
v-model:checked="previewSelect"
></a-checkbox>
<!-- <input
type="checkbox"
name="cb1"
value="yulan"
v-model: ="previewSelect"
class="in"
/>
:disabled="number"
/> -->
<span class="yulan">预览其他关卡</span><br />
<div style="width: 10px; height: 4px"></div>
<div style="display: flex; align-items: center">
<span class="yulan2">学员可预览第</span>
<span style="color: #4ea6ff" v-show="number">1</span>
<span style="color: #4ea6ff" v-show="number">{{
previewStartNum
}}</span>
<a-input-number
v-model:value="nubvalue"
v-model:value="previewStartNum"
v-show="inputbox"
:controls="false"
:autofocus="true"
:min="1"
:min="0"
/>
<span>-</span
><span style="color: #4ea6ff" v-show="number">4</span>
><span style="color: #4ea6ff" v-show="number">{{
previewEndNum
}}</span>
<a-input-number
v-model:value="nubvalue1"
v-model:value="previewEndNum"
v-show="inputbox"
:controls="false"
:autofocus="true"
:min="1"
:min="0"
/>
<span>关内容</span>
</div>
</div>
<div class="checkcon" style="margin-top: 20px">
<input
<!-- <input
type="checkbox"
name="cb1"
value="xuexi"
v-model:value="studySelect"
class="in"
/>
:disabled="number"
/> -->
<span class="yulan">学习其他关卡</span><br />
<div style="width: 10px; height: 4px"></div>
<div style="display: flex; align-items: center">
<span class="yulan2">学员可预览</span>
<span style="color: #4ea6ff" v-show="number">1</span>
<span class="yulan2">学员可学习</span>
<span style="color: #4ea6ff" v-show="number">{{
studyStartNum
}}</span>
<a-input-number
v-model:value="nubvalue2"
v-model:value="studyStartNum"
v-show="inputbox"
:controls="false"
:autofocus="true"
:min="1"
:min="0"
/>
<span>-</span
><span style="color: #4ea6ff" v-show="number">4</span>
><span style="color: #4ea6ff" v-show="number">{{
studyEndNum
}}</span>
<a-input-number
v-model:value="nubvalue3"
v-model:value="studyEndNum"
v-show="inputbox"
:controls="false"
:autofocus="true"
:min="1"
:min="0"
/>
<span>关内容</span>
</div>
@@ -1461,6 +1476,11 @@ export default {
name: "关卡二xx",
},
],
previewStartNum: 0,
previewEndNum: 0,
studyStartNum: 0,
studyEndNum: 0,
});
const tableDataFunc = () => {
@@ -3740,7 +3760,7 @@ export default {
//height: 71px;
margin-left: 12px;
margin-right: 50px;
width: 120px;
width: 120px;
.iconame {
//position: absolute;
color: #4f5156;