yexuejc007/rubick
1
0
Fork 0
mirror of https://github.com/rubickCenter/rubick synced 2025-07-23 00:29:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

🔨 减少设置防抖时间

Browse Source
This commit is contained in:
layyback 2023-03-26 19:29:08 +08:00
parent 7f4203aeb1
commit 1736037411
1 changed files with 45 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
feature/src/views/settings/index.vue
View File

@ -69,6 +69,17 @@
></a-switch> ></a-switch>
</div> </div>
</div> </div>
<div class="setting-item">
<div class="title">主题</div>
<div class="settings-item-li">
<div class="label">暗黑模式</div>
<a-switch
v-model:checked="common.darkMode"
checked-children="开"
un-checked-children="关"
></a-switch>
</div>
</div>
</div> </div>
<div v-if="currentSelect[0] === 'global'"> <div v-if="currentSelect[0] === 'global'">
<a-collapse> <a-collapse>
@ -196,7 +207,7 @@ const setConfig = debounce(() => {
) )
); );
ipcRenderer.send("re-register"); ipcRenderer.send("re-register");
}, 2000); }, 500);
watch(state, setConfig); watch(state, setConfig);
@ -270,7 +281,7 @@ const { shortCut, common, local, global } = toRefs(state);
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
overflow-x: hidden; overflow-x: hidden;
background: #f3efef; background: var(--color-body-bg);
height: calc(~"100vh - 46px"); height: calc(~"100vh - 46px");
display: flex; display: flex;
.settings-detail { .settings-detail {
@ -279,7 +290,7 @@ const { shortCut, common, local, global } = toRefs(state);
flex: 1; flex: 1;
overflow: auto; overflow: auto;
height: 100%; height: 100%;
background: #fff; background: var(--color-body-bg);
.setting-item { .setting-item {
margin-bottom: 20px; margin-bottom: 20px;
.ant-form-item { .ant-form-item {
@ -298,17 +309,22 @@ const { shortCut, common, local, global } = toRefs(state);
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
.label { .label {
color: #646464; color: var(--color-text-content);
} }
.value { .value {
width: 300px; width: 300px;
text-align: center; text-align: center;
border: 1px solid #ddd; border: 1px solid var(--color-border-light);
color: #6c9fe2; color: #6c9fe2;
font-size: 14px; font-size: 14px;
height: 24px; height: 24px;
font-weight: lighter; font-weight: lighter;
} }
:deep(.ant-switch) {
&:not(.ant-switch-checked) {
background: var(--color-list-hover);
}
}
} }
} }
} }
@ -320,29 +336,37 @@ const { shortCut, common, local, global } = toRefs(state);
font-size: 14px; font-size: 14px;
.item { .item {
flex: 1; flex: 1;
color: var(--color-text-content);
} }
.short-cut { .short-cut {
margin-left: 20px; margin-left: 20px;
} }
.value { .value {
text-align: center; text-align: center;
border: 1px solid #ddd; border: 1px solid var(--color-border-light);
color: #6c9fe2; color: #6c9fe2;
font-size: 14px; font-size: 14px;
height: 24px; height: 24px;
font-weight: lighter; font-weight: lighter;
margin-top: 10px; margin-top: 10px;
position: relative; position: relative;
background: var(--color-input-hover);
:deep(.ant-input) { :deep(.ant-input) {
color: #6c9fe2; color: #6c9fe2;
font-weight: lighter; font-weight: lighter;
background: none;
} }
:deep(.anticon) {
color: var(--color-text-desc);
}
&.ant-input-affix-wrapper { &.ant-input-affix-wrapper {
display: flex; display: flex;
} }
&:hover { &:hover {
.anticon { .anticon {
display: block; display: block;
color: var(--color-text-content);
} }
} }
.anticon { .anticon {
@ -361,5 +385,20 @@ const { shortCut, common, local, global } = toRefs(state);
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
:deep(.ant-collapse) {
background: var(--color-input-hover);
.ant-collapse-content {
background: var(--color-input-hover);
color: var(--color-text-content);
}
h3,
.ant-collapse-header,
.ant-list-item-meta-title {
color: var(--color-text-primary);
}
.ant-list-item-meta-description {
color: var(--color-text-desc);
}
}
} }
</style> </style>