From a209b39552d0a360bd5b29af6b6cb58265f9669b Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: 星期四, 10 六月 2021 22:29:13 +0800
Subject: [PATCH] 分页组件新增pagerCount属性
---
ruoyi-ui/src/components/ImageUpload/index.vue | 14 ++++++++------
1 files changed, 8 insertions(+), 6 deletions(-)
diff --git a/ruoyi-ui/src/components/ImageUpload/index.vue b/ruoyi-ui/src/components/ImageUpload/index.vue
index 89f0b40..ce540eb 100644
--- a/ruoyi-ui/src/components/ImageUpload/index.vue
+++ b/ruoyi-ui/src/components/ImageUpload/index.vue
@@ -17,9 +17,12 @@
</div>
</el-image>
<div v-else class="image">
- <el-image :src="value" />
+ <el-image :src="value" :style="`width:150px;height:150px;`" fit="fill"/>
<div class="mask">
<div class="actions">
+ <span title="预览" @click.stop="dialogVisible = true">
+ <i class="el-icon-zoom-in" />
+ </span>
<span title="移除" @click.stop="removeImage">
<i class="el-icon-delete" />
</span>
@@ -27,6 +30,9 @@
</div>
</div>
</el-upload>
+ <el-dialog :visible.sync="dialogVisible" title="预览" width="800" append-to-body>
+ <img :src="value" style="display: block; max-width: 100%; margin: 0 auto;">
+ </el-dialog>
</div>
</template>
@@ -34,9 +40,9 @@
import { getToken } from "@/utils/auth";
export default {
- components: {},
data() {
return {
+ dialogVisible: false,
uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传的图片服务器地址
headers: {
Authorization: "Bearer " + getToken(),
@@ -77,10 +83,6 @@
</script>
<style scoped lang="scss">
-.avatar {
- width: 100%;
- height: 100%;
-}
.image {
position: relative;
.mask {
--
Gitblit v1.9.2