This commit is contained in:
parent
5cd9759340
commit
f55a608034
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<link rel="icon" href="images/logo.png">
|
||||
<link rel="icon" href="%BASE_URL%images/logo.png">
|
||||
<title>%VITE_APP_TITLE%</title>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -547,6 +547,7 @@ function sort(prop, order) {
|
|||
.extend-panel {
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.right-panel > * + *, .left-panel > * + *, .extend-panel > * + * {
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<el-form ref="form" label-width="120px" label-position="left" style="padding:0 20px;">
|
||||
<el-divider>{{t('user.thememode')}}</el-divider>
|
||||
<el-row class="pi-theme" :gutter="20">
|
||||
<el-col :span="8"><el-image src="/images/light.png" class="pi-pic" :class="{'active': dark == 'light'}" @click="themeClick('light')"/><el-text type="info" class="pi-text">浅色</el-text></el-col>
|
||||
<el-col :span="8"><el-image src="/images/dark.png" class="pi-pic" :class="{'active': dark == 'dark'}" @click="themeClick('dark')"/><el-text type="info" class="pi-text">深色</el-text></el-col>
|
||||
<el-col :span="8"><el-image src="/images/follow.png" class="pi-pic" :class="{'active': dark == 'follow'}" @click="themeClick('follow')"/><el-text type="info" class="pi-text">跟随系统</el-text></el-col>
|
||||
<el-col :span="8"><img src="/images/light.png" class="pi-pic" :class="{'active': dark == 'light'}" @click="themeClick('light')"/><el-text type="info" class="pi-text">浅色</el-text></el-col>
|
||||
<el-col :span="8"><img src="/images/dark.png" class="pi-pic" :class="{'active': dark == 'dark'}" @click="themeClick('dark')"/><el-text type="info" class="pi-text">深色</el-text></el-col>
|
||||
<el-col :span="8"><img src="/images/follow.png" class="pi-pic" :class="{'active': dark == 'follow'}" @click="themeClick('follow')"/><el-text type="info" class="pi-text">跟随系统</el-text></el-col>
|
||||
</el-row>
|
||||
<el-divider></el-divider>
|
||||
<el-form-item :label="t('user.language')">
|
||||
|
|
@ -124,7 +124,7 @@ function themeClick(val) {
|
|||
|
||||
<style lang="scss" scoped>
|
||||
.pi-theme {text-align: center;}
|
||||
.pi-theme .pi-pic {cursor: pointer;margin-bottom: 6px;border-radius: 8px; box-shadow: 0 2px 8px #0003;}
|
||||
.pi-theme .pi-pic {cursor: pointer;margin-bottom: 6px;border-radius: 8px; box-shadow: 0 2px 8px #0003;width: 100px;}
|
||||
.pi-theme .pi-pic.active {border: 2px solid var(--el-color-primary); cursor: pointer;}
|
||||
.pi-theme .pi-text {margin-top: 6px; cursor: pointer;}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
height: auto!important;display: block;
|
||||
.left-panel {overflow: auto;}
|
||||
.left-panel::-webkit-scrollbar{display: none;}
|
||||
.right-panel {display: block;border-top: 1px solid var(--el-border-color-light);margin-top: 15px;}
|
||||
.right-panel {margin-top: 15px;}
|
||||
.right-panel .right-panel-search {display: block;}
|
||||
.right-panel .right-panel-search >* {width: 100%;margin: 0;margin-top: 15px;}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ export default defineConfig(({mode, command}) => {
|
|||
},
|
||||
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
|
||||
},
|
||||
base: VITE_APP_ENV == 'production' ? '/super' : '/',
|
||||
base: VITE_APP_ENV == 'production' ? '/super/' : '/',
|
||||
// vite 相关配置
|
||||
server: {
|
||||
port: 8611,
|
||||
|
|
|
|||
Loading…
Reference in New Issue