yexuejc007/PlayEdu-h5
1
0
Fork 0
mirror of https://github.com/PlayEdu/h5.git synced 2025-07-24 00:49: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) => icon: (active: boolean) =>
active ? ( active ? (
<i <i
style={{ fontSize: 30, color: "#FF4D4F" }} style={{ fontSize: 28, color: "#FF4D4F" }}
className="iconfont icon-icon-shouye" className="iconfont icon-icon-shouye"
></i> ></i>
) : ( ) : (
<i <i
style={{ fontSize: 30, color: "#cccccc" }} style={{ fontSize: 28, color: "#cccccc" }}
className="iconfont icon-icon-shouye" className="iconfont icon-icon-shouye"
></i> ></i>
), ),
@ -31,12 +31,12 @@ export const TabBarFooter: React.FC = () => {
icon: (active: boolean) => icon: (active: boolean) =>
active ? ( active ? (
<i <i
style={{ fontSize: 30, color: "#FF4D4F" }} style={{ fontSize: 28, color: "#FF4D4F" }}
className="iconfont icon-icon-xuexi" className="iconfont icon-icon-xuexi"
></i> ></i>
) : ( ) : (
<i <i
style={{ fontSize: 30, color: "#cccccc" }} style={{ fontSize: 28, color: "#cccccc" }}
className="iconfont icon-icon-xuexi" className="iconfont icon-icon-xuexi"
></i> ></i>
), ),
@ -47,12 +47,12 @@ export const TabBarFooter: React.FC = () => {
icon: (active: boolean) => icon: (active: boolean) =>
active ? ( active ? (
<i <i
style={{ fontSize: 30, color: "#FF4D4F" }} style={{ fontSize: 28, color: "#FF4D4F" }}
className="iconfont icon-icon-wode" className="iconfont icon-icon-wode"
></i> ></i>
) : ( ) : (
<i <i
style={{ fontSize: 30, color: "#cccccc" }} style={{ fontSize: 28, color: "#cccccc" }}
className="iconfont icon-icon-wode" className="iconfont icon-icon-wode"
></i> ></i>
), ),

7
src/main.scss
View File

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