Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
小浣熊撸代码
uni-app
提交
656e096f
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,发现更多精彩内容 >>
提交
656e096f
编写于
5月 13, 2021
作者:
D
DCloud_LXH
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(h5): picker
上级
93e2b2e6
变更
7
展开全部
隐藏空白更改
内联
并排
Showing
7 changed file
with
3183 addition
and
828 deletion
+3183
-828
packages/uni-cli-shared/src/deps.ts
packages/uni-cli-shared/src/deps.ts
+5
-0
packages/uni-components/src/components/movable-area/index.tsx
...ages/uni-components/src/components/movable-area/index.tsx
+2
-1
packages/uni-h5/dist/uni-h5.cjs.js
packages/uni-h5/dist/uni-h5.cjs.js
+1643
-142
packages/uni-h5/dist/uni-h5.es.js
packages/uni-h5/dist/uni-h5.es.js
+871
-126
packages/uni-h5/src/view/components/index.ts
packages/uni-h5/src/view/components/index.ts
+2
-1
packages/uni-h5/src/view/components/picker/index.vue
packages/uni-h5/src/view/components/picker/index.vue
+455
-558
packages/uni-h5/style/picker.css
packages/uni-h5/style/picker.css
+205
-0
未找到文件。
packages/uni-cli-shared/src/deps.ts
浏览文件 @
656e096f
...
...
@@ -24,4 +24,9 @@ export const COMPONENT_DEPS_CSS = {
'
rich-text
'
:
[
RESIZE_SENSOR_CSS
],
textarea
:
[
RESIZE_SENSOR_CSS
],
'
web-view
'
:
[
RESIZE_SENSOR_CSS
],
picker
:
[
RESIZE_SENSOR_CSS
,
`
${
BASE_COMPONENTS_STYLE_PATH
}
picker-view.css`
,
`
${
BASE_COMPONENTS_STYLE_PATH
}
picker-view-column.css`
,
],
}
packages/uni-components/src/components/movable-area/index.tsx
浏览文件 @
656e096f
...
...
@@ -12,6 +12,7 @@ import {
import
{
useAttrs
,
withWebEvent
}
from
'
@dcloudio/uni-components
'
import
{
initScrollBounce
,
disableScrollBounce
}
from
'
../../helpers/scroll
'
import
ResizeSensor
from
'
../resize-sensor/index
'
import
{
flatVNode
}
from
'
../../helpers/flatVNode
'
const
props
=
{
scaleArea
:
{
...
...
@@ -98,7 +99,7 @@ export default /*#__PURE__*/ defineComponent({
return
()
=>
{
const
defaultSlots
=
slots
.
default
&&
slots
.
default
()
movableViewItems
=
defaultSlots
||
[]
movableViewItems
=
flatVNode
(
defaultSlots
)
return
(
<
uni
-
movable
-
area
...
...
packages/uni-h5/dist/uni-h5.cjs.js
浏览文件 @
656e096f
此差异已折叠。
点击以展开。
packages/uni-h5/dist/uni-h5.es.js
浏览文件 @
656e096f
此差异已折叠。
点击以展开。
packages/uni-h5/src/view/components/index.ts
浏览文件 @
656e096f
...
...
@@ -3,5 +3,6 @@ import WebView from './web-view/index'
import
Map
from
'
./map/index
'
import
CoverView
from
'
./cover-view/index.vue
'
import
CoverImage
from
'
./cover-image/index.vue
'
import
Picker
from
'
./picker/index.vue
'
export
{
Video
,
WebView
,
Map
,
CoverView
,
CoverImage
}
export
{
Video
,
WebView
,
Map
,
CoverView
,
CoverImage
,
Picker
}
packages/uni-h5/src/view/components/picker/index.vue
浏览文件 @
656e096f
此差异已折叠。
点击以展开。
packages/uni-h5/style/picker.css
0 → 100644
浏览文件 @
656e096f
uni-picker
{
position
:
relative
;
display
:
block
;
cursor
:
pointer
;
}
uni-picker
[
hidden
]
{
display
:
none
;
}
uni-picker
[
disabled
]
{
cursor
:
not-allowed
;
}
.uni-picker-container
{
display
:
none
;
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
box-sizing
:
border-box
;
z-index
:
999
;
font-size
:
16px
;
}
.uni-picker-container
.uni-picker-custom
*
{
box-sizing
:
border-box
;
}
.uni-picker-container
.uni-picker-custom
{
position
:
fixed
;
left
:
0
;
bottom
:
0
;
transform
:
translate
(
0
,
100%
);
backface-visibility
:
hidden
;
z-index
:
999
;
width
:
100%
;
background-color
:
#efeff4
;
visibility
:
hidden
;
transition
:
transform
0.3s
,
visibility
0.3s
;
}
.uni-picker-container
.uni-picker-custom.uni-picker-toggle
{
visibility
:
visible
;
transform
:
translate
(
0
,
0
);
}
.uni-picker-container
.uni-picker-content
{
position
:
relative
;
display
:
block
;
width
:
100%
;
height
:
238px
;
background-color
:
white
;
}
.uni-picker-container
.uni-picker-item
{
padding
:
0
;
height
:
34px
;
line-height
:
34px
;
text-align
:
center
;
color
:
#000
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
overflow
:
hidden
;
cursor
:
pointer
;
}
.uni-picker-container
.uni-picker-header
{
display
:
block
;
position
:
relative
;
text-align
:
center
;
width
:
100%
;
height
:
45px
;
background-color
:
#fff
;
}
.uni-picker-container
.uni-picker-header
:after
{
content
:
''
;
position
:
absolute
;
left
:
0
;
bottom
:
0
;
right
:
0
;
height
:
1px
;
clear
:
both
;
border-bottom
:
1px
solid
#e5e5e5
;
color
:
#e5e5e5
;
transform-origin
:
0
100%
;
transform
:
scaleY
(
0.5
);
}
.uni-picker-container
.uni-picker-action
{
display
:
block
;
max-width
:
50%
;
top
:
0
;
height
:
100%
;
box-sizing
:
border-box
;
padding
:
0
14px
;
font-size
:
17px
;
line-height
:
45px
;
overflow
:
hidden
;
cursor
:
pointer
;
}
.uni-picker-container
.uni-picker-action.uni-picker-action-cancel
{
float
:
left
;
color
:
#888
;
}
.uni-picker-container
.uni-picker-action.uni-picker-action-confirm
{
float
:
right
;
color
:
#007aff
;
}
.uni-picker-container
.uni-picker-select
{
display
:
none
;
}
.uni-picker-system
{
position
:
absolute
;
display
:
none
;
display
:
block
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
}
.uni-picker-system
>
input
{
position
:
absolute
;
border
:
none
;
height
:
100%
;
opacity
:
0
;
/* Chrome 无效 */
cursor
:
pointer
;
}
.uni-picker-system
>
input
.firefox
{
top
:
0
;
left
:
0
;
width
:
100%
;
}
.uni-picker-system
>
input
.chrome
{
/* 日历空白位置宽度 32px */
top
:
0
;
left
:
0
;
width
:
2em
;
font-size
:
32px
;
height
:
32px
;
}
@media
screen
and
(
min-width
:
500px
)
and
(
min-height
:
500px
)
{
.uni-mask.uni-picker-mask
{
background
:
none
;
}
.uni-picker-container
.uni-picker-custom
{
width
:
300px
;
left
:
50%
;
right
:
auto
;
top
:
50%
;
bottom
:
auto
;
transform
:
translate
(
-50%
,
-50%
);
opacity
:
0
;
border-radius
:
5px
;
transition
:
opacity
0.3s
,
visibility
0.3s
;
box-shadow
:
0px
0
20px
5px
rgba
(
0
,
0
,
0
,
0.3
);
}
.uni-picker-container
.uni-picker-header
{
border-radius
:
5px
5px
0
0
;
}
.uni-picker-container
.uni-picker-content
{
/* transform 用于解决 Safari overflow 失效的问题 */
transform
:
translate
(
0
0
);
overflow
:
hidden
;
border-radius
:
0
0
5px
5px
;
}
.uni-picker-container
.uni-picker-custom.uni-picker-toggle
{
opacity
:
1
;
transform
:
translate
(
-50%
,
-50%
);
}
.uni-selector-select
.uni-picker-header
,
.uni-selector-select
.uni-picker-content
{
display
:
none
;
}
.uni-selector-select
.uni-picker-select
{
display
:
block
;
max-height
:
300px
;
overflow
:
auto
;
background-color
:
white
;
border-radius
:
5px
;
padding
:
6px
0
;
}
.uni-selector-select
.uni-picker-item
{
padding
:
0
10px
;
color
:
#555555
;
}
.uni-selector-select
.uni-picker-item
:hover
{
background-color
:
#f6f6f6
;
}
.uni-selector-select
.uni-picker-item.selected
{
color
:
#007aff
;
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录