61 lines
1.4 KiB
Vue
61 lines
1.4 KiB
Vue
|
<template>
|
||
|
|
<router-view></router-view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
//import { mapState } from "vuex";
|
||
|
|
import { mix } from "@/utils/index.js";
|
||
|
|
import { settingsStore } from '@/store/settings.js';
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
// colorPrimary: settingsStore().colorPrimary
|
||
|
|
};
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
colorPrimary: () => settingsStore().colorPrimary,
|
||
|
|
// ...mapState({
|
||
|
|
// colorPrimary: (state) => state.settings.colorPrimary,
|
||
|
|
// }),
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
// 变量前缀
|
||
|
|
const pre = "--el-color-primary";
|
||
|
|
// 白色混合色
|
||
|
|
const mixWhite = "#ffffff";
|
||
|
|
// 黑色混合色
|
||
|
|
const mixBlack = "#000000";
|
||
|
|
const el = document.documentElement;
|
||
|
|
el.style.setProperty(pre, this.colorPrimary);
|
||
|
|
// 这里是覆盖原有颜色的核心代码
|
||
|
|
for (let i = 1; i < 10; i += 1) {
|
||
|
|
el.style.setProperty(`${pre}-light-${i}`, mix(this.colorPrimary, mixWhite, i * 0.1));
|
||
|
|
}
|
||
|
|
el.style.setProperty("--el-color-primary-dark", mix(this.colorPrimary, mixBlack, 0.1));
|
||
|
|
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="scss">
|
||
|
|
.brisk-main {
|
||
|
|
padding: 20px;
|
||
|
|
background: white;
|
||
|
|
border-radius: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.brisk-search-box {
|
||
|
|
background: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**修复table悬浮右侧操作栏后偏差不出现边框问题 */
|
||
|
|
.el-table-fixed-column--right {
|
||
|
|
right: unset !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/****处理操作按钮提示框显示颜色 *****/
|
||
|
|
/** sub-poper-class*/
|
||
|
|
.is-light {
|
||
|
|
color: #8d8b8b;
|
||
|
|
}
|
||
|
|
</style>
|