From 006cedaa4188d5bd5f99ef0721572a24c89d7ce4 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期六, 20 八月 2022 17:19:08 +0800
Subject: [PATCH] Default Changelist
---
src/views/intellectInspect/inspectIndex/index.vue | 138 +++++++++++++++++++++++++++++++++++++++------
1 files changed, 119 insertions(+), 19 deletions(-)
diff --git a/src/views/intellectInspect/inspectIndex/index.vue b/src/views/intellectInspect/inspectIndex/index.vue
index f75adae..f7abf1e 100644
--- a/src/views/intellectInspect/inspectIndex/index.vue
+++ b/src/views/intellectInspect/inspectIndex/index.vue
@@ -164,8 +164,124 @@
<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 - 114px);
+ height: calc(100vh - 144px);
box-sizing: border-box;
overflow: hidden;
.homeCard {
@@ -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