Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
419d1e44
U
uni-app
项目概览
DCloud
/
uni-app
4 个月 前同步成功
通知
730
Star
38707
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看板
提交
419d1e44
编写于
11月 30, 2020
作者:
Q
qiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(h5): 修复非调试模式下 chrome 内日期类型 picker 点击不显示的问题
上级
a9f4a81f
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
18 addition
and
5 deletion
+18
-5
src/platforms/h5/view/components/picker/index.vue
src/platforms/h5/view/components/picker/index.vue
+18
-5
未找到文件。
src/platforms/h5/view/components/picker/index.vue
浏览文件 @
419d1e44
...
...
@@ -16,6 +16,7 @@
v-show=
"visible"
class=
"uni-mask uni-picker-mask"
@
click=
"_cancel"
@
mousemove=
"_fixInputPosition"
/>
</transition>
<div
...
...
@@ -88,6 +89,7 @@
<div
v-if=
"system"
class=
"uni-picker-system"
@
mousemove=
"_fixInputPosition"
>
<input
ref=
"input"
...
...
@@ -598,6 +600,15 @@ export default {
this
.
$nextTick
(()
=>
{
this
.
_change
()
})
},
_fixInputPosition
(
$event
)
{
if
(
this
.
system
===
'
chrome
'
)
{
const
rect
=
this
.
$el
.
getBoundingClientRect
()
const
style
=
this
.
$refs
.
input
.
style
const
fontSize
=
32
style
.
left
=
`
${
$event
.
clientX
-
rect
.
left
-
fontSize
*
1.5
}
px`
style
.
top
=
`
${
$event
.
clientY
-
rect
.
top
-
fontSize
*
0.5
}
px`
}
}
}
}
...
...
@@ -738,6 +749,8 @@ uni-picker[disabled] {
border
:
none
;
height
:
100%
;
opacity
:
0
;
/* Chrome 无效 */
cursor
:
pointer
;
}
.uni-picker-system
>
input
.firefox
{
...
...
@@ -747,12 +760,12 @@ uni-picker[disabled] {
}
.uni-picker-system
>
input
.chrome
{
/*
翻转且使用较大字体保证可点击日历按钮
*/
/*
日历空白位置宽度 32px
*/
top
:
0
;
right
:
100%
;
font-size
:
9999px
;
transform-origin
:
100%
0
;
transform
:
scaleX
(
-1
)
;
left
:
0
;
width
:
2em
;
font-size
:
32px
;
height
:
32px
;
}
@media
screen
and
(
min-width
:
500px
)
and
(
min-height
:
500px
)
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录