uniapp中使用nvue注意事项

文章发布于2020年09月07日 15:09, 归类于: 前端

nvue注意事项

  • 以打包成app后的结果为准,使用开发工具测试的结果不代表正确,
  • .vue 和 .nvue 不是一个规范,所以.nvue不能用vue挂载的属性,建议统一封装工具函数导出,可挂载vue也可独自引入。
  • 不能用vuex。
  • 不支持less、scss。
  • 不支持%作长度单位,建议使用uni.getSystemInfo获取设置屏幕宽高。
  • 默认display:flex;flex-direction: column;布局,不支持其他布局(block、none);
  • 文本显示只能用text标签,否则设置样式不生效。
  • 部分css样式不支持,如box-sizing: border-box;border: 1px solid #000000;等等。
  • 只能用background-color设置背景色,用background不会起作用。
  • 设置边框
    border-width: 1px;
    border-style: solid;
    border-color: red;
    
  • text标签内不要留空,留空部分会撑开内容。

html

css

view

  • 文本溢出隐藏
lines: 1;
text-overflow: ellipsis;

转载请注明来源:《 uniapp中使用nvue注意事项》- rojerYong's Blog

文章链接:https://www.eoway.cn/article/1599462590.html

如果此文摘取了你的原创,请联系本站管理员,将对此文修改、删除处理。

--END--
上一篇:uniapp,在android平台和ios平台内使用高德地图 下一篇:联想小新13pro无法充电