test/basic2
1
0
Fork 0
mirror of https://gitee.com/fantastic-admin/basic.git synced 2024-12-04 04:57:53 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

element icon 全局替换

Browse Source
This commit is contained in:
hooray 2021-11-13 10:53:04 +08:00
parent 085fccd67d
commit 332d3704b4
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ImageUpload/index.vue
View File

@ -14,7 +14,7 @@
<el-image v-if="url === ''" :src="url === '' ? placeholder : url" :style="`width:${width}px;height:${height}px;`" fit="fill"> <el-image v-if="url === ''" :src="url === '' ? placeholder : url" :style="`width:${width}px;height:${height}px;`" fit="fill">
<template #error> <template #error>
<div class="image-slot"> <div class="image-slot">
<i class="el-icon-plus" /> <svg-icon name="el-icon-plus" />
</div> </div>
</template> </template>
</el-image> </el-image>
@ -204,8 +204,10 @@ function onSuccess(res) {
width: 100%; width: 100%;
height: 100%; height: 100%;
color: #909399; color: #909399;
font-size: 30px;
background-color: transparent; background-color: transparent;
i {
font-size: 30px;
}
} }
} }
.progress { .progress {

6
src/components/ImagesUpload/index.vue
View File

@ -33,7 +33,7 @@
class="images-upload" class="images-upload"
> >
<div class="image-slot" :style="`width:${width}px;height:${height}px;`"> <div class="image-slot" :style="`width:${width}px;height:${height}px;`">
<i class="el-icon-plus" /> <svg-icon name="el-icon-plus" />
</div> </div>
<div v-show="uploadData.progress.percent" class="progress" :style="`width:${width}px;height:${height}px;`"> <div v-show="uploadData.progress.percent" class="progress" :style="`width:${width}px;height:${height}px;`">
<el-image :src="uploadData.progress.preview" :style="`width:${width}px;height:${height}px;`" fit="fill" /> <el-image :src="uploadData.progress.preview" :style="`width:${width}px;height:${height}px;`" fit="fill" />
@ -236,8 +236,10 @@ function onSuccess(res) {
width: 100%; width: 100%;
height: 100%; height: 100%;
color: #909399; color: #909399;
font-size: 30px;
background-color: transparent; background-color: transparent;
i {
font-size: 30px;
}
} }
.progress { .progress {
position: absolute; position: absolute;