04.nvue开发


nvue开发注意项

nvue专用内置组件跟api
https://uniapp.dcloud.io/nvue-outline?id=_2开发nvue页面
网络示例
https://www.cnblogs.com/lzhCreate/p/13765622.html#appnvue专用组件

  • nvue 页面只能使用 flex 布局
  • 不能在 style 中引入字体文件
  • 不支持在css里写背景图background-image,但可以使用image组件和层级来实现类似web中的背景效果。因为原生开发本身也没有web这种背景图概念
  • nvue 的各组件在安卓端默认是透明的,如果不设置background-color
  • 文字内容,必须只能在text组件下,text组件不能换行写内容,否则会出现无法去除的周边空白
  • 只有text标签可以设置字体大小,字体颜色
  • 布局不能使用百分比、没有媒体查询。
  • 选择器仅支持class 选择器
  • border 不支持简写
  • background 不支持简写
  • v-show (控制元素显示隐藏,v-if和v-else结合使用,写两个v-if会造成样式错乱等)
  • nvue中内容超过用省略号( 前提要设置text的宽度)
  • vscode不兼容麻烦,尽量在hbuilder开发
  • nvue暂不支持navigator组件,请使用API跳转
  • 使用nvue开发导航栏时一定要注意
    subNVues是数组类型
    还有窗口显示出来但是内容不显示时记得重新编译一下
如果开发滚动功能,nvue的list组件能提高性能
list里面可以包裹cell组件
不要指定  的 flex 值。Cell 的宽度是由它的父容器决定的,你也不需要指定它的高度。
Cell 的排版的位置是由父容器控制的,所以一般不要为其指定 margin 样式
APP