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 | 93 +++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 87 insertions(+), 6 deletions(-)
diff --git a/src/views/kb/kbCommon.css b/src/views/kb/kbCommon.css
index 6a24be6..f7c4ad6 100644
--- a/src/views/kb/kbCommon.css
+++ b/src/views/kb/kbCommon.css
@@ -5,22 +5,31 @@
/*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: #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 {
@@ -38,12 +47,13 @@
.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;
+
}
@@ -59,10 +69,22 @@
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 {
display: flex;
justify-content: space-evenly;
+ align-content: center;
+}
+
+.flex_s_c {
+ display: flex;
+ justify-content: flex-start;
align-content: center;
}
@@ -74,6 +96,20 @@
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;
+}
/*
瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙
@@ -86,3 +122,48 @@
/*}*/
/*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