From 9aac65ff328fde857c76726da0677021cc5980ca Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: 星期一, 12 四月 2021 09:54:08 +0800
Subject: [PATCH] 新增菜单导航显示风格TopNav（false为左侧导航菜单，true为顶部导航菜单）
---
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.3