mirror of
https://github.com/crmeb/CRMEB.git
synced 2026-10-30 14:31:04 +00:00
improve: 页面及设置优化
This commit is contained in:
parent
35e78ad056
commit
93e6872739
@ -255,10 +255,8 @@ export default {
|
||||
}
|
||||
.columns-round {
|
||||
background: var(--prev-color-primary);
|
||||
// color: var(--prev-color-text-white);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
// top: 2px;
|
||||
height: 50px;
|
||||
width: 80px;
|
||||
transform: translatey(0%);
|
||||
|
||||
@ -41,7 +41,7 @@
|
||||
<aside class="el-aside mr5" style="width: 10px"></aside>
|
||||
<aside class="el-aside-dark mr5" style="width: 17px"></aside>
|
||||
<section class="el-container is-vertical">
|
||||
<!-- <header class="el-header" style="height: 10px"></header> -->
|
||||
<header class="el-header mb5" style="height: 10px"></header>
|
||||
<main class="el-main"></main>
|
||||
</section>
|
||||
</section>
|
||||
@ -60,7 +60,7 @@
|
||||
<section class="el-container is-vertical el-circular">
|
||||
<header class="el-aside mb5" style="height: 10px"></header>
|
||||
<section class="el-container">
|
||||
<aside class="el-aside mr5" style="width: 20px"></aside>
|
||||
<aside class="el-aside-dark mr5" style="width: 17px"></aside>
|
||||
<section class="el-container is-vertical">
|
||||
<main class="el-main"></main>
|
||||
</section>
|
||||
@ -140,7 +140,7 @@
|
||||
<el-option label="紫白" value="theme-6"></el-option>
|
||||
<el-option label="红黑" value="theme-7"></el-option>
|
||||
<el-option label="红白" value="theme-8"></el-option>
|
||||
<el-option label="渐变" value="theme-9"></el-option>
|
||||
<el-option label="渐变" value="theme-9" v-if="getThemeConfig.layout === 'columns'"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
@ -197,7 +197,7 @@
|
||||
<el-switch v-model="getThemeConfig.isTagsview" :width="35" @change="setLocalThemeConfig"></el-switch>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layout-breadcrumb-seting-bar-flex mt15">
|
||||
<!-- <div class="layout-breadcrumb-seting-bar-flex mt15">
|
||||
<div class="layout-breadcrumb-seting-bar-flex-label">{{ $t('message.layout.fourIsTagsviewIcon') }}</div>
|
||||
<div class="layout-breadcrumb-seting-bar-flex-value">
|
||||
<el-switch
|
||||
@ -207,7 +207,7 @@
|
||||
@change="setLocalThemeConfig"
|
||||
></el-switch>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- <div class="layout-breadcrumb-seting-bar-flex mt15">
|
||||
<div class="layout-breadcrumb-seting-bar-flex-label">{{ $t('message.layout.fourIsCacheTagsView') }}</div>
|
||||
<div class="layout-breadcrumb-seting-bar-flex-value">
|
||||
@ -601,10 +601,7 @@ export default {
|
||||
</script>
|
||||
<style>
|
||||
body .v-modal {
|
||||
opacity: 0.5;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
-webkit-backdrop-filter: blur(3px);
|
||||
backdrop-filter: blur(5px);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
</style>
|
||||
<style scoped lang="scss">
|
||||
@ -640,12 +637,12 @@ body .v-modal {
|
||||
margin: 0 -5px;
|
||||
.layout-drawer-content-item.drawer-layout-active {
|
||||
border: 1px solid;
|
||||
border-color: #2d8cf0;
|
||||
border-color: var(--prev-color-primary);
|
||||
}
|
||||
.layout-drawer-content-item:hover {
|
||||
transition: all 0.3s ease-in-out;
|
||||
border: 1px solid;
|
||||
border-color: #2d8cf0;
|
||||
border-color: var(--prev-color-primary);
|
||||
}
|
||||
.layout-drawer-content-item {
|
||||
width: 107px;
|
||||
@ -663,7 +660,8 @@ body .v-modal {
|
||||
.el-container {
|
||||
height: 100%;
|
||||
.el-aside-dark {
|
||||
background-color: var(--prev-color-seting-header);
|
||||
opacity: .5;
|
||||
background-color: var(--prev-tag-active-color);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-aside {
|
||||
@ -676,7 +674,7 @@ body .v-modal {
|
||||
}
|
||||
.el-main {
|
||||
border-radius: 2px;
|
||||
border: 1px dashed #2d8cf0;
|
||||
border: 1px dashed var(--prev-color-primary);
|
||||
padding: 0;
|
||||
background-color: var(--prev-color-seting-main);
|
||||
}
|
||||
|
||||
@ -191,19 +191,19 @@ export default {
|
||||
instance.confirmButtonLoading = true;
|
||||
instance.confirmButtonText = this.$t('message.user.logOutExit');
|
||||
AccountLogout().then((res) => {
|
||||
this.$router.replace({ name: 'login' });
|
||||
done();
|
||||
this.$Message.success('您已成功退出');
|
||||
this.$store.commit('clearAll');
|
||||
localStorage.clear();
|
||||
sessionStorage.clear();
|
||||
removeCookies('token');
|
||||
removeCookies('expires_time');
|
||||
removeCookies('uuid');
|
||||
this.$Message.success('您已成功退出');
|
||||
// this.$router.replace({ path: `${settings.routePre}/login` });
|
||||
done();
|
||||
setTimeout(() => {
|
||||
this.$router.replace({ name: 'login' });
|
||||
instance.confirmButtonLoading = false;
|
||||
}, 300);
|
||||
}, 1500);
|
||||
});
|
||||
} else {
|
||||
done();
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<Card :bordered="false" dis-hover class="ivu-mt">
|
||||
<Card :bordered="false" dis-hover class="ivu-mt mb10">
|
||||
<Form
|
||||
ref="formValidate"
|
||||
:model="formValidate"
|
||||
@ -48,7 +48,6 @@
|
||||
:columns="columns"
|
||||
:data="userLists"
|
||||
ref="table"
|
||||
class="mt25"
|
||||
:loading="loading"
|
||||
highlight-row
|
||||
no-formValidate-text="暂无数据"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user