yexuejc007/PlayEdu-h5
1
0
Fork 0
mirror of https://github.com/PlayEdu/h5.git synced 2025-07-23 18:39:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

底部导航栏优化

Browse Source
This commit is contained in:
禺狨 2023-07-03 09:15:21 +08:00
parent c603b2c385
commit 66cc637ca4
2 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/bar-footer/index.tsx
View File

@ -15,12 +15,12 @@ export const TabBarFooter: React.FC = () => {
icon: (active: boolean) =>
active ? (
<i
style={{ fontSize: 30, color: "#FF4D4F" }}
style={{ fontSize: 28, color: "#FF4D4F" }}
className="iconfont icon-icon-shouye"
></i>
) : (
<i
style={{ fontSize: 30, color: "#cccccc" }}
style={{ fontSize: 28, color: "#cccccc" }}
className="iconfont icon-icon-shouye"
></i>
),
@ -31,12 +31,12 @@ export const TabBarFooter: React.FC = () => {
icon: (active: boolean) =>
active ? (
<i
style={{ fontSize: 30, color: "#FF4D4F" }}
style={{ fontSize: 28, color: "#FF4D4F" }}
className="iconfont icon-icon-xuexi"
></i>
) : (
<i
style={{ fontSize: 30, color: "#cccccc" }}
style={{ fontSize: 28, color: "#cccccc" }}
className="iconfont icon-icon-xuexi"
></i>
),
@ -47,12 +47,12 @@ export const TabBarFooter: React.FC = () => {
icon: (active: boolean) =>
active ? (
<i
style={{ fontSize: 30, color: "#FF4D4F" }}
style={{ fontSize: 28, color: "#FF4D4F" }}
className="iconfont icon-icon-wode"
></i>
) : (
<i
style={{ fontSize: 30, color: "#cccccc" }}
style={{ fontSize: 28, color: "#cccccc" }}
className="iconfont icon-icon-wode"
></i>
),

7
src/main.scss
View File

@ -62,8 +62,7 @@ code {
.adm-tab-bar-item-title {
font-size: 11px;
font-weight: 400;
line-height: 11px;
margin-top: 4px;
margin-top: 0px !important;
color: rgba(0, 0, 0, 0.45);
}
@ -134,3 +133,7 @@ code {
width: 100%;
height: 100%;
}
.adm-tab-bar-item-icon {
height: 28px !important;
}