Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
anyefeiyu
uni-app
提交
643fe8ea
U
uni-app
项目概览
anyefeiyu
/
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,发现更多精彩内容 >>
提交
643fe8ea
编写于
11月 12, 2018
作者:
H
hulinneil
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
在H5平台屏蔽 web-view 组件示例
上级
a0bf951a
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
134 addition
and
125 deletion
+134
-125
examples/hello-uniapp/pages/tabBar/component/component.vue
examples/hello-uniapp/pages/tabBar/component/component.vue
+134
-125
未找到文件。
examples/hello-uniapp/pages/tabBar/component/component.vue
浏览文件 @
643fe8ea
<
template
>
<view
class=
"uni-padding-wrap uni-common-pb"
>
<view
class=
"uni-header-logo"
>
<image
src=
"../../../static/componentIndex.png"
></image>
<view
class=
"uni-padding-wrap uni-common-pb"
>
<view
class=
"uni-header-logo"
>
<image
src=
"../../../static/componentIndex.png"
></image>
</view>
<view
class=
"uni-hello-text uni-common-pb"
>
以下将展示uni-app官方组件能力,组件样式仅供参考,开发者可根据自身需求自定义组件样式,具体属性参数详见uni-app开发文档。
</view>
<view
class=
"uni-card"
v-for=
"(list,index) in lists"
:key=
"index"
>
<view
class=
"uni-list"
>
<view
class=
"uni-list-cell uni-collapse"
>
<view
class=
"uni-list-cell-navigate uni-navigate-bottom"
hover-class=
"uni-list-cell-hover"
:class=
"list.open ? 'uni-active' : ''"
@
click=
"trigerCollapse(index)"
>
{{
list
.
name
}}
</view>
<view
class=
"uni-list uni-collapse"
:class=
"list.open ? 'uni-active' : ''"
>
<view
class=
"uni-list-cell"
hover-class=
"uni-list-cell-hover"
v-for=
"(item,key) in list.pages"
:key=
"key"
@
click=
"goDetailPage(item)"
>
<view
class=
"uni-list-cell-navigate uni-navigate-right"
>
{{
item
.
name
?
item
.
name
:
item
}}
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view
class=
"uni-card"
v-for=
"(list,index) in lists"
:key=
"index"
>
<view
class=
"uni-list"
>
<view
class=
"uni-list-cell uni-collapse"
>
<view
class=
"uni-list-cell-navigate uni-navigate-bottom"
hover-class=
"uni-list-cell-hover"
:class=
"list.open ? 'uni-active' : ''"
@
click=
"trigerCollapse(index)"
>
{{
list
.
name
}}
</view>
<view
class=
"uni-list uni-collapse"
:class=
"list.open ? 'uni-active' : ''"
>
<view
class=
"uni-list-cell"
hover-class=
"uni-list-cell-hover"
v-for=
"(item,key) in list.pages"
:key=
"key"
@
click=
"goDetailPage(item)"
>
<view
class=
"uni-list-cell-navigate uni-navigate-right"
>
{{
item
.
name
?
item
.
name
:
item
}}
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</
template
>
<
script
>
export
default
{
data
()
{
return
{
lists
:
[{
id
:
'
view
'
,
name
:
'
视图容器
'
,
open
:
false
,
pages
:
[
'
view
'
,
'
scroll-view
'
,
'
swiper
'
,
'
movable-view
'
]
},
{
id
:
'
content
'
,
name
:
'
基础内容
'
,
open
:
false
,
pages
:
[
'
text
'
,
'
rich-text
'
,
'
icon
'
,
'
progress
'
]
},
{
id
:
'
form
'
,
name
:
'
表单组件
'
,
open
:
false
,
pages
:
[
'
button
'
,
'
checkbox
'
,
'
form
'
,
'
input
'
,
'
label
'
,
'
picker
'
,
'
picker-view
'
,
'
radio
'
,
'
slider
'
,
'
switch
'
,
'
textarea
'
]
},
{
id
:
'
nav
'
,
name
:
'
导航
'
,
open
:
false
,
pages
:
[
'
navigator
'
]
},
{
id
:
'
media
'
,
name
:
'
媒体组件
'
,
open
:
false
,
pages
:
[
'
image
'
,
'
audio
'
,
'
video
'
]
},
{
id
:
'
map
'
,
name
:
'
地图
'
,
open
:
false
,
pages
:
[
'
map
'
]
},{
id
:
'
web-view
'
,
name
:
'
网页
'
,
open
:
false
,
pages
:
[
'
web-view
'
]
}
]
}
},
onLoad
()
{
// #ifdef APP-PLUS
//web-view组件支持本地html,依赖最新版的客户端基座
var
innerversion
=
plus
.
runtime
.
innerVersion
;
var
_v
=
innerversion
.
substring
(
innerversion
.
lastIndexOf
(
'
.
'
)
+
1
,
innerversion
.
length
);
if
(
_v
&&
parseInt
(
_v
)
>=
53650
)
{
var
newPages
=
[{
name
:
'
网络网页
'
,
url
:
'
/pages/component/web-view/web-view
'
},
{
name
:
'
本地网页
'
,
url
:
'
/platforms/app-plus/web-view-local/web-view-local
'
}];
this
.
lists
[
this
.
lists
.
length
-
1
].
pages
=
newPages
;
}
// #endif
export
default
{
data
()
{
return
{
lists
:
[{
id
:
'
view
'
,
name
:
'
视图容器
'
,
open
:
false
,
pages
:
[
'
view
'
,
'
scroll-view
'
,
'
swiper
'
,
'
movable-view
'
]
},
{
id
:
'
content
'
,
name
:
'
基础内容
'
,
open
:
false
,
pages
:
[
'
text
'
,
'
rich-text
'
,
'
icon
'
,
'
progress
'
]
},
{
id
:
'
form
'
,
name
:
'
表单组件
'
,
open
:
false
,
pages
:
[
'
button
'
,
'
checkbox
'
,
'
form
'
,
'
input
'
,
'
label
'
,
'
picker
'
,
'
picker-view
'
,
'
radio
'
,
'
slider
'
,
'
switch
'
,
'
textarea
'
]
},
{
id
:
'
nav
'
,
name
:
'
导航
'
,
open
:
false
,
pages
:
[
'
navigator
'
]
},
{
id
:
'
media
'
,
name
:
'
媒体组件
'
,
open
:
false
,
pages
:
[
'
image
'
,
'
audio
'
,
'
video
'
]
},
{
id
:
'
map
'
,
name
:
'
地图
'
,
open
:
false
,
pages
:
[
'
map
'
]
// #ifdef APP-PLUS
},
{
id
:
'
web-view
'
,
name
:
'
网页
'
,
open
:
false
,
pages
:
[
'
web-view
'
],
// #endif
// #ifdef MP-WEIXIN
},
{
id
:
'
web-view
'
,
name
:
'
网页
'
,
open
:
false
,
pages
:
[
'
web-view
'
],
// #endif
}]
}
},
onLoad
()
{
// #ifdef APP-PLUS
//web-view组件支持本地html,依赖最新版的客户端基座
var
innerversion
=
plus
.
runtime
.
innerVersion
;
var
_v
=
innerversion
.
substring
(
innerversion
.
lastIndexOf
(
'
.
'
)
+
1
,
innerversion
.
length
);
if
(
_v
&&
parseInt
(
_v
)
>=
53650
)
{
var
newPages
=
[{
name
:
'
网络网页
'
,
url
:
'
/pages/component/web-view/web-view
'
},
{
name
:
'
本地网页
'
,
url
:
'
/platforms/app-plus/web-view-local/web-view-local
'
}];
this
.
lists
[
this
.
lists
.
length
-
1
].
pages
=
newPages
;
}
// #endif
},
onShareAppMessage
()
{
return
{
title
:
'
欢迎体验uni-app
'
,
path
:
'
/pages/tabBar/component/component
'
}
},
onShareAppMessage
()
{
return
{
title
:
'
欢迎体验uni-app
'
,
path
:
'
/pages/tabBar/component/component
'
}
},
onNavigationBarButtonTap
(
e
)
{
uni
.
navigateTo
({
url
:
'
/platforms/app-plus/about/about
'
})
},
methods
:
{
trigerCollapse
(
e
)
{
for
(
let
i
=
0
,
len
=
this
.
lists
.
length
;
i
<
len
;
++
i
)
{
if
(
e
===
i
)
{
this
.
lists
[
i
].
open
=
!
this
.
lists
[
i
].
open
;
}
else
{
this
.
lists
[
i
].
open
=
false
;
}
}
},
goDetailPage
(
e
)
{
if
(
typeof
e
===
'
string
'
)
{
uni
.
navigateTo
({
url
:
'
/pages/component/
'
+
e
+
'
/
'
+
e
})
}
else
{
uni
.
navigateTo
({
url
:
e
.
url
})
}
}
}
}
onNavigationBarButtonTap
(
e
)
{
uni
.
navigateTo
({
url
:
'
/platforms/app-plus/about/about
'
})
},
methods
:
{
trigerCollapse
(
e
)
{
for
(
let
i
=
0
,
len
=
this
.
lists
.
length
;
i
<
len
;
++
i
)
{
if
(
e
===
i
)
{
this
.
lists
[
i
].
open
=
!
this
.
lists
[
i
].
open
;
}
else
{
this
.
lists
[
i
].
open
=
false
;
}
}
},
goDetailPage
(
e
)
{
if
(
typeof
e
===
'
string
'
)
{
uni
.
navigateTo
({
url
:
'
/pages/component/
'
+
e
+
'
/
'
+
e
})
}
else
{
uni
.
navigateTo
({
url
:
e
.
url
})
}
}
}
}
</
script
>
<
style
>
.uni-card
{
box-shadow
:
none
;
}
.uni-list
:after
{
height
:
0
;
}
.uni-list
:before
{
height
:
0
;
}
.uni-card
{
box-shadow
:
none
;
}
.uni-list
:after
{
height
:
0
;
}
.uni-list
:before
{
height
:
0
;
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录