51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

nvue坑

人之所以走入迷途,并不是由于他的无知,而是由于他自以为知。------卢梭 《爱弥儿》

前两天用nvue踩了不少坑,例如之前写的nvue引入图标坑就是一个

例如manifest.json中这里需要配置为weex才能使用weex渲染

uniapp-nvue文档

weex文档

image-20211101194520857

要注意这里

基本上是nvue的一些常见的坑

image-20211101195951761

还有其他的一些,例如一些不支持的css写法如transition

如果写成transition: 1s;则会提示

image-20211101200656255

当然transition: all 1s;也不行

image-20211101200733475

只能针对对应的过渡去写:

|-------------|----------------------------------------------------------------------| | 1 2 | hljs css transition-property: width; transition-duration: 1s; |

缩写就是:

|-----------|-------------------------------------------------| | 1 | hljs css transition: width 1s linear 2s; |

一般像不支持的全局属性,需要写在条件编译里

|------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 4 5 6 7 8 9 10 | hljs css .logo { height: 0; width: 0; /* #ifndef APP-PLUS-NVUE */ transition: all 1s; /* #endif */ /* #ifdef APP-PLUS-NVUE */ transition: width,height 1s; /* #endif */ } |

需要注意的是,我这里格式化,会把width,height中间加一个空格,就不生效了

多个transition中间逗号一定不能加空格

赞(0)
未经允许不得转载:工具盒子 » nvue坑