Skip to content

A
admin-ci-test
提交 f297a5b4 作者: ZhangLingKun
操作

功能：样式优化

上级 c948769b
正在显示 包含 25 行增加 和 15 行删除
index.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<html lang="zh-Hans"> <html lang="zh-Hans">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/src/assets/icon/logo.svg" /> <link rel="icon" type="image/svg+xml" href='/src/assets/icon/logo_big.png' />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>云享飞-管理平台</title> <title>云享飞-管理平台</title>
</head> </head>
......
src/assets/theme/index.tsx
import { Empty, theme } from 'antd'; import { Empty } from 'antd';
import React from 'react'; import React from 'react';
export const themeConfig = { export const themeConfig = {
algorithm: [theme.compactAlgorithm], algorithm: [], // theme.compactAlgorithm
token: { token: {
// fontSize: 12, // fontSize: 12,
}, },
......
src/components/layout/index.scss
$page-background: #F6F7FB; //$page-background: #F6F7FB;
$page-background: #f0f2f5;
.layout-view { .layout-view {
position: fixed; position: fixed;
top: 0; top: 0;
...@@ -47,6 +48,10 @@ $page-background: #F6F7FB; ...@@ -47,6 +48,10 @@ $page-background: #F6F7FB;
background: transparent; background: transparent;
//font-size: 14px; //font-size: 14px;
} }
.ant-layout-sider-children{
border-radius: 10px;
overflow: hidden;
}
.ant-menu-item { .ant-menu-item {
transform: translateX(10px); transform: translateX(10px);
...@@ -111,9 +116,10 @@ $page-background: #F6F7FB; ...@@ -111,9 +116,10 @@ $page-background: #F6F7FB;
} }
.logo-text { .logo-text {
min-width: 100px;
font-size: 18px; font-size: 18px;
//color: #ffffff; color: #ffffff;
text-align: center; text-align: left;
animation: fadeIn 0.618s ease-in-out; animation: fadeIn 0.618s ease-in-out;
animation-fill-mode: forwards; animation-fill-mode: forwards;
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
...@@ -150,13 +156,14 @@ $page-background: #F6F7FB; ...@@ -150,13 +156,14 @@ $page-background: #F6F7FB;
.user-company { .user-company {
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
//color: #ffffff; color: #ffffff;
} }
.user-name { .user-name {
font-size: 12px; font-size: 12px;
font-weight: normal; font-weight: normal;
color: #7f828a; //color: #7f828a;
color: #F6F7FB;
} }
} }
...@@ -164,7 +171,8 @@ $page-background: #F6F7FB; ...@@ -164,7 +171,8 @@ $page-background: #F6F7FB;
margin-right: 10px; margin-right: 10px;
width: 24px; width: 24px;
height: 24px; height: 24px;
border:1px solid #1677ff; border:1px solid #ffffff;
//border:1px solid #1677ff;
border-radius: 2px; border-radius: 2px;
padding: 0; padding: 0;
line-height: normal; line-height: normal;
...@@ -172,6 +180,7 @@ $page-background: #F6F7FB; ...@@ -172,6 +180,7 @@ $page-background: #F6F7FB;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
color: #ffffff;
} }
} }
......
src/components/layout/menu/index.tsx
...@@ -35,7 +35,7 @@ export function MenuView() { ...@@ -35,7 +35,7 @@ export function MenuView() {
}; };
// 递归将路由转换为侧边栏数据 // 递归将路由转换为侧边栏数据
const getItem = (routerList: RouteObjectType[]) => { const getItem = (routerList: RouteObjectType[]) => {
const list: Array<MenuItem> = routerList.map((i, j) => { const list: Array<MenuItem> = routerList.map((i) => {
if (i.children?.length) { if (i.children?.length) {
return { return {
label: i.meta?.title, label: i.meta?.title,
......
src/components/layout/title/index.scss
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
height: 20px; height: 20px;
fill: currentColor; fill: currentColor;
transform: translateY(-3px); transform: translateY(-3px);
//color: #fff; color: #fff;
} }
.hamburger.is-active { .hamburger.is-active {
......
src/components/layout/title/index.tsx
...@@ -2,7 +2,7 @@ import React, { useState } from 'react'; ...@@ -2,7 +2,7 @@ import React, { useState } from 'react';
import { Header } from 'antd/es/layout/layout'; import { Header } from 'antd/es/layout/layout';
import { DownOutlined, UpOutlined } from '@ant-design/icons'; import { DownOutlined, UpOutlined } from '@ant-design/icons';
import { Button, Dropdown, MenuProps, Modal } from 'antd'; import { Button, Dropdown, MenuProps, Modal } from 'antd';
import Logo from '../../../assets/icon/logo.svg'; import Logo from '../../../assets/icon/logo_big.png';
import './index.scss'; import './index.scss';
export function TitleView() { export function TitleView() {
...@@ -38,7 +38,8 @@ export function TitleView() { ...@@ -38,7 +38,8 @@ export function TitleView() {
return ( return (
<Header <Header
style={{ style={{
background: '#ffffff', // background: '#ffffff',
background: 'linear-gradient(137deg,#0165d0,#18a2fe)',
height: 40, height: 40,
padding: '0 10px', padding: '0 10px',
position: 'relative', position: 'relative',
...@@ -71,8 +72,8 @@ export function TitleView() { ...@@ -71,8 +72,8 @@ export function TitleView() {
arrow arrow
> >
<div className='user-action'> <div className='user-action'>
<UpOutlined style={{ fontSize: 10, color: '#8287A0' }} /> <UpOutlined style={{ fontSize: 10, color: '#ffffff' }} />
<DownOutlined style={{ fontSize: 10, color: '#8287A0' }} /> <DownOutlined style={{ fontSize: 10, color: '#ffffff' }} />
</div> </div>
</Dropdown> </Dropdown>
</div> </div>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论