Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui
提交
ecebe956
N
nutui
项目概览
京东前端
/
nutui
通知
37
Star
4
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
nutui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
ecebe956
编写于
4月 14, 2021
作者:
D
Drjingfubo
提交者:
GitHub
4月 14, 2021
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: tabbar 样式修改 (#445)
上级
118a68f3
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
6 addition
and
72 deletion
+6
-72
src/packages/tabbar/index.scss
src/packages/tabbar/index.scss
+5
-71
src/packages/tabbar/index.vue
src/packages/tabbar/index.vue
+1
-1
未找到文件。
src/packages/tabbar/index.scss
浏览文件 @
ecebe956
...
...
@@ -11,76 +11,10 @@
&
:last-child
{
border-right
:
0
;
}
}
.bottom
{
position
:
fixed
;
bottom
:
0px
;
left
:
0px
;
z-index
:
888
;
}
.tabbar-nav
{
flex
:
1
;
text-align
:
center
;
text-decoration
:
none
;
color
:
$text-color
;
height
:
100%
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
}
.card
{
border-right
:
1px
solid
$tabbar-border-color
;
}
.icon-box
{
padding
:
0px
;
display
:
inline-block
;
position
:
relative
;
.tips
{
position
:
absolute
;
background
:
$tabbar-active-color
;
border
:
1px
solid
$white
;
border-radius
:
7px
;
text-align
:
center
;
top
:
-2px
;
right
:
-7px
;
box-shadow
:
0
0
0
1px
$white
;
font-size
:
$font-size-1
;
color
:
$white
;
&
-bottom
{
position
:
fixed
;
bottom
:
0px
;
left
:
0px
;
z-index
:
888
;
}
.num
{
line-height
:
1
;
font-size
:
$font-size-0
;
color
:
$white
;
padding
:
1px
2px
2px
3px
;
}
.nums
{
line-height
:
1
;
font-size
:
$font-size-0
;
color
:
$white
;
padding
:
2px
1px
2px
2px
;
}
}
.icon-box
.icon
{
display
:
block
;
background-size
:
100%
100%
;
background-position
:
center
center
;
}
.icon-box
.tabbar-nav-word
{
font-size
:
$font-size-0
;
display
:
block
;
}
.icon-box
.big-word
{
font-size
:
$font-size-3
;
line-height
:
1
;
}
src/packages/tabbar/index.vue
浏览文件 @
ecebe956
<
template
>
<view
class=
"nut-tabbar"
:class=
"
{ bottom }">
<view
class=
"nut-tabbar"
:class=
"
{
'nut-tabbar-bottom':
bottom }">
<slot></slot>
</view>
</
template
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录