From f5389299d31e2236d399e48cfc1b09e5dd16f4c1 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 20 三月 2023 10:01:39 +0800
Subject: [PATCH] 1.看板样式优化

---
 src/views/kb/kbCommon.css |  135 +++++++++++++++++++++++++++++++++++++++------
 1 files changed, 117 insertions(+), 18 deletions(-)

diff --git a/src/views/kb/kbCommon.css b/src/views/kb/kbCommon.css
index d135d8c..f7c4ad6 100644
--- a/src/views/kb/kbCommon.css
+++ b/src/views/kb/kbCommon.css
@@ -2,50 +2,65 @@
   width: 1920px;
   height: 1080px;
   position: relative;
+  /*background-color: #17678c;*/
   background-color: #000;
   font-size: 16px;
-  font-family: Microsoft YaHei;
+  /*font-family: Microsoft YaHei;*/
+  font-family: Arial;
   color: #fff;
+  background-size: 1920px 1080px;
+  /*background: url("../../assets/images/kb_bg.png") no-repeat;*/
+
+  overflow: hidden;
 }
 
 .kb_header {
-  /*background-color: #000;*/
   /*background-color: #123;*/
   height: 90px;
   line-height: 90px;
-  font-size: 40px;
+  font-size: 56px;
   color: #09d8f2;
 }
 
-.kb_header_text{
+.kb_header_text {
   letter-spacing: 5px;
+  font-weight: bolder;
 }
 
-.kb_headerPic{
+.kb_title_text{
+  font-weight: bolder;
+  font-size: 24px;
+}
+
+.kb_headerPic {
   position: absolute;
   top: 39px;
+  /*top: 0px;*/
   width: 1808px;
+  /*height: 90px;*/
   height: 12px;
   /*background-size: 100% 100%;*/
+  /*background: url("../../assets/images/kb_title.png") no-repeat;*/
   background: url("../../assets/images/kb_headtitle2.png") no-repeat;
   margin-left: 56px;
-  /*margin-left: 40px;*/
 }
-.kb_headTime{
+
+.kb_headTime {
   position: absolute;
-  right: 10px;
-  width: 300px;
+  right: 85px;
+  /*width: 360px;*/
   height: 50px;
   z-index: 10;
-  top: 30px;
-  font-size: 22px;
+  top: -20px;
+  font-size: 28px;
+
 }
 
 
 .flex_c_c {
-  display: flex ;
-  justify-content: center ;
-  align-content: center ;
+  display: flex;
+  justify-content: center;
+  align-content: center;
 }
 
 .flex_c_s {
@@ -54,17 +69,101 @@
   justify-content: space-evenly;
   /*align-content: center;*/
 }
+.flex_c_b {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-content: space-between;
+}
 
-.flex_e_c{
+.flex_e_c {
   display: flex;
   justify-content: space-evenly;
   align-content: center;
 }
 
-.kb_pd10{
- padding: 10px;
+.flex_s_c {
+  display: flex;
+  justify-content: flex-start;
+  align-content: center;
 }
 
-.kb_mt10{
+.kb_pd10 {
+  padding: 10px;
+}
+
+.kb_mt10 {
   margin-top: 10px;
 }
+
+.kb_mt10 {
+  margin-top: 10px;
+}
+/*鍏憡鏍峰紡*/
+.MarqueeTipsContentClass {
+  color: #00ffff;
+  height: 30px;
+  width: 100%;
+  line-height: 30px;
+  font-size: 32px;
+  z-index: 2;
+  position: absolute;
+  top:80px;
+}
+
+/*
+瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙
+楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄
+*/
+/*::-webkit-scrollbar {*/
+/*  width: 0 !important;*/
+/*  height: 0 !important;*/
+/*  display: none !important;*/
+/*}*/
+
+/*scrollbar END*/
+
+
+.smallTitle{
+  height: 35px;
+  display: flex;
+  color: #00ffff;
+  font-size: 26px;
+  /*align-content: flex-start;*/
+}
+
+.svg_class{
+  margin-right: 10px;
+  font-size: 28px;
+}
+
+
+
+.lineContent {
+  height: 435px;
+  border: 1px solid #09d8f2;
+  border-radius: 5px;
+  padding: 2px;
+  box-shadow: #00FFFF 0 0 10px;
+}
+
+.lineContentCenter {
+  height: 935px;
+  border: 1px solid #09d8f2;
+  border-radius: 5px;
+  padding: 2px;
+  box-shadow: #00FFFF 0 0 10px;
+}
+
+.horn {
+  background: linear-gradient(#00FFFF, #00FFFF) left top,
+  linear-gradient(#00FFFF, #00FFFF) left top,
+  linear-gradient(#00FFFF, #00FFFF) right top,
+  linear-gradient(#00FFFF, #00FFFF) right top,
+  linear-gradient(#00FFFF, #00FFFF) left bottom,
+  linear-gradient(#00FFFF, #00FFFF) left bottom,
+  linear-gradient(#00FFFF, #00FFFF) right bottom,
+  linear-gradient(#00FFFF, #00FFFF) right bottom;
+  background-repeat: no-repeat;
+  background-size: 2px 20px, 20px 2px;
+}

--
Gitblit v1.9.3