Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
e081c259
U
uni-app
项目概览
DCloud
/
uni-app
4 个月 前同步成功
通知
731
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看板
未验证
提交
e081c259
编写于
5月 08, 2020
作者:
折
折腾笔记
提交者:
GitHub
5月 08, 2020
浏览文件
操作
浏览文件
下载
差异文件
Merge pull request #1648 from blackbox079/patch-3
Update docs
上级
4b463118
f62a1373
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
63 addition
and
63 deletion
+63
-63
docs/component/form.md
docs/component/form.md
+60
-60
docs/component/video.md
docs/component/video.md
+2
-2
docs/component/web-view.md
docs/component/web-view.md
+1
-1
未找到文件。
docs/component/form.md
浏览文件 @
e081c259
...
...
@@ -94,66 +94,66 @@
```
![
uniapp
](
https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/form.png?t=201857
)
**小程序端注意事项**
小程序端在
`f
rom`
内的自定义组件内有
`input`
等表单控件时,无法在
`form`
的
`submit`
事件内获取组件内表单控件值,此时可以使用
`behaviors`
,示例如下:
```
html
<!-- /pages/index/index.vue -->
<template>
<view
class=
"content"
>
<form
@
submit=
"onSubmit"
>
<comp-input
name=
"test"
v-model=
"testValue"
></comp-input>
<button
form-type=
"submit"
>
Submit
</button>
</form>
</view>
</template>
<script>
export
default
{
data
()
{
return
{
testValue
:
'
Hello
'
}
},
methods
:
{
onSubmit
(
e
)
{
console
.
log
(
e
)
}
}
}
</script>
<style>
</style>
```
```
html
<!-- /components/compInput/compInput.vue -->
<template>
<view>
<input
name=
"test"
style=
"border: solid 1px #999999;height: 80px;"
type=
"text"
@
input=
"onInput"
:value=
"value"
/>
</view>
</template>
<script>
export
default
{
name
:
'
compInput
'
,
behaviors
:
[
'
uni://form-field
'
],
methods
:
{
onInput
(
e
)
{
this
.
$emit
(
'
input
'
,
e
.
detail
.
value
)
}
}
}
</script>
<style>
</style>
```
**小程序端注意事项**
小程序端在
`f
orm`
内的自定义组件内有
`input`
等表单控件时,无法在
`form`
的
`submit`
事件内获取组件内表单控件值,此时可以使用
`behaviors`
,示例如下:
```
html
<!-- /pages/index/index.vue -->
<template>
<view
class=
"content"
>
<form
@
submit=
"onSubmit"
>
<comp-input
name=
"test"
v-model=
"testValue"
></comp-input>
<button
form-type=
"submit"
>
Submit
</button>
</form>
</view>
</template>
<script>
export
default
{
data
()
{
return
{
testValue
:
'
Hello
'
}
},
methods
:
{
onSubmit
(
e
)
{
console
.
log
(
e
)
}
}
}
</script>
<style>
</style>
```
```
html
<!-- /components/compInput/compInput.vue -->
<template>
<view>
<input
name=
"test"
style=
"border: solid 1px #999999;height: 80px;"
type=
"text"
@
input=
"onInput"
:value=
"value"
/>
</view>
</template>
<script>
export
default
{
name
:
'
compInput
'
,
behaviors
:
[
'
uni://form-field
'
],
methods
:
{
onInput
(
e
)
{
this
.
$emit
(
'
input
'
,
e
.
detail
.
value
)
}
}
}
</script>
<style>
</style>
```
**tips**
-
[
插件市场
](
http://ext.dcloud.net.cn/search?q=%E8%A1%A8%E5%8D%95%E6%A0%A1%E9%AA%8C
)
有表单校验插件
docs/component/video.md
浏览文件 @
e081c259
...
...
@@ -29,7 +29,7 @@
|show-center-play-btn|Boolean|true|是否显示视频中间的播放按钮|字节跳动小程序不支持|
|enable-progress-gesture|Boolean|true|是否开启控制进度的手势|字节跳动小程序不支持|
|object-fit|String|contain|当视频大小与 video 容器大小不一致时,视频的表现形式。contain:包含,fill:填充,cover:覆盖|微信小程序、字节跳动小程序、H5|
|poster|String||视频封面的图片网络资源地址,如果 controls 属性值为 false 则设置 poster 无效||
|poster|String||视频封面的图片网络资源地址,如果 controls 属性值为 false 则设置 poster 无效||
|show-mute-btn|Boolean|false|是否显示静音按钮|微信小程序|
|title|String||视频的标题,全屏时在顶部展示|微信小程序|
|play-btn-position|String|bottom|播放按钮的位置|微信小程序、字节跳动小程序|
...
...
@@ -183,7 +183,7 @@ export default {
-
如何实现抖音、映客等全屏视频垂直滑动切换效果?
*
微信基础库 2.4.0 和 app端nvue 2.1.5 以上,可通过在垂直的swiper中内嵌video来实现。原生导航栏设置为custom,视频长宽设为手机屏幕大小,通过cover-view覆盖视频内容。插件市场有相关
[
示例
](
https://ext.dcloud.net.cn/search?q=%E6%8A%96%E9%9F%B3
)
-
`<video/>`
组件在非H5端是原生组件,层级高于普通前端组件,覆盖其需要使用
[
cover-view
](
https://uniapp.dcloud.io/component/cover-view?id=cover-view
)
组件或plus.nativeObj.view、subNVue。微信基础库 2.4.0 起已支持 video 组件的同层渲染,也就是video在非全屏时,可以被前端元素通过调节zindex来遮挡,但video全屏时,仍需要cover-view覆盖。
-
`<video/>`
组件在非H5端是原生组件,层级高于普通前端组件,覆盖其需要使用
[
cover-view
](
https://uniapp.dcloud.io/component/cover-view?id=cover-view
)
组件或plus.nativeObj.view、subNVue。微信基础库 2.4.0 起已支持 video 组件的同层渲染,也就是video在非全屏时,可以被前端元素通过调节z
-
index来遮挡,但video全屏时,仍需要cover-view覆盖。
-
除微信基础库 2.4.0 和app端nvue页面 2.1.5 以上,其他情况下非H5的video不能放入scroll-view和swiper。注意参考
[
原生组件使用限制
](
/component/native-component
)
。
-
App平台:使用
`<video/>`
组件,打包 App 时必须勾选 manifest.json->App 模块权限配置->VideoPlayer 模块。
...
...
docs/component/web-view.md
浏览文件 @
e081c259
#### web-view
`web-view`
是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指
的
宽高)。
`web-view`
是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指
定
宽高)。
> 各小程序平台,web-view 加载的 url 需要在后台配置域名白名单,包括内部再次 iframe 内嵌的其他 url 。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录