From da2f959b7f5e0ec28dc29b638dffad8eae305152 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 19 六月 2024 11:52:35 +0800
Subject: [PATCH] fix:限制图片大小
---
src/components/ExamInfo/index.vue | 7 ++++---
src/style.css | 4 ++++
2 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/src/components/ExamInfo/index.vue b/src/components/ExamInfo/index.vue
index 8fd4032..2b63fd1 100644
--- a/src/components/ExamInfo/index.vue
+++ b/src/components/ExamInfo/index.vue
@@ -5,7 +5,7 @@
</div>
<div class="img-container flex">
<div class="img-item">
- <img src="@/assets/test.png" class="width-img" alt="">
+ <img src="@/assets/test.png" class="info-img" alt="">
</div>
</div>
</div>
@@ -25,7 +25,8 @@
</script>
<style lang="scss" scoped>
-.img-item {
- max-width: 400px;
+.info-img {
+ max-height: 250px;
+ margin: 20px 0;
}
</style>
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
index e31cda7..0cfd3ab 100644
--- a/src/style.css
+++ b/src/style.css
@@ -20,6 +20,10 @@
width: 100%;
display: block;
}
+.height-img {
+ height: 100%;
+ display: block;
+}
/* fade-transform */
.fade-transform-leave-active,
--
Gitblit v1.8.0