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 | 178 +++++++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 141 insertions(+), 37 deletions(-)
diff --git a/src/views/kb/kbCommon.css b/src/views/kb/kbCommon.css
index 46b1ff3..f7c4ad6 100644
--- a/src/views/kb/kbCommon.css
+++ b/src/views/kb/kbCommon.css
@@ -2,40 +2,60 @@
width: 1920px;
height: 1080px;
position: relative;
- background-color: lightblue;
- font-size: 20px;
- font-family: Microsoft YaHei;
+ /*background-color: #17678c;*/
+ background-color: #000;
+ font-size: 16px;
+ /*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: #00a79d;
+ /*background-color: #123;*/
height: 90px;
line-height: 90px;
- font-size: 40px;
+ font-size: 56px;
+ color: #09d8f2;
+}
+
+.kb_header_text {
+ letter-spacing: 5px;
+ font-weight: bolder;
+}
+
+.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;
+}
+
+.kb_headTime {
+ position: absolute;
+ right: 85px;
+ /*width: 360px;*/
+ height: 50px;
+ z-index: 10;
+ top: -20px;
+ font-size: 28px;
}
-.kb_content {
- display: flex;
- position: relative;
- height: 990px;
-}
-
-.kb_left {
- width: 30%;
- height: 100%;
-}
-
-.kb_center {
- width: 40%;
- background-color: #00a79d;
- height: 100%;
-}
-
-.kb_right {
- width: 30%;
- height: 100%;
-}
.flex_c_c {
display: flex;
@@ -49,17 +69,101 @@
justify-content: space-evenly;
/*align-content: center;*/
}
-
-.kb_block{
+.flex_c_b {
display: flex;
- align-content: center;
- justify-content: center;
- width: 556px;
- height: 400px;
- line-height: 400px;
- background-image: linear-gradient(to bottom right, red , yellow);
- /*background-image: repeating-radial-gradient(red, yellow 10%, green 15%);*/
+ flex-direction: column;
+ justify-content: space-between;
+ align-content: space-between;
+}
- /*background-color: #5a5e66;*/
- margin: 10px;
+.flex_e_c {
+ display: flex;
+ justify-content: space-evenly;
+ align-content: center;
+}
+
+.flex_s_c {
+ display: flex;
+ justify-content: flex-start;
+ align-content: center;
+}
+
+.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