|
@ -47,14 +47,16 @@
|
47
|
47
|
placement="bottom-start"
|
48
|
48
|
trigger="click"
|
49
|
49
|
popper-class="mod-menu__icon-popover">
|
50
|
|
<div class="mod-menu__icon-list">
|
51
|
|
<el-button
|
52
|
|
v-for="(item, index) in iconList"
|
53
|
|
:key="index"
|
54
|
|
@click="iconActiveHandle(item)"
|
55
|
|
:class="{ 'is-active': item === dataForm.icon }">
|
56
|
|
<icon-svg :name="item"></icon-svg>
|
57
|
|
</el-button>
|
|
50
|
<div class="mod-menu__icon-inner">
|
|
51
|
<div class="mod-menu__icon-list">
|
|
52
|
<el-button
|
|
53
|
v-for="(item, index) in iconList"
|
|
54
|
:key="index"
|
|
55
|
@click="iconActiveHandle(item)"
|
|
56
|
:class="{ 'is-active': item === dataForm.icon }">
|
|
57
|
<icon-svg :name="item"></icon-svg>
|
|
58
|
</el-button>
|
|
59
|
</div>
|
58
|
60
|
</div>
|
59
|
61
|
</el-popover>
|
60
|
62
|
<el-input v-model="dataForm.icon" v-popover:iconListPopover :readonly="true" placeholder="菜单图标名称" class="icon-list__input"></el-input>
|
|
@ -223,10 +225,17 @@
|
223
|
225
|
}
|
224
|
226
|
}
|
225
|
227
|
&__icon-popover {
|
226
|
|
max-width: 370px;
|
|
228
|
width: 458px;
|
|
229
|
overflow: hidden;
|
|
230
|
}
|
|
231
|
&__icon-inner {
|
|
232
|
width: 478px;
|
|
233
|
max-height: 258px;
|
|
234
|
overflow-x: hidden;
|
|
235
|
overflow-y: auto;
|
227
|
236
|
}
|
228
|
237
|
&__icon-list {
|
229
|
|
max-height: 180px;
|
|
238
|
width: 458px;
|
230
|
239
|
padding: 0;
|
231
|
240
|
margin: -8px 0 0 -8px;
|
232
|
241
|
> .el-button {
|