mirror of
https://github.com/rubickCenter/rubick
synced 2025-06-29 01:02:47 +08:00
🎨 fit reset pages
This commit is contained in:
parent
e156642684
commit
4115051bad
@ -68,7 +68,7 @@ const store = useStore();
|
|||||||
const init = () => store.dispatch("init");
|
const init = () => store.dispatch("init");
|
||||||
init();
|
init();
|
||||||
</script>
|
</script>
|
||||||
<style lang="less">
|
<style lang="less" scoped>
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@ -77,11 +77,20 @@ init();
|
|||||||
.main-container {
|
.main-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
background: #f2efef;
|
background: var(--color-body-bg);
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.slider-bar {
|
.slider-bar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
.ant-menu {
|
||||||
|
background: var(--color-body-bg);
|
||||||
|
border-color: var(--color-border-light);
|
||||||
|
:deep(.ant-menu-item) {
|
||||||
|
&:not(.ant-menu-item-selected) {
|
||||||
|
color: var(--color-text-primary);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -10,12 +10,18 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less" scoped>
|
||||||
.account {
|
.account {
|
||||||
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");
|
||||||
|
:deep(.ant-result-title) {
|
||||||
|
color: var(--color-text-primary);
|
||||||
|
}
|
||||||
|
:deep(.ant-result-subtitle) {
|
||||||
|
color: var(--color-text-desc);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -44,7 +44,7 @@ let _rev: any;
|
|||||||
let defaultConfig = {
|
let defaultConfig = {
|
||||||
register: "https://registry.npm.taobao.org",
|
register: "https://registry.npm.taobao.org",
|
||||||
database: "https://gitcode.net/rubickcenter/rubick-database/-/raw/master",
|
database: "https://gitcode.net/rubickcenter/rubick-database/-/raw/master",
|
||||||
access_token: "",
|
access_token: ""
|
||||||
};
|
};
|
||||||
|
|
||||||
try {
|
try {
|
||||||
@ -59,25 +59,25 @@ const formState = ref(JSON.parse(JSON.stringify(defaultConfig)));
|
|||||||
|
|
||||||
const rules = {
|
const rules = {
|
||||||
register: [{ required: true, trigger: "change" }],
|
register: [{ required: true, trigger: "change" }],
|
||||||
database: [{ required: true, trigger: "change" }],
|
database: [{ required: true, trigger: "change" }]
|
||||||
};
|
};
|
||||||
const layout = {
|
const layout = {
|
||||||
labelCol: { span: 6 },
|
labelCol: { span: 6 },
|
||||||
wrapperCol: { span: 18 },
|
wrapperCol: { span: 18 }
|
||||||
};
|
};
|
||||||
|
|
||||||
const resetForm = () => {
|
const resetForm = () => {
|
||||||
formState.value = {
|
formState.value = {
|
||||||
register: "https://registry.npm.taobao.org",
|
register: "https://registry.npm.taobao.org",
|
||||||
database: "https://gitcode.net/rubickcenter/rubick-database/-/raw/master",
|
database: "https://gitcode.net/rubickcenter/rubick-database/-/raw/master",
|
||||||
access_token: "",
|
access_token: ""
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
const submit = () => {
|
const submit = () => {
|
||||||
const changeData: any = {
|
const changeData: any = {
|
||||||
_id: "rubick-localhost-config",
|
_id: "rubick-localhost-config",
|
||||||
data: toRaw(formState.value),
|
data: toRaw(formState.value)
|
||||||
};
|
};
|
||||||
|
|
||||||
if (_rev) {
|
if (_rev) {
|
||||||
@ -88,3 +88,13 @@ const submit = () => {
|
|||||||
message.success("设置成功!重启插件市场后生效!");
|
message.success("设置成功!重启插件市场后生效!");
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
:deep(label) {
|
||||||
|
color: var(--color-text-content);
|
||||||
|
}
|
||||||
|
:deep(.ant-input) {
|
||||||
|
background: var(--color-input-hover);
|
||||||
|
color: var(--color-text-content);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user