68 lines
1.8 KiB
Vue
68 lines
1.8 KiB
Vue
<!--
|
|
* @Description:
|
|
* @Author: zenghua.wang
|
|
* @Date: 2024-01-24 18:54:01
|
|
* @LastEditors: zenghua.wang
|
|
* @LastEditTime: 2024-01-26 22:57:34
|
|
-->
|
|
<template>
|
|
<el-config-provider :size="size" :locale="zhCn">
|
|
<router-view />
|
|
</el-config-provider>
|
|
</template>
|
|
|
|
<script setup name="app">
|
|
import { computed } from 'vue';
|
|
import { useSettingStore } from '@/store/modules/setting';
|
|
// 配置element中文
|
|
import zhCn from 'element-plus/es/locale/lang/zh-cn';
|
|
|
|
const SettingStore = useSettingStore();
|
|
// 配置全局组件大小
|
|
const size = computed(() => SettingStore.themeConfig.globalComSize);
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import './styles/style.scss';
|
|
@import './styles/global.scss';
|
|
@import '@/styles/iconfont.css';
|
|
|
|
body {
|
|
div {
|
|
box-sizing: border-box;
|
|
}
|
|
--el-color-primary: #25bf82;
|
|
--el-color-primary-light-3: #45dda1;
|
|
--el-color-primary-light-5: #8cddbd;
|
|
--el-color-primary-light-9: rgba(37, 191, 130, 0.1);
|
|
--el-color-primary-light-8: rgba(37, 191, 130, 0.5);
|
|
.el-input {
|
|
--el-input-focus-border-color: #25bf82;
|
|
--el-input-focus-border: #25bf82;
|
|
::v-deep() {
|
|
.el-input__wrapper:focus,
|
|
.el-input__wrapper:hover,
|
|
.el-input__wrapper .is-focus {
|
|
box-shadow: 0 0 0 1px $color-main !important;
|
|
}
|
|
}
|
|
}
|
|
.el-button--primary {
|
|
--el-button-bg-color: #25bf82;
|
|
--el-button-border-color: #25bf82;
|
|
--el-button-outline-color: #45dda1;
|
|
--el-button-active-color: #158b5c;
|
|
--el-button-hover-bg-color: #45dda1;
|
|
--el-button-hover-border-color: #45dda1;
|
|
--el-button-active-bg-color: #158b5c;
|
|
--el-button-active-border-color: #158b5c;
|
|
--el-button-disabled-text-color: var(--el-color-white);
|
|
--el-button-disabled-bg-color: #45dda1;
|
|
--el-button-disabled-border-color: #45dda1;
|
|
}
|
|
|
|
--el-menu-hover-text-color: #25bf82;
|
|
--el-menu-hover-bg-color: fff;
|
|
}
|
|
</style>
|