Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
tomleePHP
uni-app
提交
753f47b8
U
uni-app
项目概览
tomleePHP
/
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,发现更多精彩内容 >>
提交
753f47b8
编写于
12月 21, 2018
作者:
郭
郭胜强
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: 解决picker-view组件动态设置高度后显示异常的问题
上级
a1ee8f2e
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
59 addition
and
45 deletion
+59
-45
src/core/view/components/picker-view-column/index.vue
src/core/view/components/picker-view-column/index.vue
+41
-25
src/core/view/components/picker-view/index.vue
src/core/view/components/picker-view/index.vue
+18
-20
未找到文件。
src/core/view/components/picker-view-column/index.vue
浏览文件 @
753f47b8
...
...
@@ -9,7 +9,6 @@ export default {
return
{
scope
:
`picker-view-column-
${
Date
.
now
()}
`
,
inited
:
false
,
height
:
34
,
indicatorStyle
:
''
,
indicatorClass
:
''
,
indicatorHeight
:
34
,
...
...
@@ -20,6 +19,9 @@ export default {
}
},
computed
:
{
height
()
{
return
this
.
$parent
.
height
},
maskSize
()
{
return
(
this
.
height
-
this
.
indicatorHeight
)
/
2
}
...
...
@@ -49,8 +51,6 @@ export default {
// this.__pageRerender = this._pageRerender.bind(this)
},
mounted
:
function
()
{
this
.
height
=
this
.
$el
.
offsetHeight
this
.
indicatorHeight
=
this
.
$refs
.
indicator
.
offsetHeight
this
.
touchtrack
(
this
.
$refs
.
main
,
'
_handleTrack
'
,
true
)
this
.
setCurrent
(
this
.
current
)
this
.
$nextTick
(()
=>
{
...
...
@@ -61,7 +61,7 @@ export default {
methods
:
{
_setItemHeight
(
height
)
{
var
style
=
document
.
createElement
(
'
style
'
)
style
.
innerText
=
`.uni-picker
__
content.
${
this
.
scope
}
>*{height:
${
height
}
px;overflow: hidden;}`
style
.
innerText
=
`.uni-picker
-
content.
${
this
.
scope
}
>*{height:
${
height
}
px;overflow: hidden;}`
document
.
head
.
appendChild
(
style
)
},
_handleTrack
:
function
(
e
)
{
...
...
@@ -122,6 +122,11 @@ export default {
var
current
=
Math
.
min
(
this
.
current
,
index
)
this
.
_scroller
.
update
(
current
*
this
.
indicatorHeight
,
undefined
,
this
.
indicatorHeight
)
})
},
_resize
({
height
})
{
this
.
indicatorHeight
=
height
}
},
render
(
createElement
)
{
...
...
@@ -135,24 +140,31 @@ export default {
[
createElement
(
'
div
'
,
{
ref
:
'
main
'
,
staticClass
:
'
uni-picker
__
group
'
staticClass
:
'
uni-picker
-
group
'
},
[
createElement
(
'
div
'
,
{
ref
:
'
mask
'
,
staticClass
:
'
uni-picker
__
mask
'
,
staticClass
:
'
uni-picker
-
mask
'
,
class
:
this
.
maskClass
,
style
:
`background-size: 100%
${
this
.
maskSize
}
px;
${
this
.
maskStyle
}
`
}),
createElement
(
'
div
'
,
{
ref
:
'
indicator
'
,
staticClass
:
'
uni-picker
__
indicator
'
,
staticClass
:
'
uni-picker
-
indicator
'
,
class
:
this
.
indicatorClass
,
style
:
this
.
indicatorStyle
}),
},
[
createElement
(
'
v-uni-resize-sensor
'
,
{
attrs
:
{
initial
:
true
},
on
:
{
resize
:
this
.
_resize
}
})]),
createElement
(
'
div
'
,
{
ref
:
'
content
'
,
staticClass
:
'
uni-picker
__
content
'
,
staticClass
:
'
uni-picker
-
content
'
,
class
:
this
.
scope
,
style
:
`padding:
${
this
.
maskSize
}
px 0;`
},
...
...
@@ -173,24 +185,28 @@ uni-picker-view-column {
overflow
:
hidden
;
}
.uni-picker__group
{
uni-picker-view-column
[
hidden
]
{
display
:
none
;
}
.uni-picker-group
{
height
:
100%
;
}
.uni-picker
__
mask
{
.uni-picker
-
mask
{
transform
:
translateZ
(
0
);
-webkit-transform
:
translateZ
(
0
);
}
.uni-picker
__
indicator
,
.uni-picker
__
mask
{
.uni-picker
-
indicator
,
.uni-picker
-
mask
{
position
:
absolute
;
left
:
0
;
width
:
100%
;
z-index
:
3
;
}
.uni-picker
__
mask
{
.uni-picker
-
mask
{
top
:
0
;
height
:
100%
;
margin
:
0
auto
;
...
...
@@ -205,15 +221,15 @@ uni-picker-view-column {
background-repeat
:
no-repeat
;
}
.uni-picker
__
indicator
{
.uni-picker
-
indicator
{
height
:
34px
;
/* top: 102px; */
top
:
50%
;
transform
:
translateY
(
-50%
);
}
.uni-picker
__
indicator
,
.uni-picker
__
mask
{
.uni-picker
-
indicator
,
.uni-picker
-
mask
{
position
:
absolute
;
left
:
0
;
width
:
100%
;
...
...
@@ -221,7 +237,7 @@ uni-picker-view-column {
pointer-events
:
none
;
}
.uni-picker
__
content
{
.uni-picker
-
content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
...
...
@@ -230,13 +246,13 @@ uni-picker-view-column {
padding
:
102px
0
;
}
.uni-picker
__
content
>
*
{
.uni-picker
-
content
>
*
{
height
:
34px
;
overflow
:
hidden
;
}
.uni-picker
__
indicator
:after
,
.uni-picker
__
indicator
:before
{
.uni-picker
-
indicator
:after
,
.uni-picker
-
indicator
:before
{
content
:
" "
;
position
:
absolute
;
left
:
0
;
...
...
@@ -245,7 +261,7 @@ uni-picker-view-column {
color
:
#e5e5e5
;
}
.uni-picker
__
indicator
:before
{
.uni-picker
-
indicator
:before
{
top
:
0
;
border-top
:
1px
solid
#e5e5e5
;
-webkit-transform-origin
:
0
0
;
...
...
@@ -254,7 +270,7 @@ uni-picker-view-column {
transform
:
scaleY
(
0.5
);
}
.uni-picker
__
indicator
:after
{
.uni-picker
-
indicator
:after
{
bottom
:
0
;
border-bottom
:
1px
solid
#e5e5e5
;
-webkit-transform-origin
:
0
100%
;
...
...
@@ -263,8 +279,8 @@ uni-picker-view-column {
transform
:
scaleY
(
0.5
);
}
.uni-picker
__
indicator
:after
,
.uni-picker
__
indicator
:before
{
.uni-picker
-
indicator
:after
,
.uni-picker
-
indicator
:before
{
content
:
" "
;
position
:
absolute
;
left
:
0
;
...
...
src/core/view/components/picker-view/index.vue
浏览文件 @
753f47b8
...
...
@@ -31,7 +31,7 @@ export default {
data
()
{
return
{
valueSync
:
[...
this
.
value
],
height
:
0
,
height
:
34
,
items
:
[],
changeSource
:
''
}
...
...
@@ -62,23 +62,8 @@ export default {
})
}
}
},
indicatorStyle
()
{
},
indicatorClass
()
{
},
maskStyle
()
{
},
maskClass
()
{
}
},
mounted
:
function
()
{
this
.
height
=
this
.
$el
.
offsetHeight
},
methods
:
{
getItemIndex
(
vnode
)
{
return
this
.
items
.
indexOf
(
vnode
)
...
...
@@ -94,10 +79,15 @@ export default {
this
.
$set
(
this
.
valueSync
,
index
,
val
)
}
},
_valueChanged
:
function
(
val
)
{
_valueChanged
(
val
)
{
this
.
items
.
forEach
(
function
(
item
,
index
)
{
item
.
componentInstance
.
setCurrent
(
val
[
index
]
||
0
)
})
},
_resize
({
height
})
{
this
.
height
=
height
}
},
render
(
createElement
)
{
...
...
@@ -114,11 +104,19 @@ export default {
'
uni-picker-view
'
,
{
on
:
this
.
$listeners
},
[
createElement
(
'
div
'
,
{
},
[
createElement
(
'
v-uni-resize-sensor
'
,
{
attrs
:
{
initial
:
true
},
on
:
{
resize
:
this
.
_resize
}
}),
createElement
(
'
div
'
,
{
ref
:
'
wrapper
'
,
'
class
'
:
'
uni-picker-view-wrapper
'
},
items
)])
},
items
)
])
}
}
</
script
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录