调整为按需加载，element样式调整为皮肤模式，不再使用全局变量覆盖。 (#1349)

* 调整element为自动按需引入，减少打包体积。

* 调整element样式变更为变量模式不再使用全局css覆盖

* 修改element自动化模板适配element皮肤变量模式

---------

Co-authored-by: piexlmax<303176530@qq.com>

web/src/main.js

@@ -1,8 +1,4 @@
 import { createApp } from 'vue'
-import 'element-plus/dist/index.css'
-import './style/element_visiable.scss'
-import ElementPlus from 'element-plus'
-import zhCn from 'element-plus/es/locale/lang/zh-cn'
 // 引入gin-vue-admin前端初始化相关内容
 import './core/gin-vue-admin'
 // 引入封装的router
@@ -13,6 +9,10 @@ import auth from '@/directive/auth'
 import { store } from '@/pinia'
 import App from './App.vue'
 import { initDom } from './utils/positionToCode'
+
+import 'element-plus/theme-chalk/src/message.scss'
+import './style/element_visiable.scss'
+
 initDom()
 /**
  * @description 导入加载进度条，防止首屏加载时间过长，用户等待
@@ -35,7 +35,6 @@ app
   .use(store)
   .use(auth)
   .use(router)
-  .use(ElementPlus, { locale: zhCn })
   .mount('#app')
 
 export default app