From ef735f883e0b141bf37c80250476ea018d0d8e1b Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期四, 18 八月 2022 19:15:31 +0800
Subject: [PATCH] Default Changelist
---
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