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

相关文章
|
小程序
微信小程序在使用vant组件van-nav-bar出现的边框bug问题解决
微信小程序在使用vant组件van-nav-bar出现的边框bug问题解决
187 0
|
2月前
Vue3走马灯(Carousel)
这是一个基于 Vue2 的走马灯(Carousel)组件,支持丰富的自定义配置。主要属性包括图片数组、宽度、高度、自动切换、暂停轮播、过渡效果、轮播间隔、箭头和指示点等。组件提供了多种过渡效果(如滑动和渐变)及动画时长设置,并允许自定义箭头和指示点的样式。此外,还支持通过键盘方向键进行切换,提供了灵活的使用方法。
Vue3走马灯(Carousel)
|
5月前
|
JavaScript 前端开发
iconfont 图标在vue里的使用
iconfont 图标在vue里的使用
473 0
|
2月前
|
JavaScript
Vue3文字滚动(TextScroll)
这是一个可定制的文字滚动组件,支持水平和垂直滚动。主要属性包括滚动文字数组 `scrollText`、是否启用单条文字滚动 `single`、滚动区域宽高 `width` 和 `height`、滚动区域和文字样式 `boardStyle` 和 `textStyle`、滚动条数 `amount`、间距 `gap`、动画间隔 `interval` 和 `step`、以及垂直滚动时间间隔 `verticalInterval`。组件内置多种样式调整功能,并提供在线预览示例。
Vue3文字滚动(TextScroll)
|
2月前
Vue2走马灯(Carousel)
这是一个基于 Vue2 的走马灯轮播组件(Carousel),支持鼠标移入暂停、移出后自动轮播。用户可以自定义设置轮播图片数组、滑动间隔时间、图片宽高。该组件提供了两种滑动效果实现方式:一种是通过 `setInterval` 延时调用,另一种是使用 `requestAnimationFrame()`,后者效果更佳。组件还支持图片懒加载,适用于多种应用场景。
146 0
Vue2走马灯(Carousel)
|
3月前
|
JavaScript
vue 头像修改-裁剪图片 vue-cropper
vue 头像修改-裁剪图片 vue-cropper
132 0
|
5月前
|
JavaScript
Vue-Awesome-Swiper基本能解决你所有的轮播需求(vue的问题)
Vue-Awesome-Swiper基本能解决你所有的轮播需求(vue的问题)
504 1
|
5月前
|
前端开发 JavaScript
Vue+Swiper实现轮播图效果
Vue+Swiper实现轮播图效果
147 1
Vue3 antdv 如何动态渲染 icons-vue 图标(a-icon 不支持了)
Vue3 antdv 如何动态渲染 icons-vue 图标(a-icon 不支持了)
390 0
|
5月前
|
JavaScript
Vue Material div 添加水波纹效果
Vue Material div 添加水波纹效果
73 0