Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
qianlong66
uni-app
提交
551cc346
U
uni-app
项目概览
qianlong66
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
551cc346
编写于
9月 22, 2022
作者:
d-u-a
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: tabbar 某些情况下 setTabBarBadge 后出现重复的 badge
上级
89ac0f64
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
6 addition
and
8 deletion
+6
-8
packages/uni-h5/src/framework/components/layout/tabBar.tsx
packages/uni-h5/src/framework/components/layout/tabBar.tsx
+4
-6
packages/uni-h5/style/framework/tabBar.css
packages/uni-h5/style/framework/tabBar.css
+2
-2
未找到文件。
packages/uni-h5/src/framework/components/layout/tabBar.tsx
浏览文件 @
551cc346
...
...
@@ -290,6 +290,7 @@ function createTabBarItemBdTsx(
)
:
iconPath
&&
createTabBarItemIconTsx
(
iconPath
,
tabBarItem
,
tabBar
)
}
{
tabBarItem
.
text
&&
createTabBarItemTextTsx
(
color
,
tabBarItem
,
tabBar
)
}
{
tabBarItem
.
redDot
&&
createTabBarItemRedDotTsx
(
tabBarItem
.
badge
)
}
</
div
>
)
}
...
...
@@ -299,14 +300,13 @@ function createTabBarItemIconTsx(
tabBarItem
:
UniApp
.
TabBarItemOptions
,
tabBar
:
UniApp
.
TabBarOptions
)
{
const
{
type
,
text
,
redDot
}
=
tabBarItem
const
{
type
,
text
}
=
tabBarItem
const
{
iconWidth
}
=
tabBar
const
clazz
=
'
uni-tabbar__icon
'
+
(
text
?
'
uni-tabbar__icon__diff
'
:
''
)
const
style
=
{
width
:
iconWidth
,
height
:
iconWidth
}
return
(
<
div
class
=
{
clazz
}
style
=
{
style
}
>
{
type
!==
'
midButton
'
&&
<
img
src
=
{
getRealPath
(
iconPath
)
}
/>
}
{
redDot
&&
createTabBarItemRedDotTsx
(
tabBarItem
.
badge
)
}
</
div
>
)
}
...
...
@@ -317,7 +317,7 @@ function createTabBarItemIconfontTsx(
tabBarItem
:
UniApp
.
TabBarItemOptions
,
tabBar
:
UniApp
.
TabBarOptions
)
{
const
{
type
,
text
,
redDot
}
=
tabBarItem
const
{
type
,
text
}
=
tabBarItem
const
{
iconWidth
}
=
tabBar
const
clazz
=
'
uni-tabbar__icon
'
+
(
text
?
'
uni-tabbar__icon__diff
'
:
''
)
const
style
=
{
width
:
iconWidth
,
height
:
iconWidth
}
...
...
@@ -332,7 +332,6 @@ function createTabBarItemIconfontTsx(
{
iconfontText
}
</
div
>
)
}
{
redDot
&&
createTabBarItemRedDotTsx
(
tabBarItem
.
badge
)
}
</
div
>
)
}
...
...
@@ -342,7 +341,7 @@ function createTabBarItemTextTsx(
tabBarItem
:
UniApp
.
TabBarItemOptions
,
tabBar
:
UniApp
.
TabBarOptions
)
{
const
{
redDot
,
iconPath
,
text
}
=
tabBarItem
const
{
iconPath
,
text
}
=
tabBarItem
const
{
fontSize
,
spacing
}
=
tabBar
const
style
=
{
color
,
...
...
@@ -353,7 +352,6 @@ function createTabBarItemTextTsx(
return
(
<
div
class
=
"uni-tabbar__label"
style
=
{
style
}
>
{
text
}
{
redDot
&&
!
iconPath
&&
createTabBarItemRedDotTsx
(
tabBarItem
.
badge
)
}
</
div
>
)
}
...
...
packages/uni-h5/style/framework/tabBar.css
浏览文件 @
551cc346
...
...
@@ -104,14 +104,14 @@ uni-tabbar {
.uni-tabbar__reddot
{
position
:
absolute
;
top
:
0
;
top
:
2px
;
right
:
0
;
width
:
12px
;
height
:
12px
;
border-radius
:
50%
;
background-color
:
#f43530
;
color
:
#ffffff
;
transform
:
translate
(
40%
,
-2
0%
);
transform
:
translate
(
40%
,
0%
);
}
.uni-tabbar__badge
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录