yvan/Study
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

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

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

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

---------

Co-authored-by: piexlmax<303176530@qq.com>
This commit is contained in:
奇淼（piexlmax
2023-02-16 19:03:51 +08:00
committed by GitHub
parent 95fa7e8130
commit 0eea78f796
31 changed files with 184 additions and 289 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/view/example/breakpoint/breakpoint.vue
+1 -1
View File
@@ -8,7 +8,7 @@
<input v-show="false" id="file" ref="FileInput" multiple="multiple" type="file" @change="choseFile">
</div>
</form>
<el-button :disabled="limitFileSize" type="primary" size="small" class="uploadBtn" @click="getFile">上传文件</el-button>
<el-button :disabled="limitFileSize" type="primary" class="uploadBtn" @click="getFile">上传文件</el-button>
<div class="el-upload__tip">请上传不超过5MB的文件</div>
<div class="list">
<transition name="list" tag="p">
web/src/view/example/customer/customer.vue
+7 -7
View File
@@ -3,7 +3,7 @@
<warning-bar title="在资源权限中将此角色的资源权限清空 或者不包含创建者的角色 即可屏蔽此客户资源的显示" />
<div class="gva-table-box">
<div class="gva-btn-list">
<el-button size="small" type="primary" icon="plus" @click="openDialog">新增</el-button>
<el-button type="primary" icon="plus" @click="openDialog">新增</el-button>
</div>
<el-table
ref="multipleTable"
@@ -23,15 +23,15 @@
<el-table-column align="left" label="接入人ID" prop="sysUserId" width="120" />
<el-table-column align="left" label="按钮组" min-width="160">
<template #default="scope">
<el-button size="small" type="primary" link icon="edit" @click="updateCustomer(scope.row)">变更</el-button>
<el-button type="primary" link icon="edit" @click="updateCustomer(scope.row)">变更</el-button>
<el-popover v-model="scope.row.visible" placement="top" width="160">
<p>确定要删除吗？</p>
<div style="text-align: right; margin-top: 8px;">
<el-button size="small" type="primary" link @click="scope.row.visible = false">取消</el-button>
<el-button type="primary" size="small" @click="deleteCustomer(scope.row)">确定</el-button>
<el-button type="primary" link @click="scope.row.visible = false">取消</el-button>
<el-button type="primary" @click="deleteCustomer(scope.row)">确定</el-button>
</div>
<template #reference>
<el-button type="primary" link icon="delete" size="small" @click="scope.row.visible = true">删除</el-button>
<el-button type="primary" link icon="delete" @click="scope.row.visible = true">删除</el-button>
</template>
</el-popover>
</template>
@@ -60,8 +60,8 @@
</el-form>
<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>
web/src/view/example/upload/upload.vue
+3 -3
View File
@@ -24,7 +24,7 @@
</el-form-item>
<el-form-item>
<el-button size="small" type="primary" icon="search" @click="getTableData">查询</el-button>
<el-button type="primary" icon="search" @click="getTableData">查询</el-button>
</el-form-item>
</el-form>
@@ -58,8 +58,8 @@
</el-table-column>
<el-table-column align="left" label="操作" width="160">
<template #default="scope">
<el-button size="small" icon="download" type="primary" link @click="downloadFile(scope.row)">下载</el-button>
<el-button size="small" icon="delete" type="primary" link @click="deleteFileFunc(scope.row)">删除</el-button>
<el-button icon="download" type="primary" link @click="downloadFile(scope.row)">下载</el-button>
<el-button icon="delete" type="primary" link @click="deleteFileFunc(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>