style:修改更多选项的样式

fix:修改param 可以输入空格的问题
This commit is contained in:
zhangyu
2021-04-21 19:29:28 +08:00
parent 772113334f
commit c8f2afca96
4 changed files with 53 additions and 32 deletions

View File

@@ -144,7 +144,12 @@
</div>
</transition>
<div style="text-align: center"><i class="nz-icon nz-icon-drop-down need-rotate" :class="showAllBasicOption?'is-active':''" @click="showAllBasicOption=!showAllBasicOption"></i></div>
<div style="text-align: center">
<span @click="showAllBasicOption=!showAllBasicOption" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" style="border: none">
{{$t('overall.moreOption')}}
<i class="nz-icon nz-icon-arrow-down need-rotate" :class="showAllBasicOption?'is-active':''" ></i>
</span>
</div>
</el-tab-pane>
<el-tab-pane label="Parameter" name="Parameter">
<div ref="labelBoxScrollbar" style="height: 100%; overflow: auto;" id="module-box-params">
@@ -163,6 +168,7 @@
placeholder="value" size="mini"
default-first-option
popper-class="config-dropdown hide-element"
@change="(val)=>{paramObjchange(val,index)}"
>
<span slot="empty" class=""></span>
</el-select>
@@ -441,6 +447,7 @@ export default {
} else {
this.authType = 0
}
console.log(params)
this.$refs.moduleForm.validate((valid) => {
if (valid) {
this.prevent_opt.save = true
@@ -608,6 +615,9 @@ export default {
return '<span class="' + cls + '">' + match + '</span>'
}
)
},
paramObjchange (val, index) {
this.editModule.paramObj[index].value = val.filter(item => item.trim())
}
},
mounted () {
@@ -770,11 +780,11 @@ export default {
/deep/ .el-tabs__content{
padding-left: 18px;
}
.need-rotate.nz-icon-drop-down{
.need-rotate.nz-icon-arrow-down{
display: inline-block;
transition: transform .3s;
}
.need-rotate.nz-icon-drop-down.is-active{
.need-rotate.nz-icon-arrow-down.is-active{
transform: rotate(
-180deg
);