From 52cdea9a329e0835fc30ef8c3ebb7263658cf38d Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: Sat, 20 Aug 2022 10:12:05 +0800
Subject: [PATCH] lct
---
src/views/intellectInspect/inspectIndex/index.vue | 136 +++++++++++++++++++++++++++++++++++++++------
1 files changed, 118 insertions(+), 18 deletions(-)
diff --git a/src/views/intellectInspect/inspectIndex/index.vue b/src/views/intellectInspect/inspectIndex/index.vue
index f80486c..f7abf1e 100644
--- a/src/views/intellectInspect/inspectIndex/index.vue
+++ b/src/views/intellectInspect/inspectIndex/index.vue
@@ -164,6 +164,122 @@
<style scoped lang="scss">
$homeNavLengh: 8;
+@media screen and (min-width: 1366px) {
+ .left-info {
+ width: 70%;
+ display: flex;
+ align-items: center;
+ justify-content: left;
+ font-size: 18px;
+ color: #333;
+ overflow-x: auto;
+ &>span{
+ white-space: nowrap;
+ }
+ p{
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ &>span{
+ white-space: nowrap;
+ }
+ }
+ }
+ .mid-info {
+ width: 20%;
+ font-size: 18px;
+ color: #333;
+ }
+ .right-info {
+ width: 10%;
+ display: flex;
+ justify-content: right;
+ align-items: center;
+ font-size: 16px;
+ color: #fff;
+
+ div{
+ white-space: nowrap;
+ }
+ }
+}
+@media screen and (min-width: 1200px) and (max-width: 1366px) {
+ .left-info {
+ width: 70%;
+ display: flex;
+ align-items: center;
+ justify-content: left;
+ font-size: 15px;
+ color: #333;
+ overflow-x: auto;
+ &>span{
+ white-space: nowrap;
+ }
+ p{
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ &>span{
+ white-space: nowrap;
+ }
+ }
+ }
+ .mid-info {
+ width: 20%;
+ font-size: 15px;
+ color: #333;
+ }
+ .right-info {
+ width: 10%;
+ display: flex;
+ justify-content: right;
+ align-items: center;
+ font-size: 13px;
+ color: #fff;
+ div{
+ white-space: nowrap;
+ }
+ }
+}
+@media screen and (max-width: 1200px) {
+ .left-info {
+ width: 70%;
+ display: flex;
+ align-items: center;
+ justify-content: left;
+ font-size: 12px;
+ color: #333;
+ overflow-x: auto;
+ &>span{
+ white-space: nowrap;
+ }
+ p{
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ &>span{
+ white-space: nowrap;
+ }
+ }
+ }
+ .mid-info {
+ width: 20%;
+ font-size: 12px;
+ color: #333;
+ }
+ .right-info {
+ width: 10%;
+ display: flex;
+ justify-content: right;
+ align-items: center;
+ font-size: 12px;
+ color: #fff;
+ div{
+ white-space: nowrap;
+ }
+ }
+}
+
.home-container {
height: calc(100vh - 144px);
box-sizing: border-box;
@@ -188,23 +304,15 @@
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;
margin-right: 10px;
}
-
.place{
font-weight: bolder;
}
@@ -219,9 +327,6 @@
}
}
.mid-info{
- width: 35%;
- font-size: 14px;
- color: #333;
span{
font-weight: bolder;
@@ -241,12 +346,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