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

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

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

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

---------

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

web/src/view/superAdmin/authority/components/apis.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="clearfix sticky-button">
       <el-input v-model="filterText" class="fitler" placeholder="筛选" />
-      <el-button class="fl-right" size="small" type="primary" @click="authApiEnter">确 定</el-button>
+      <el-button class="fl-right" type="primary" @click="authApiEnter">确 定</el-button>
     </div>
     <div class="tree-content">
       <el-tree

web/src/view/superAdmin/authority/components/datas.vue

@@ -2,10 +2,10 @@
   <div>
     <warning-bar title="此功能仅用于创建角色和角色的many2many关系表，具体使用还须自己结合表实现业务，详情参考示例代码（客户示例）。此功能不建议使用，建议使用插件市场【组织管理功能（点击前往）】来管理资源权限。" href="https://plugin.gin-vue-admin.com/#/layout/newPluginInfo?id=36" />
     <div class="clearfix sticky-button" style="margin: 18px">
-      <el-button class="fl-right" size="small" type="primary" @click="authDataEnter">确 定</el-button>
-      <el-button class="fl-left" size="small" type="primary" @click="all">全选</el-button>
-      <el-button class="fl-left" size="small" type="primary" @click="self">本角色</el-button>
-      <el-button class="fl-left" size="small" type="primary" @click="selfAndChildren">本角色及子角色</el-button>
+      <el-button class="fl-right" type="primary" @click="authDataEnter">确 定</el-button>
+      <el-button class="fl-left" type="primary" @click="all">全选</el-button>
+      <el-button class="fl-left" type="primary" @click="self">本角色</el-button>
+      <el-button class="fl-left" type="primary" @click="selfAndChildren">本角色及子角色</el-button>
     </div>
     <div class="tree-content">
       <el-checkbox-group v-model="dataAuthorityId" @change="selectAuthority">

web/src/view/superAdmin/authority/components/menus.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="clearfix sticky-button">
       <el-input v-model="filterText" class="fitler" placeholder="筛选" />
-      <el-button class="fl-right" size="small" type="primary" @click="relation">确 定</el-button>
+      <el-button class="fl-right" type="primary" @click="relation">确 定</el-button>
     </div>
     <div class="tree-content">
       <el-tree
@@ -24,7 +24,7 @@
               <el-button
                 type="primary"
                 link
-                size="small"
+
                 :style="{color:row.defaultRouter === data.name?'#E6A23C':'#85ce61'}"
                 :disabled="!node.checked"
                 @click="() => setDefault(data)"
@@ -36,7 +36,7 @@
               <el-button
                 type="primary"
                 link
-                size="small"
+
                 @click="() => OpenBtn(data)"
               >
                 分配按钮
@@ -59,8 +59,8 @@
       </el-table>
       <template #footer>
         <div class="dialog-footer">
-          <el-button size="small" @click="closeDialog">取 消</el-button>
-          <el-button size="small" type="primary" @click="enterDialog">确 定</el-button>
+          <el-button @click="closeDialog">取 消</el-button>
+          <el-button type="primary" @click="enterDialog">确 定</el-button>
         </div>
       </template>
     </el-dialog>
@@ -215,7 +215,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scope>
+<style lang="scss" scoped>
 @import "@/style/button.scss";
 .custom-tree-node{
   span+span{