menu样式完善

main
yupeng 1 month ago
parent 14945c7fef
commit 20974a19bd

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.95512 11.5156L13.7801 5.58875C13.9159 5.42196 13.9992 5.2229 14.0206 5.01406C14.0421 4.80522 14.0008 4.59491 13.9015 4.4069C13.8021 4.21889 13.6487 4.06067 13.4585 3.95012C13.2683 3.83956 13.0489 3.78107 12.8251 3.78125H3.17662C2.9529 3.78124 2.73364 3.83986 2.54359 3.95049C2.35353 4.06111 2.20024 4.21935 2.10103 4.40732C2.00181 4.5953 1.96063 4.80553 1.98211 5.01429C2.00359 5.22305 2.0869 5.42202 2.22262 5.58875L7.04762 11.5156C7.15961 11.6531 7.30393 11.7646 7.46935 11.8413C7.63476 11.918 7.81682 11.9579 8.00137 11.9579C8.18591 11.9579 8.36797 11.918 8.53338 11.8413C8.6988 11.7646 8.84312 11.6531 8.95512 11.5156Z" fill="white" fill-opacity="0.66"/>
</svg>

After

Width:  |  Height:  |  Size: 774 B

@ -115,6 +115,7 @@
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
gap: 20px;
}
// 面包屑项文本样式
@ -135,7 +136,7 @@
.breadcrumb-close-icon {
font-size: 14px;
// color: #7D9CD8;
margin-left: 8px;
// margin-left: 8px;
display: flex;
align-items: center;
justify-content: center;

@ -6,7 +6,7 @@ import { formatRoute, getDefaultRoute } from '@/utils/routeUtils'
import styles from './TopNavBar.less'
import { Row, Col, Avatar, Dropdown, Button } from 'antd'
import { userInfo } from '@/utils/globalCommon'
import { HomeOutlined, LogoutOutlined, AppstoreOutlined, UserOutlined, SettingOutlined, DatabaseOutlined, FileTextOutlined, LockOutlined, AreaChartOutlined } from '@ant-design/icons'
import { HomeOutlined, LogoutOutlined, AppstoreOutlined, UserOutlined, SettingOutlined, DatabaseOutlined, FileTextOutlined, LockOutlined, AreaChartOutlined, CaretDownOutlined } from '@ant-design/icons'
import { getPageQuery } from '@/utils/utils'
import menuTitle from '@/assets/img/智能管控平台.svg'
import menuTitle1 from '@/assets/img/智能管控平台-1.svg'
@ -21,6 +21,7 @@ import people from '@/assets/img/people.svg'
import risk from '@/assets/img/risk.svg'
import { CustomBreadcrumb } from '@/components/GlobalComponent'
// 自定义菜单项渲染组件,支持根据激活状态显示不同图片
const CustomMenuItem = ({ item, selectedKeys }) => {
const isActive = selectedKeys.includes(item.key);
@ -241,6 +242,7 @@ const SystemContentList = (props) => {
}}
popupClassName="custom-select-dropdown"
className="custom-select"
suffixIcon={<CaretDownOutlined style={{ color: '#fff', fontSize: '16px' }} />}
/>
</div>
<style jsx>{`
@ -262,6 +264,8 @@ const SystemContentList = (props) => {
justify-content: center !important;
padding: 0 !important;
padding-right: 50px !important;
font-size: 16px !important;
font-weight: 500 !important;
}
.custom-select .ant-select-arrow {
opacity: 0.66 !important;

Loading…
Cancel
Save