Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
cde29c4a
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3202
Star
106
Fork
814
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
94
列表
看板
标记
里程碑
合并请求
70
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
94
Issue
94
列表
看板
标记
里程碑
合并请求
70
合并请求
70
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
cde29c4a
编写于
12月 03, 2024
作者:
W
wanganxp
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
补充层级说明
上级
cbb3bf18
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
8 addition
and
2 deletion
+8
-2
docs/component/map.md
docs/component/map.md
+4
-1
docs/component/video.md
docs/component/video.md
+4
-1
未找到文件。
docs/component/map.md
浏览文件 @
cde29c4a
...
...
@@ -330,7 +330,10 @@ nvue map 更换箭头图标格式参考: [https://ask.dcloud.net.cn/article/3790
**注意事项**
-
App端 map 组件实例同时存在个数有上限(大概10个)超过后会显示黑色,如果页面深度过深,每个页面都需要显示map组件,可以使用 v-if 控制一下,页面隐藏的时候销毁当前页面的 map 组件,页面显示的时候在创建。
-
小程序和app-vue中,
`<map>`
组件是由引擎创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。在
`<map>`
上绘制内容,可使用组件自带的
`marker、controls`
等属性,也可以使用
`<cover-view>`
组件。App端还可以使用plus.nativeObj.view 或 subNVue 绘制原生内容,
[
参考
](
/component/native-component
)
。另外App端nvue文件不存在层级问题。从微信基础库2.8.3开始,支持map组件的同层渲染,不再有层级问题。app的iOS、Android、鸿蒙新增了腾讯地图,腾讯地图在这3个平台使用web渲染,没有层级问题。
-
小程序和app-vue中,
`<map>`
组件是由引擎创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。在
`<map>`
上绘制内容,可使用组件自带的
`marker、controls`
等属性,也可以使用
`<cover-view>`
组件。App端还可以使用plus.nativeObj.view 或 subNVue 绘制原生内容,
[
参考
](
/component/native-component
)
。
*
App端nvue文件不存在层级问题。
*
从微信基础库2.8.3开始,支持map组件的同层渲染,不再有层级问题。
*
app的iOS、Android、鸿蒙新增了腾讯地图,腾讯地图在这3个平台使用web渲染,没有层级问题。
-
微信小程序端
`controls`
属性即将废弃,
[
详情
](
https://developers.weixin.qq.com/miniprogram/dev/component/map.html
)
。如果所用基础库支持同层渲染,则可以直接使用
`<view>`
组件,否则使用
`<cover-view>`
组件
-
App端nvue文件的map和小程序拉齐度更高。vue里的map则与plus.map功能一致,和小程序的地图略有差异。
**App端使用map推荐使用nvue。**
-
App端使用到本地图像的话,打包前需要设置资源为释放模式,在manifest文件内app-plus新增runmode节点,设置值为liberate。
...
...
docs/component/video.md
浏览文件 @
cde29c4a
...
...
@@ -206,7 +206,10 @@ ijkplayer作为一个开源库,比腾讯视频等商业sdk仍有差距。如
-
App平台:使用
`<video/>`
组件,打包 App 时必须勾选 manifest.json->App 模块权限配置->VideoPlayer 模块。此模块体积较大,非默认内置。
-
App平台:如果使用的视频路径为本地路径,需要配置资源为释放模式:在 manifest.json 文件内 app-plus 节点下新增 runmode 配置,设置值为liberate。
-
App平台:如果想使用非原生的video,即原来普通的html5自带video,可使用web-view组件load html页面,在其中使用普通h5 video。
-
App平台:如果想使用非原生的video,即原来普通的html5自带video。有2种方案:
*
1. 可使用web-view组件load html页面,在其中使用普通h5 video
*
2. 使用renderjs,在渲染层直接创建video组件。插件市场有这方面的
[
插件
](
https://ext.dcloud.net.cn/search?q=%E8%A7%86%E9%A2%91%E5%B1%82%E7%BA%A7&orderBy=Relevance&cat1=2&cat2=21
)
使用webview的video,好处是没有层级覆盖问题,部分video格式的兼容性更好;坏处是受webview版本限制,在低端Android(5、6)上表现逊于原生video。如果不考虑老Android手机,可以使用这种方案。
-
App平台:app-vue即使选择了使用x5内核,也不会使用x5的video播放,仍然使用uni-app的App引擎自带的原生视频播放。
-
App平台:3.6.14 以及 手机系统 iOS16 以上video
**全屏**
需要配置应用支持横屏: 在 manifest.json 文件内 app-plus 节点下新增 screenOrientation 配置,设置值为["portrait-primary","portrait-secondary","landscape-primary","landscape-secondary"]。
-
H5平台: 在部分浏览器中会强制调用原生播放器播放(如:微信内置浏览器、UC浏览器等),在 x5 内核的浏览器中支持配置
[
同层播放器
](
https://x5.tencent.com/docs/video.html
)
。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录