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

@@ -152,7 +152,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">
@@ -171,6 +176,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>
@@ -630,6 +636,9 @@ export default {
return '<span class="' + cls + '">' + match + '</span>'
}
)
},
paramObjchange (val, index) {
this.editModule.paramObj[index].value = val.filter(item => item.trim())
}
},
mounted () {
@@ -682,7 +691,7 @@ export default {
deep: true,
immediate: true,
handler (n) {
console.log(n);
console.log(n)
if (n && n.configs) {
const params = Object.assign({}, n.configs)
params.params = this.paramToJson(this.editEndpoint.paramObj)
@@ -793,11 +802,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
);