nvue坑

2021-11-01

前端

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

前两天用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
transition-property: width;
transition-duration: 1s;

缩写就是:

1
transition: width 1s linear 2s;

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

1
2
3
4
5
6
7
8
9
10
.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中间逗号一定不能加空格