小程序(二)目录的基本结构

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
项目创建之后,整体结构和vue是基本相同的。
阅读 https://uniapp.dcloud.io/frame 均可以得到了解整个运行的机制和声明周期。文档还是要多看看。比如尺寸单位就不一样了。
vue页面支持普通H5单位,但在nvue里不支持:

rem 默认根字体大小为 屏幕宽度/20(微信小程序、头条小程序、App、H5)
vh viewpoint height,视窗高度,1vh等于视窗高度的1%
vw viewpoint width,视窗宽度,1vw等于视窗宽度的1%
nvue还不支持百分比单位。

App端,在 pages.json 里的 titleNView 或页面里写的 plus api 中涉及的单位,只支持 px。注意此时不支持 rpx
nvue中,uni-app 模式(nvue 不同编译模式介绍)可以使用 px 、rpx,表现与 vue 中一致。weex 模式目前遵循weex的单位,它的单位比较特殊:

px:,以750宽的屏幕为基准动态计算的长度单位,与 vue 页面中的 rpx 理念相同。(一定要注意 weex 模式的 px,和 vue 里的 px 逻辑不一样。)
wx:与设备屏幕宽度无关的长度单位,与 vue 页面中的 px 理念相同。

了解了这些,在我们调试多端的时候就会起到一定的作用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

神奇的网友

day day up

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值