uni-app开发注意点

一.特征

1.跨平台更多(一套代码,多段发行)

2.体验更好(组件、api与维修小程序一致,兼容weex原生渲染)

3.通用技术栈(vue语法、微信小程序api、内嵌mpvue)

4.开发生态,组件更丰富(支持通过npm安装第三方包、支持微信小程序自定义组件及sdk、兼容mpvue组件及项目、app端支持和原生混合编码、DCloud将发布插件市场)

二.注意

1.单位 upx ,支持的通用 css 单位包括 px、rpx

750 * 元素在设计稿中的宽度 / 设计稿基准宽度(若设计稿宽度为 640px,元素 A 在设计稿上的宽度为 100px,那么元素 A 应该设为:750 * 100 / 640=117rpx)

App端,在 pages.json 里的 titleNView 或页面里写的 plus api 中涉及的单位,只支持 px,不支持 rpx。早期 uni-app 提供了 upx ,目前已经推荐统一改为 rpx 了

2.uni-app 有两种路由跳转方式:使用navigator组件跳转、调用API跳转。

<navigator url="navigate/navigate?title=navigate" hover-class="navigator-hover">
</navigator>

uni.navigateTo({
    url: 'test?id=1&name=uniapp'
});

3.在pages.json里配置每个路由页面的路径及页面样式,不支持 Vue Router。

4.页面栈

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值