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 | 149 +++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 137 insertions(+), 12 deletions(-)
diff --git a/src/views/kb/kbCommon.css b/src/views/kb/kbCommon.css
index 237f4d0..f7c4ad6 100644
--- a/src/views/kb/kbCommon.css
+++ b/src/views/kb/kbCommon.css
@@ -2,27 +2,58 @@
width: 1920px;
height: 1080px;
position: relative;
+ /*background-color: #17678c;*/
background-color: #000;
- font-size: 20px;
- font-family: Microsoft YaHei;
+ 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: #000;*/
- background-color: #123;
+ /*background-color: #123;*/
height: 90px;
line-height: 90px;
- font-size: 40px;
+ font-size: 56px;
color: #09d8f2;
}
-.kb_headTime{
+
+.kb_header_text {
+ letter-spacing: 5px;
+ font-weight: bolder;
+}
+
+.kb_title_text{
+ font-weight: bolder;
+ font-size: 24px;
+}
+
+.kb_headerPic {
position: absolute;
- left: 100px;
- width: 300px;
+ 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: 22px;
+ top: -20px;
+ font-size: 28px;
+
}
@@ -38,7 +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;
+}
-.kb_pd10{
- padding: 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