项目创建之后,整体结构和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 理念相同。
了解了这些,在我们调试多端的时候就会起到一定的作用。