uni-app开发App注意事项

news/2024/12/14 8:56:34/

技术选择

分包目前不支持Vue3

 

个人选择考虑:

1、vue2由于官方不维护了,所以uniapp也不维护了。

2、vue3使用proxy,不支持ios9。

3、目前插件市场中 vue2开发的插件占比更大。

4、如果app页面较多,需要开启分包,但是目前uniapp在vue3下,app分包不生效。

结论:所以选择用vue2版uniapp开发,但是需要注意,不能使用cil创建项目,否则在打包的时候会白屏。要通过HbuilderX创建项目。

设计相关

启动界面设置 

安卓端官方推荐 .9.png格式图片 (设计留意)

tab栏icon设计

icon 大小限制为 40kb,建议尺寸为 81px * 81px

视频/音频相关

video支持

  • App平台: 支持本地视频(mp4/flv)、网络视频地址(mp4/flv/m3u8)及流媒体(rtmp/hls/rtsp)

后期管理端需要对上传的视频做限制。或者不用原生的video,使用其他付费Api

  • 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平台: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"]。

音频支持

全屏渲染video

video层级过高,其他标签无法盖过video,这个时候需要使用cover-view 。

  • app端 2.1.5 以上nvue页面的video也可以通过cover-view来绘制界面覆盖元素

 cover-view标签需要注意 :使用nvue开发


http://www.ppmy.cn/news/1554973.html

相关文章

Ubuntu中iptables默认是开启的吗

不&#xff0c;Ubuntu 中 iptables 默认不是开启的。 虽然 Ubuntu 系统默认安装了 iptables 软件包&#xff08;你可以通过 dpkg -l iptables 或 which iptables 命令来验证&#xff09;&#xff0c;但这并不意味着 iptables 规则已经生效。实际上&#xff0c;iptables 的规则…

Windows通过指令查看已安装的驱动

Windows通过指令查看已安装的驱动 在 Windows 操作系统中&#xff0c;有几种命令可以用来查看已安装的驱动程序。以下是常见的几种方法&#xff1a; 1. 使用 pnputil 查看已安装驱动程序 pnputil 是一个 Windows 内置工具&#xff0c;可以列出所有已安装的驱动程序包。 命令…

【Linux】Systemtap在CentsOS9上测试成功了

在Ubuntu上测试没有成功&#xff0c;先看看运行成功的效果吧&#xff1a; 看到运行的效果&#xff0c;可以安心些&#xff0c;哈哈 指导操作来源于这里&#xff1a;SystemTap 主要来源于这里&#xff1a; https://sourceware.org/systemtap/SystemTap_Beginners_Guide/using-s…

计算机网络技术基础:1.计算机网络的产生与发展

从1946年世界上第一台计算机ENIAC的诞生&#xff0c;计算机网络的发展大体可分为以下4个阶段。 一、第一代计算机网络——面向终端的计算机网络 第一代计算机网络也称面向终端的计算机网络&#xff0c;它是以主机为中心的通信系统。这样的系统中&#xff0c;除一台中心计算机&…

OceanBase4.0 跟我学--分布式到底可靠不可靠,到底丢不丢数 ---- 什么是PALF

开头还是介绍一下群&#xff0c;如果感兴趣PolarDB ,MongoDB ,MySQL ,PostgreSQL ,Redis, OceanBase, Sql Server等有问题&#xff0c;有需求都可以加群群内有各大数据库行业大咖&#xff0c;可以解决你的问题。加群请联系 liuaustin3 &#xff0c;&#xff08;共2610人左右 1 …

如何利用Java爬虫获取商品销量详情

在当今数据驱动的时代&#xff0c;获取商品的销量数据对于市场分析、竞争对手研究以及制定营销策略至关重要。Java爬虫技术为我们提供了一种自动化获取网络数据的有效手段。本文将详细介绍如何利用Java爬虫获取商品销量详情&#xff0c;并提供一个完整的代码示例。 一、Java爬…

基于STM32的自动运输机器人设计

目录 引言系统设计 硬件设计软件设计系统功能模块 运动控制模块导航与避障模块任务管理模块电源管理模块控制算法 路径规划与导航算法避障算法代码实现 运动控制模块实现导航与避障模块实现任务管理模块实现系统调试与优化结论与展望 1. 引言 自动运输机器人在现代工业、仓储…

学习笔记:从ncsi/nc-si协议和代码了解网络协议的设计范式

学习笔记&#xff1a;从ncsi/nc-si协议和代码了解网络协议的设计范式 参考文档&#xff1a; https://www.dmtf.org/standards/published_documents https://www.dmtf.org/dsp/DSP0222 https://www.dmtf.org/sites/default/files/standards/documents/DSP0222_1.2.0.pdf参考代…