nvue坑

简介: nvue坑

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

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

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

uniapp-nvue文档

weex文档

要注意这里

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

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

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

当然transition: all 1s;也不行

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

transition-property: width;
transition-duration: 1s;

缩写就是:

transition: width 1s linear 2s;

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

.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中间逗号一定不能加空格

相关文章
|
8月前
|
移动开发 前端开发 JavaScript
uView LoadingIcon 加载动画
uView LoadingIcon 加载动画
135 1
uni-app自定义导航栏
uni-app自定义导航栏
119 0
|
8月前
|
小程序
uni-app中vue3+setup实现下拉刷新、上拉加载更多效果
uni-app中vue3+setup实现下拉刷新、上拉加载更多效果
865 2
|
8月前
|
移动开发 JavaScript 小程序
uView Swiper 轮播图
uView Swiper 轮播图
206 0
|
8月前
|
移动开发 小程序 JavaScript
uView Navbar 自定义导航栏
uView Navbar 自定义导航栏
291 0
Vue3 antdv 如何动态渲染 icons-vue 图标(a-icon 不支持了)
Vue3 antdv 如何动态渲染 icons-vue 图标(a-icon 不支持了)
458 0
|
8月前
|
小程序 JavaScript
微信小程序:如何在{{}}中使用函数?WXML+WXS
微信小程序:如何在{{}}中使用函数?WXML+WXS
721 0
|
小程序 JavaScript 前端开发
微信小程序 | 小程序WXSS-WXML-WXS
微信小程序 | 小程序WXSS-WXML-WXS
|
移动开发 JavaScript 前端开发
uniapp中nvue与vue的区别?
uniapp中nvue与vue的区别?
332 0
|
移动开发 JSON 前端开发
UniAPP nvue 与 vue 开发的常见区别
UniAPP nvue 与 vue 开发的常见区别
354 0