1、nvue 页面默认使用 flex 布局,并且只能使用flex布局。
2、布局不能使用百分比、没有媒体查询。
3、选择器仅支持class 选择器
/* 错误 */
#id {}
.a .b .c {}
.a > .b {}
/* 正确 */
.class {}
4、不支持使用简写,如border、background
5、nvue 页面控制显隐只可以使用v-if不可以使用v-show
6、h5正常app异常的标签使用
body ==>page
div ul li ===>view
span ===> text 文字必须在text标签修改样式才会起作用
a ===> navigator
img ===> image
7、怎么设置高度100%
flex: 1 可充满屏幕高度,使用 flex: 1 2 3... 设置百分比
8、怎么设置宽度100%
如果是要设置宽度100%的话可以使用750rpx,nvue页面750rpx宽度默认为屏幕宽度全屏。
9、报错解决WARNING: display is not a standard property name (may not be supported)
将警告样式使用 ifndef APP-PLUS-NVUE 条件编译
10、lines: 2 设置不起作用,在text标签设置class,必须要有宽度
flex-wrap: wrap;
lines: 2;
max-width: 450rpx;