提交 d88448fb 作者: 翁进城

修改navHeader样式版本

上级 99ec8737
.navHeader { .navHeader {
width: 100%; width: 100%;
height: 120px; height: 68px;
background: #1661f5; background: linear-gradient(360deg, #002157 0%, #00102c 100%);
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.logo { .logo {
width: 181px; width: 148px;
height: 120px; height: 68px;
background-image: url(./assets/logo.png); background-image: url(./assets/logo.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
...@@ -37,21 +36,18 @@ ...@@ -37,21 +36,18 @@
color: #fff; color: #fff;
width: 90px; width: 90px;
text-align: center; text-align: center;
font-family: MicrosoftYaHei;
} }
} }
:global .ant-tabs-tab-active { :global .ant-tabs-tab-active {
.ant-tabs-tab-btn { .ant-tabs-tab-btn {
color: #fff !important; color: #91c8ff !important;
} }
} }
:global .ant-tabs-ink-bar { :global .ant-tabs-ink-bar {
width: 28px !important; display: none;
height: 6px !important;
background: #ffffff;
border-radius: 2px;
transform: translateX(30px);
} }
} }
...@@ -60,10 +56,10 @@ ...@@ -60,10 +56,10 @@
} }
.btn1 { .btn1 {
width: 116px; width: 120px;
height: 50px; height: 40px;
background: linear-gradient(90deg, #ffb02c 0%, #ff7d34 100%); background: linear-gradient(90deg, #278eff 0%, #0052da 100%);
border-radius: 8px; border-radius: 6px;
border: 0; border: 0;
font-size: 16px; font-size: 16px;
font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI; font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
...@@ -77,18 +73,17 @@ ...@@ -77,18 +73,17 @@
.btn2 { .btn2 {
box-sizing: border-box; box-sizing: border-box;
width: 116px; width: 120px;
height: 50px; height: 40px;
border-radius: 8px; border-radius: 6px;
border: 1px solid #ffffff; border: 1px solid #ffb02c;
font-size: 16px; font-size: 16px;
font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI; font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffb02c;
background: none; background: none;
} }
.headImg { .headImg {
width: 48px; width: 48px;
height: 48px; height: 48px;
......
...@@ -58,7 +58,7 @@ export default function NavHeader() { ...@@ -58,7 +58,7 @@ export default function NavHeader() {
/> />
<Space size={16} className={styles.btns}> <Space size={16} className={styles.btns}>
<Button type='primary' className={styles.btn1}> <Button type='primary' className={styles.btn1}>
发布信息 + 发布信息
</Button> </Button>
<Button className={styles.btn2}>入驻加盟</Button> <Button className={styles.btn2}>入驻加盟</Button>
</Space> </Space>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论