mkm/goview_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修改系统设置下拉框的宽度

Browse Source
This commit is contained in:
MTrun 2022-04-09 16:56:09 +08:00
parent 69fca60836
commit 8be1eff5b4
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/GoSystemSet/index.vue
View File

@ -41,6 +41,7 @@
<template v-else-if="item.type === 'select'"> <template v-else-if="item.type === 'select'">
<n-select <n-select
class="select-min-width"
v-model:value="item.value" v-model:value="item.value"
size="small" size="small"
:options="item.options" :options="item.options"
@ -126,7 +127,7 @@ const list = reactive<ListType[]>([
value: ToolsStatusEnum.ASIDE value: ToolsStatusEnum.ASIDE
}, },
{ {
label: '底部', label: '底部 Dock',
value: ToolsStatusEnum.DOCK value: ToolsStatusEnum.DOCK
} }
] ]
@ -181,6 +182,9 @@ const handleChange = (e: MouseEvent, item: ListType) => {
.input-num-width { .input-num-width {
width: 100px; width: 100px;
} }
.select-min-width {
width: 110px;
}
@include deep() { @include deep() {
.n-list-item:not(:last-child) { .n-list-item:not(:last-child) {
border-bottom: 0; border-bottom: 0;