202 Star 952 Fork 412

AgileBPM/工作流-OA-低代码-表单-的前端工程-vue3-ts

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
App.vue 1.16 KB
一键复制 编辑 原始数据 按行查看 历史
<template>
<el-config-provider :locale="locale" :size="config.size" :zIndex="config.zIndex" :button="config.button">
<router-view></router-view>
</el-config-provider>
<!-- <router-view /> -->
</template>
<script setup lang="ts">
import { useColor } from '@/utils/color'
import { computed, onMounted, reactive } from 'vue';
import i18n from '@/locales/index'
import {useGlobarStore} from './store/modules/globalStore';
const store = useGlobarStore()
const { lighten } = useColor()
onMounted(() => {
const app_color = store.GetColor
if (app_color) {
document.documentElement.style.setProperty('--el-color-primary', app_color);
for (let i = 1; i <= 9; i++) {
document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, lighten(app_color, i / 10));
}
for (let i = 1; i <= 9; i++) {
document.documentElement.style.setProperty(`--el-color-primary-dark-${i}`, lighten(app_color, i / 10));
}
}
})
const config = reactive({
size: "default",
zIndex: 2000,
button: {
autoInsertSpace: false
}
})
const locale = computed(() => i18n.global.messages[i18n.global.locale].el)
</script>
<style lang="scss" scoped>
</style>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/agile-bpm/agilebpm-ui.git
git@gitee.com:agile-bpm/agilebpm-ui.git
agile-bpm
agilebpm-ui
工作流-OA-低代码-表单-的前端工程-vue3-ts
master

搜索帮助