uni-app小程序与app端的兼容问题

整理在uni-app一套代码适配app&小程序遇到的兼容问题。持续更新…

uni-app单位问题：动态绑定的 style 不支持直接使用 upx

upx - 小程序与app都支持
rpx - 小程序支持

psupx换算使用：

若设计稿宽度为 640px，元素 A 在设计稿上的宽度为 100px，那么元素 A 在 uni-app 里面的宽度应该设为：750 * 100 / 640，结果为：117upx。
若设计稿宽度为 375px，元素 B 在设计稿上的宽度为 200px，那么元素 B 在 uni-app 里面的宽度应该设为：750 * 200 / 375，结果为：400upx。

uni-app小程序使用网页嵌套：在界面中嵌套别的网址界面显示

app端支持<web-view> 也支持<iframe>
小程序仅支持<web-view>
注意⚠：下面这个必须为https域名，http域名部分iphone无法响应
```
 <web-view src="https://www.baidu.com/?tn=62095104_10_dg"></web-view>
```
uni-app小程序图片不显示（真机调试时）

解决1 - 给图片专门设width && height
解决2 - 使用相对路径
解决3 - 如果是给<view>设了background。改成<image url="">
uni-app小程序点击事件无效（@click真机调试时）

原因1 层级不够高
解决：设置z-index
原因2 (如下例)真机调试input聚焦时，按钮无法点击。
解决：不要让按钮覆盖在输入框上，让他保持在输入框右边

uni-app小程序与app端的兼容问题相关推荐

外贸商城ERP系统-海外跨境电商平台【APP+小程序+PC多端同步商城系统】
外贸商城ERP跨境电商系统是帮助打开海外贸易,线上出海贸易的平台,欢迎名片探讨开发跨境电商系统,相互学习成长. 一.基础功能架构跨境全球跨境贸易多语言无货源多国货币一键铺货后台采集多 ...
小程序和APP谁将主导未来？
APP和小程序的未来会怎么样?小程序的出现真的会加速APP的灭亡吗?今天这篇文章,是对小程序和App未来发展格局的一些思考,更多的是想提醒各位拥抱小程序的的参与者,我们在决定参与这场狂欢的同时,切勿盲 ...
uniapp使用uni.createInnerAudioContext()实现在app 小程序 h5有声书的倍速功能
uni.createInnerAudioContext()实现在app 小程序 h5有声书的倍速功能官网提供的api进行的开发,自我感觉没啥问题,但是在不同的端上好像有的好使有的不好使,暂时不知道啥 ...
SCRM电商会员管理系统+导购端+商城app+小程序电商+移动端商城+电商web端后台管理+商城前后端系统+移动端商家端+电商app+购物车+订单+商城系统+电商看板+电商后台+优惠券+积分+会员
作品介绍:SCRM电商会员管理系统+导购端+商城app/小程序高保真SAAS实战web+移动端原型设计+电商web端后台管理+商城前后端系统+移动端商家端/用户端+电商用户数据大屏看板+订单管理+营 ...
Java后端对接微信支付(微信小程序、APP、PC端扫码)非常全，包含查单、退款
首先我们要明确目标,我们点击微信支付官网 ,我们主要聚焦于这三种支付方式,其中JSPAI与APP主要与uniapp开发微信小程序与APP对接,而NATIVE主要与网页端扫码支付对接 1.三种支付统一 ...
uniapp中的分享功能实现(APP,小程序，公众号)
uniapp中的分享功能实现(APP,小程序,公众号) 1.APP端的分享 app端的分享可以直接使用uniapp封装的方法uni.share,uni-app的App引擎已经封装了微信.QQ.微博的分 ...
省钱兄校园跑腿源码（公众号+APP+小程序+Android+IOS）校园跑腿社区跑腿同城跑腿任务兼职小程序uniapp前端模版
开源代码是用户端uniapp部分源码,使用hbuilder导入即可运行只提供参考学习使用!已经获得软著!不可商业使用!感谢支持 h5体验地址 h5:https://paotui.xianmxkj.c ...
uni-app支付相关配置和代码（H5+APP+小程序+requestPayment service fail not found报错)
借鉴文章: uniapp 开发过程中遇到的微信支付调用失败 payment微信:-1]General errors","errCode":-100,"cod ...
微信不再提供小程序打开App？借助H5为App引流的方式你必须知道！
简介: 2021年5月14日App开发者领域发布了一条重要消息:微信开放平台为了提升用户体验,将于2021年5月20日(后来延期到2021年5月27日)起不再提供"小程序打开App技术服务& ...
小程序和android联调,小程序打开APP指定页面
小程序打开APP指定页面一.小程序端准备 1.最好将小程序基础调试库调整至较为新的版本.(我选择的是大于2.5.1的版本) 2.从官网把代码 copy 过来,记得看看 button 的小程序打开ap ...

uni-app小程序与app端的兼容问题

uni-app小程序与app端的兼容问题相关推荐

最新文章

热门文章