From 4a243f178fc194c37e515ff625466b85eda12eb1 Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期四, 18 八月 2022 20:38:47 +0800 Subject: [PATCH] 小错误 --- src/views/intellectInspect/inspectIndex/index.vue | 95 ++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 76 insertions(+), 19 deletions(-) diff --git a/src/views/intellectInspect/inspectIndex/index.vue b/src/views/intellectInspect/inspectIndex/index.vue index 007b525..67d5e7f 100644 --- a/src/views/intellectInspect/inspectIndex/index.vue +++ b/src/views/intellectInspect/inspectIndex/index.vue @@ -134,7 +134,6 @@ const toLine = (item) =>{ let id = JSON.parse(JSON.stringify(item)).id - console.log(id,'id') router.push({ path: 'intelligentLine', query: { @@ -165,8 +164,81 @@ <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 - 114px); + height: calc(100vh - 144px); box-sizing: border-box; overflow: hidden; .homeCard { @@ -189,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; @@ -220,9 +285,6 @@ } } .mid-info{ - width: 35%; - font-size: 14px; - color: #333; span{ font-weight: bolder; @@ -242,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