From 32ec691abab0c837f34ce2c4908a40a10b9dbec7 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 29 七月 2022 17:20:15 +0800
Subject: [PATCH] 1.优化项目2.综合看板静态页面初步实现
---
src/views/kb/kbCommon.css | 71 +++++++++++++++++++----------------
1 files changed, 38 insertions(+), 33 deletions(-)
diff --git a/src/views/kb/kbCommon.css b/src/views/kb/kbCommon.css
index 46b1ff3..d135d8c 100644
--- a/src/views/kb/kbCommon.css
+++ b/src/views/kb/kbCommon.css
@@ -2,45 +2,50 @@
width: 1920px;
height: 1080px;
position: relative;
- background-color: lightblue;
- font-size: 20px;
+ background-color: #000;
+ font-size: 16px;
font-family: Microsoft YaHei;
+ color: #fff;
}
.kb_header {
- background-color: #00a79d;
+ /*background-color: #000;*/
+ /*background-color: #123;*/
height: 90px;
line-height: 90px;
font-size: 40px;
-
+ color: #09d8f2;
}
-.kb_content {
- display: flex;
- position: relative;
- height: 990px;
+.kb_header_text{
+ letter-spacing: 5px;
}
-.kb_left {
- width: 30%;
- height: 100%;
+.kb_headerPic{
+ position: absolute;
+ top: 39px;
+ width: 1808px;
+ height: 12px;
+ /*background-size: 100% 100%;*/
+ background: url("../../assets/images/kb_headtitle2.png") no-repeat;
+ margin-left: 56px;
+ /*margin-left: 40px;*/
+}
+.kb_headTime{
+ position: absolute;
+ right: 10px;
+ width: 300px;
+ height: 50px;
+ z-index: 10;
+ top: 30px;
+ font-size: 22px;
}
-.kb_center {
- width: 40%;
- background-color: #00a79d;
- height: 100%;
-}
-
-.kb_right {
- width: 30%;
- height: 100%;
-}
.flex_c_c {
- display: flex;
- justify-content: center;
- align-content: center;
+ display: flex ;
+ justify-content: center ;
+ align-content: center ;
}
.flex_c_s {
@@ -50,16 +55,16 @@
/*align-content: center;*/
}
-.kb_block{
+.flex_e_c{
display: flex;
+ justify-content: space-evenly;
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%);*/
+}
- /*background-color: #5a5e66;*/
- margin: 10px;
+.kb_pd10{
+ padding: 10px;
+}
+
+.kb_mt10{
+ margin-top: 10px;
}
--
Gitblit v1.9.3