From 91d632135ae13779bddf2ac7cb4da748a667f813 Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期四, 18 八月 2022 19:16:22 +0800 Subject: [PATCH] Merge branch 'master' of https://sinanoaq.cn:8888/r/gtqt --- src/views/intellectInspect/inspectIndex/index.vue | 92 +++++++++++++++++++++++++++++++++++++-------- 1 files changed, 75 insertions(+), 17 deletions(-) diff --git a/src/views/intellectInspect/inspectIndex/index.vue b/src/views/intellectInspect/inspectIndex/index.vue index f80486c..67d5e7f 100644 --- a/src/views/intellectInspect/inspectIndex/index.vue +++ b/src/views/intellectInspect/inspectIndex/index.vue @@ -164,6 +164,79 @@ <style scoped lang="scss"> $homeNavLengh: 8; +@media screen and (min-width: 1366px) { + .left-info { + width: 65%; + display: flex; + align-items: center; + justify-content: left; + font-size: 18px; + color: #333; + overflow-x: auto; + } + .mid-info { + width: 25%; + font-size: 18px; + color: #333; + } + .right-info { + width: 10%; + display: flex; + justify-content: right; + align-items: center; + font-size: 16px; + color: #fff; + } +} +@media screen and (min-width: 1200px) and (max-width: 1366px) { + .left-info { + width: 65%; + display: flex; + align-items: center; + justify-content: left; + font-size: 15px; + color: #333; + overflow-x: auto; + } + .mid-info { + width: 25%; + font-size: 15px; + color: #333; + } + .right-info { + width: 10%; + display: flex; + justify-content: right; + align-items: center; + font-size: 13px; + color: #fff; + } +} +@media screen and (max-width: 1200px) { + .left-info { + width: 65%; + display: flex; + align-items: center; + justify-content: left; + font-size: 12px; + color: #333; + overflow-x: auto; + } + .mid-info { + width: 25%; + font-size: 12px; + color: #333; + } + .right-info { + width: 10%; + display: flex; + justify-content: right; + align-items: center; + font-size: 12px; + color: #fff; + } +} + .home-container { height: calc(100vh - 144px); box-sizing: border-box; @@ -188,17 +261,10 @@ justify-content: space-between; margin-bottom: 10px; background: #daf3ff; - padding: 20px; + padding: 10px 15px; border-radius: 8px; .left-info{ - width: 50%; - display: flex; - align-items: center; - justify-content: left; - font-size: 14px; - color: #333; - overflow-x: auto; .num{ font-weight: bolder; @@ -219,9 +285,6 @@ } } .mid-info{ - width: 35%; - font-size: 14px; - color: #333; span{ font-weight: bolder; @@ -241,12 +304,7 @@ } } .right-info{ - width: 15%; - display: flex; - justify-content: right; - align-items: center; - font-size: 14px; - color: #fff; + .checkBtn{ padding: 10px 15px; -- Gitblit v1.9.2