:style:菜单图标选择布局改为grid

This commit is contained in:
不做码农 2023-08-17 17:25:29 +08:00
parent 50156e770d
commit b378aca3ab

View File

@ -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;
} }
} }
} }