Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
6f5d6faf
U
uni-app
项目概览
DCloud
/
uni-app
2 个月 前同步成功
通知
717
Star
38705
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
6f5d6faf
编写于
12月 28, 2018
作者:
郭
郭胜强
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: 实现组件:cover-view、cover-image
上级
34be8877
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
138 addition
and
2 deletion
+138
-2
src/platforms/h5/view/components/cover-image/index.vue
src/platforms/h5/view/components/cover-image/index.vue
+68
-0
src/platforms/h5/view/components/cover-view/index.vue
src/platforms/h5/view/components/cover-view/index.vue
+70
-2
未找到文件。
src/platforms/h5/view/components/cover-image/index.vue
0 → 100644
浏览文件 @
6f5d6faf
<
template
>
<uni-cover-image
:src=
"src"
v-on=
"$listeners"
>
<div
class=
"uni-cover-image"
>
<img
v-if=
"src"
:src=
"$getRealPath(src)"
@
load=
"_load"
@
error=
"_error"
>
</div>
</uni-cover-image>
</
template
>
<
script
>
export
default
{
name
:
'
CoverImage
'
,
props
:
{
src
:
{
type
:
String
,
default
:
''
}
},
methods
:
{
_load
(
$event
)
{
this
.
$trigger
(
'
load
'
,
$event
)
},
_error
(
$event
)
{
this
.
$trigger
(
'
error
'
,
$event
)
}
}
}
</
script
>
<
style
>
uni-cover-image
{
display
:
block
;
line-height
:
1.2
;
overflow
:
hidden
;
height
:
100%
;
width
:
100%
;
}
uni-cover-image
img
{
width
:
100%
;
height
:
100%
;
}
uni-cover-image
[
hidden
]
{
display
:
none
;
}
uni-cover-image
.uni-cover-image
{
width
:
100%
;
height
:
100%
;
text-overflow
:
inherit
;
overflow
:
inherit
;
white-space
:
nowrap
;
-webkit-align-items
:
inherit
;
align-items
:
inherit
;
-webkit-justify-content
:
inherit
;
justify-content
:
inherit
;
-webkit-flex-direction
:
inherit
;
flex-direction
:
inherit
;
font-size
:
0
;
display
:
inherit
;
}
</
style
>
src/platforms/h5/view/components/cover-view/index.vue
浏览文件 @
6f5d6faf
<
template
>
<
template
>
<uni-cover-view/>
<uni-cover-view
:scroll-top=
"scrollTop"
v-on=
"$listeners"
>
<div
ref=
"content"
class=
"uni-cover-view"
>
<slot/>
</div>
</uni-cover-view>
</
template
>
</
template
>
<
script
>
<
script
>
export
default
{
export
default
{
name
:
'
CoverView
'
name
:
'
CoverView
'
,
props
:
{
scrollTop
:
{
type
:
[
String
,
Number
],
default
:
0
}
},
watch
:
{
scrollTop
(
val
)
{
this
.
setScrollTop
(
val
)
}
},
mounted
()
{
this
.
setScrollTop
(
this
.
scrollTop
)
},
methods
:
{
setScrollTop
(
val
)
{
var
content
=
this
.
$refs
.
content
if
(
getComputedStyle
(
content
).
overflowY
===
'
scroll
'
)
{
content
.
scrollTop
=
this
.
_upx2pxNum
(
val
)
}
},
_upx2pxNum
(
val
)
{
if
(
/
\d
+
[
ur
]
px$/i
.
test
(
val
))
{
val
.
replace
(
/
\d
+
[
ur
]
px$/i
,
text
=>
{
return
uni
.
upx2px
(
parseFloat
(
text
))
})
}
return
parseFloat
(
val
)
||
0
}
}
}
}
</
script
>
</
script
>
<
style
>
uni-cover-view
{
display
:
block
;
line-height
:
1.2
;
overflow
:
hidden
;
white-space
:
nowrap
;
}
uni-cover-view
[
hidden
]
{
display
:
none
;
}
uni-cover-view
.uni-cover-view
{
width
:
100%
;
height
:
100%
;
text-overflow
:
inherit
;
overflow
:
hidden
;
white-space
:
inherit
;
-webkit-align-items
:
inherit
;
align-items
:
inherit
;
-webkit-justify-content
:
inherit
;
justify-content
:
inherit
;
-webkit-flex-direction
:
inherit
;
flex-direction
:
inherit
;
-webkit-flex-wrap
:
inherit
;
flex-wrap
:
inherit
;
display
:
inherit
;
overflow
:
inherit
;
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录