From beb353c7238d7eea256d0e64710ed4ffea9fd015 Mon Sep 17 00:00:00 2001
From: linzhijie <1003392067@qq.com>
Date: 星期一, 22 五月 2023 11:41:37 +0800
Subject: [PATCH] H5适配
---
src/assets/report/page1.jpg | 0
src/views/report/reportH5.vue | 7 ++-
src/styles/h5font.scss | 55 +++++++++++++++++++++++++++
3 files changed, 59 insertions(+), 3 deletions(-)
diff --git a/src/assets/report/page1.jpg b/src/assets/report/page1.jpg
index c618cff..d58e107 100644
--- a/src/assets/report/page1.jpg
+++ b/src/assets/report/page1.jpg
Binary files differ
diff --git a/src/styles/h5font.scss b/src/styles/h5font.scss
new file mode 100644
index 0000000..09c14e4
--- /dev/null
+++ b/src/styles/h5font.scss
@@ -0,0 +1,55 @@
+@media screen and(max-width: 1024px) {
+
+ body,
+ html {
+ font-size: 14px
+ }
+}
+
+@media screen and(min-width: 1100px) {
+
+ body,
+ html {
+ font-size: 16px
+ }
+}
+
+@media screen and(min-width: 1280px) {
+
+ body,
+ html {
+ font-size: 16px;
+ }
+}
+
+@media screen and(min-width: 1366px) {
+
+ body,
+ html {
+ font-size: 16px;
+ }
+}
+
+@media screen and(min-width: 1440px) {
+
+ body,
+ html {
+ font-size: 16px;
+ }
+}
+
+@media screen and(min-width: 1680px) {
+
+ body,
+ html {
+ font-size: 18px;
+ }
+}
+
+@media screen and(min-width: 1920px) {
+
+ body,
+ html {
+ font-size: 33px;
+ }
+}
\ No newline at end of file
diff --git a/src/views/report/reportH5.vue b/src/views/report/reportH5.vue
index 1707d6c..b2bed31 100644
--- a/src/views/report/reportH5.vue
+++ b/src/views/report/reportH5.vue
@@ -2,9 +2,9 @@
<div id="app" style="margin:auto">
<div class="report">
<el-image :src="require('@/assets/report/page1.jpg')"></el-image>
- <div class="word" style="left: 27%;top: 66.8%;font-size: 0.8rem;color: #313157">{{ data.questionnaireTaker }}</div>
- <div class="word" style="left: 30.5%;top: 69.2%;font-size: 0.8rem;color: #313157">{{ data.reportGenerationDate }}</div>
- <div class="word" style="left: 23%;top: 71.5%;font-size: 0.8rem;color: #313157">涓浗澶у鐢�</div>
+ <div class="word" style="left: 12%;top: 66.8%;color: #313157;font-weight:bold">娴嬭瘯鑰咃細{{ data.questionnaireTaker }}</div>
+ <div class="word" style="left: 12%;top: 69.2%;color: #313157;font-weight:bold">娴嬭瘯鏃堕棿锛歿{ data.reportGenerationDate }}</div>
+ <div class="word" style="left: 12%;top: 71.5%;color: #313157;font-weight:bold">甯告ā锛氫腑鍥藉ぇ瀛︾敓</div>
</div>
<div class="report">
<el-image :src="require('@/assets/report/page2.png')"></el-image>
@@ -68,6 +68,7 @@
<script>
import examPaperApi from '@/api/examPaper'
+import '@/styles/h5font.scss'
export default {
name: 'reportH5',
--
Gitblit v1.9.1