feat: admin console dark theme

This commit is contained in:
RockYang
2024-04-26 18:10:17 +08:00
parent 34648c704f
commit 5b16dc6ee7
17 changed files with 197 additions and 83 deletions

View File

@@ -284,15 +284,8 @@ const changePlatform = () => {
<style lang="stylus" scoped>
.list {
.opt-box {
padding-bottom: 10px;
display: flex;
justify-content flex-end
.el-icon {
margin-right: 5px;
}
.handle-box {
margin-bottom 20px
}
.copy-key {

View File

@@ -343,8 +343,8 @@ const showMessages = (row) => {
<style lang="stylus" scoped>
.chat-list {
.handle-box {
margin-bottom 20px
.handle-input {
max-width 150px;
margin-right 10px;

View File

@@ -350,14 +350,8 @@ const remove = function (row) {
@import "@/assets/css/admin/form.styl";
.model-list {
.opt-box {
padding-bottom: 10px;
display: flex;
justify-content flex-end
.el-icon {
margin-right: 5px;
}
.handle-box {
margin-bottom 20px
}
.cell {

View File

@@ -1,5 +1,5 @@
<template>
<div class="container role-list" v-loading="loading">
<div class="container function" v-loading="loading">
<div class="handle-box">
<el-button type="primary" :icon="Plus" @click="addRow">新增</el-button>
</div>
@@ -296,15 +296,9 @@ const generateToken = () => {
</script>
<style lang="stylus" scoped>
.role-list {
.opt-box {
padding-bottom: 10px;
display flex;
justify-content flex-end
.el-icon {
margin-right 5px;
}
.function {
.handle-box {
margin-bottom 20px
}
.param-line {

View File

@@ -4,7 +4,7 @@
<div class="content-box" :class="{ 'content-collapse': sidebar.collapse }">
<admin-header/>
<admin-tags/>
<div class="content">
<div class="content dark">
<router-view v-slot="{ Component }">
<transition name="move" mode="out-in">
<keep-alive :include="tags.nameList">
@@ -40,7 +40,7 @@ checkAdminSession().then(() => {
</script>
<style scoped lang="stylus">
@import '@/assets/css/main.css';
@import '@/assets/css/color-dark.css';
@import '@/assets/css/color-dark.styl';
@import '@/assets/css/main.styl';
@import '@/assets/iconfont/iconfont.css';
</style>

View File

@@ -63,14 +63,8 @@ const fetchList = function (_page, _pageSize) {
<style lang="stylus" scoped>
.list {
.opt-box {
padding-bottom: 10px;
display flex;
justify-content flex-start
.el-icon {
margin-right: 5px;
}
.handle-box {
margin-bottom 20px
}
.el-select {

View File

@@ -170,14 +170,8 @@ const remove = function (row) {
<style lang="stylus" scoped>
.list {
.opt-box {
padding-bottom: 10px;
display flex;
justify-content flex-end
.el-icon {
margin-right: 5px;
}
.handle-box {
margin-bottom 20px
}
.el-select {

View File

@@ -129,6 +129,7 @@ const remove = function (row) {
.order {
.handle-box {
margin-bottom 20px
.handle-input {
max-width 150px;
margin-right 10px;

View File

@@ -135,6 +135,7 @@ const fetchData = () => {
<style lang="stylus" scoped>
.power-log {
.handle-box {
margin-bottom 20px
.handle-input {
max-width 150px;
margin-right 10px;

View File

@@ -207,6 +207,14 @@ const remove = function (row) {
<style lang="stylus" scoped>
.product {
.handle-box {
margin-bottom 20px
.handle-input {
max-width 150px;
margin-right 10px;
}
}
.opt-box {
padding-bottom: 10px;

View File

@@ -82,6 +82,14 @@ const remove = function (row) {
<style lang="stylus" scoped>
.list {
.handle-box {
margin-bottom 20px
.handle-input {
max-width 150px;
margin-right 10px;
}
}
.opt-box {
padding-bottom: 10px;

View File

@@ -322,6 +322,15 @@ const uploadImg = (file) => {
<style lang="stylus" scoped>
.role-list {
.handle-box {
margin-bottom 20px
.handle-input {
max-width 150px;
margin-right 10px;
}
}
.opt-box {
padding-bottom: 10px;
display flex;

View File

@@ -332,6 +332,7 @@ const doResetPass = () => {
.user-list {
.handle-box {
margin-bottom 20px
.handle-input {
max-width 150px;
margin-right 10px;