Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
靖轩达人
uni-app
提交
134646f7
U
uni-app
项目概览
靖轩达人
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
134646f7
编写于
11月 13, 2018
作者:
蓝色的小猫咪
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
统一顶部选项卡dom结构
上级
bf8fa498
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
20 addition
and
67 deletion
+20
-67
examples/hello-uniapp/platforms/app-plus/tabbar/tabbar.vue
examples/hello-uniapp/platforms/app-plus/tabbar/tabbar.vue
+20
-67
未找到文件。
examples/hello-uniapp/platforms/app-plus/tabbar/tabbar.vue
浏览文件 @
134646f7
<
template
>
<view
class=
"
index
"
>
<scroll-view
id=
"tab-bar"
class=
"swiper-tab"
scroll-x
:scroll-left=
"scrollLeft"
>
<view
class=
"
uni-tab-bar
"
>
<scroll-view
id=
"tab-bar"
class=
"
uni-
swiper-tab"
scroll-x
:scroll-left=
"scrollLeft"
>
<view
v-for=
"(tab,index) in tabBars"
:key=
"tab.id"
:class=
"['swiper-tab-list',tabIndex==index ? 'active' : '']"
:id=
"tab.id"
:data-current=
"index"
@
tap=
"tapTab"
>
{{
tab
.
name
}}
</view>
</scroll-view>
...
...
@@ -10,22 +10,29 @@
<block
v-for=
"(newsitem,index2) in tab.data"
:key=
"index2"
>
<media-list
:data=
"newsitem"
@
close=
"close(index1,index2)"
@
click=
"goDetail(newsitem)"
></media-list>
</block>
<view
class=
"loadmore
"
>
<text
class=
"loadmore-text"
>
{{
tab
.
loadingText
}}
</text
>
</view>
<view
class=
"uni-tab-bar-loading
"
>
<load-more
:loadingType=
"tab.loadingType"
:contentText=
"loadingText"
></load-more
>
</view>
</scroll-view>
</swiper-item>
</swiper>
</view>
</
template
>
<
script
>
import
mediaList
from
'
@/components/tab-nvue/mediaList.vue
'
import
mediaList
from
'
@/components/tab-nvue/mediaList.vue
'
;
import
loadMore
from
'
@/components/load-more.vue
'
;
export
default
{
components
:
{
mediaList
mediaList
,
loadMore
},
data
()
{
return
{
loadingText
:
{
contentdown
:
"
上拉显示更多
"
,
contentrefresh
:
"
正在加载...
"
,
contentnomore
:
"
没有更多数据了
"
},
scrollLeft
:
0
,
isClickChange
:
false
,
tabIndex
:
0
,
...
...
@@ -131,19 +138,20 @@
})
},
loadMore
(
e
)
{
this
.
newsitems
[
e
].
loadingType
=
1
;
setTimeout
(()
=>
{
this
.
addData
(
e
);
},
1
0
00
);
},
1
2
00
);
},
addData
(
e
)
{
console
.
log
(
"
加载更多...
"
);
if
(
this
.
newsitems
[
e
].
data
.
length
>
30
)
{
this
.
newsitems
[
e
].
loadingText
=
'
没有更多了
'
;
this
.
newsitems
[
e
].
loadingType
=
2
;
return
;
}
for
(
let
i
=
1
;
i
<=
10
;
i
++
)
{
this
.
newsitems
[
e
].
data
.
push
(
this
[
'
data
'
+
Math
.
floor
(
Math
.
random
()
*
5
)]);
}
this
.
newsitems
[
e
].
loadingType
=
1
;
},
async
changeTab
(
e
)
{
let
index
=
e
.
target
.
current
;
...
...
@@ -197,7 +205,7 @@
let
ary
=
[];
for
(
let
i
=
0
,
length
=
this
.
tabBars
.
length
;
i
<
length
;
i
++
)
{
let
aryItem
=
{
loadingText
:
"
加载更多...
"
,
loadingType
:
0
,
data
:
[]
};
for
(
let
j
=
1
;
j
<=
10
;
j
++
)
{
...
...
@@ -212,60 +220,5 @@
</
script
>
<
style
>
page
{
display
:
flex
;
}
.index
{
display
:
flex
;
flex
:
1
;
flex-direction
:
column
;
overflow
:
hidden
;
height
:
100%
;
}
.list
{
width
:
750
upx
;
height
:
100%
;
}
.swiper-tab
{
width
:
100%
;
white-space
:
nowrap
;
line-height
:
100
upx
;
height
:
100
upx
;
border-bottom
:
1px
solid
#c8c7cc
;
}
.swiper-tab-list
{
font-size
:
30
upx
;
width
:
150
upx
;
display
:
inline-block
;
text-align
:
center
;
color
:
#555
;
}
.active
{
color
:
#007AFF
;
}
.swiper-box
{
flex
:
1
;
width
:
100%
;
height
:
calc
(
100%
-
100
upx
);
}
.loadmore
{
height
:
70
upx
;
width
:
750
upx
;
flex-direction
:
column
;
justify-content
:
center
;
}
.loadmore-text
{
font-size
:
30
upx
;
text-align
:
center
;
color
:
#999999
;
}
</
style
>
</
style
>
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录