使用uni-app nvue注意事项

---

前言

提示：不管是nvue与vue页面,如果某些属性未生效,请确认你最终编译到那个平台,然后再根据平台支持那些属性去代替未生效属性

---

一、nvue只支持flex布局

1. nvue页flex布局默认为column、垂直布局

/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: column;
//建议:在用到该属性或者你觉得可以不加时不管水平还是垂直,均最好加上,方便后期编译到不同平台减少后期修改布局样式造成的差异

2. vue页flex布局默认为水平
   

二、nvue不支持100%与vw、vh

三、nvue单行文本或多行文本溢出显示省略号

下面展示一些 代码片。

overflow: hidden;
text-overflow: ellipsis;
lines: 1;
//lines 指文本行数 限制几行

---

结语

提示：我会一点点增加该篇文章。