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

相关文章
|
4月前
|
移动开发 JavaScript 小程序
uView Popup 弹出层
uView Popup 弹出层
81 0
|
4月前
vue3.0 vant popup渲染不出来的解决办法
vue3.0 vant popup渲染不出来的解决办法
91 0
|
4月前
|
前端开发 JavaScript
u-popup组件在UniApp中的讲解
u-popup组件在UniApp中的讲解
237 0
|
20天前
|
JavaScript
Vue2面包屑(Breadcrumb)
这篇文章介绍了如何在Vue 3框架中创建一个面包屑(Breadcrumb)组件,支持自定义路由数组、面包屑高度和分隔符。
Vue2面包屑(Breadcrumb)
|
20天前
Vue3走马灯(Carousel)
这是一个基于 Vue2 的走马灯(Carousel)组件,支持丰富的自定义配置。主要属性包括图片数组、宽度、高度、自动切换、暂停轮播、过渡效果、轮播间隔、箭头和指示点等。组件提供了多种过渡效果(如滑动和渐变)及动画时长设置,并允许自定义箭头和指示点的样式。此外,还支持通过键盘方向键进行切换,提供了灵活的使用方法。
Vue3走马灯(Carousel)
|
20天前
Vue3面包屑(Breadcrumb)
该Breadcrumb组件允许自定义设置多个属性,包括路由数组、面包屑类名和样式、文本最大显示宽度、分隔符及样式、以及目标URL的打开方式。通过这些配置项,可以轻松实现不同样式的面包屑导航。组件支持点击跳转,并且能够处理带查询参数的路径。在线预览展示了其丰富的定制功能。可通过引入并在页面中使用该组件来快速构建导航结构。
Vue3面包屑(Breadcrumb)
|
20天前
Vue2走马灯(Carousel)
这是一个基于 Vue2 的走马灯轮播组件(Carousel),支持鼠标移入暂停、移出后自动轮播。用户可以自定义设置轮播图片数组、滑动间隔时间、图片宽高。该组件提供了两种滑动效果实现方式:一种是通过 `setInterval` 延时调用,另一种是使用 `requestAnimationFrame()`,后者效果更佳。组件还支持图片懒加载,适用于多种应用场景。
Vue2走马灯(Carousel)
|
19天前
|
JavaScript
Vue3抽屉(Drawer)
这是一个基于Vue的抽屉组件(Drawer),提供了丰富的自定义选项,如宽度、高度、标题、关闭按钮等,并支持顶部、右侧、底部和左侧四种方向。
Vue3抽屉(Drawer)
|
20天前
|
JavaScript
Vue2走马灯扩展版(Carousel)
这篇文章介绍了如何在Vue 3框架中创建一个可自定义的走马灯(Carousel)组件,支持自动播放、导航、分页和响应用户交互等功能。
Vue2走马灯扩展版(Carousel)
|
4月前
|
JavaScript 前端开发 UED
教你用vue自定义指令做一个组件的遮罩层loading效果
教你用vue自定义指令做一个组件的遮罩层loading效果
380 0