<!--
 * @Description: 
 * @Author: zenghua.wang
 * @Date: 2024-01-24 18:54:01
 * @LastEditors: zenghua.wang
 * @LastEditTime: 2025-04-12 15:22:39
-->
<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/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>
