From 4c2bd40159a9f7cca52d5e2f7d3174b2fb34bb09 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: Wed, 17 Aug 2022 09:36:37 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/views/doublePrevent/dpIndex/index.vue | 62 ++++++++++++++++++++++++++++---
1 files changed, 56 insertions(+), 6 deletions(-)
diff --git a/src/views/doublePrevent/dpIndex/index.vue b/src/views/doublePrevent/dpIndex/index.vue
index 74820af..89dd7b5 100644
--- a/src/views/doublePrevent/dpIndex/index.vue
+++ b/src/views/doublePrevent/dpIndex/index.vue
@@ -379,6 +379,18 @@
$homeNavLengh: 8;
@media screen and (min-width: 1366px) {
+ .main-cont {
+ width: 100%;
+ height: 100%;
+ display: grid;
+ margin-bottom: 40px;
+ box-sizing: border-box;
+ grid-gap: 20px;
+ grid-template-columns: repeat(3, 1fr);
+ grid-template-rows: repeat(2, 1fr);
+ grid-auto-flow: row;
+ justify-content: center;
+ }
.item-head{
height: 25px;
line-height: 25px;
@@ -401,7 +413,19 @@
}
}
- @media screen and (max-width: 1366px){
+ @media screen and (min-width: 1024px) and (max-width: 1366px){
+ .main-cont {
+ width: 100%;
+ height: 100%;
+ display: grid;
+ margin-bottom: 40px;
+ box-sizing: border-box;
+ grid-gap: 15px;
+ grid-template-columns: repeat(3, 1fr);
+ grid-template-rows: repeat(2, 1fr);
+ grid-auto-flow: row;
+ justify-content: center;
+ }
.item-head{
height: 20px;
line-height: 20px;
@@ -422,22 +446,47 @@
}
}
}
- .home-container {
- height: 100%;
- box-sizing: border-box;
- overflow: hidden;
+ @media screen and (max-width: 1024px) {
.main-cont {
width: 100%;
height: 100%;
display: grid;
margin-bottom: 40px;
box-sizing: border-box;
- grid-gap: 20px;
+ grid-gap: 10px;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-auto-flow: row;
justify-content: center;
+ }
+ .item-head{
+ height: 20px;
+ line-height: 20px;
+ span{
+ font-size: 13px;
+ }
+ div{
+ font-size: 12px;
+ }
+ }
+ .levelItem{
+ font-size: 12px;
+
+ span{
+ margin-bottom: 10px;
+ font-size: 16px;
+ font-weight: bolder;
+ }
+ }
+ }
+ .home-container {
+ height: 100%;
+ box-sizing: border-box;
+ overflow: hidden;
+
+ .main-cont {
+
.table-item{
border-radius: 8px;
background: #fff;
@@ -445,6 +494,7 @@
display: flex;
flex-direction: column;
justify-content: space-between;
+ box-sizing: border-box;
.item-head{
display: flex;
--
Gitblit v1.9.2