:style:菜单图标选择布局改为grid
This commit is contained in:
parent
50156e770d
commit
b378aca3ab
@ -66,7 +66,7 @@ function reset() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
defineExpose({
|
defineExpose({
|
||||||
reset,
|
reset
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -76,25 +76,14 @@ defineExpose({
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
.icon-list {
|
.icon-list {
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
display: flex;
|
display: grid;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: space-around;
|
|
||||||
height: 200px;
|
height: 200px;
|
||||||
|
grid-template-columns: repeat(5, 90px);
|
||||||
|
|
||||||
.icon-item {
|
.icon-item {
|
||||||
// height: 30px;
|
|
||||||
// line-height: 30px;
|
|
||||||
// margin-bottom: -5px;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 19%;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
// float: left;
|
|
||||||
}
|
|
||||||
.name {
|
|
||||||
// display: inline-block;
|
|
||||||
// vertical-align: -0.15em;
|
|
||||||
// fill: currentColor;
|
|
||||||
// overflow: hidden;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user