nvue页面开发注意事项 页面空白

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;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容