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 Tabbar 底部导航栏
uView Tabbar 底部导航栏
201 0
|
3月前
|
资源调度 JavaScript 前端开发
在 Vue 3 中实现流畅的 Swiper 滑动效果
本文介绍了如何在 Vue 3 项目中集成 Swiper,涵盖了从安装、基本用法到丰富的配置选项。通过简单的示例,读者将学习如何创建响应式的图片轮播,利用 Swiper 的循环、自动播放和自定义分页功能,提升用户体验。无论是简单的幻灯片还是复杂的滑块效果,Swiper 都能轻松实现,帮助开发者快速构建出美观的滑动组件。
942 0
|
5月前
|
JavaScript
Vue3抽屉(Drawer)
这是一个基于Vue的抽屉组件(Drawer),提供了丰富的自定义选项,如宽度、高度、标题、关闭按钮等,并支持顶部、右侧、底部和左侧四种方向。
180 0
Vue3抽屉(Drawer)
|
6月前
uniapp 底部导航栏 tabBar
uniapp 底部导航栏 tabBar
68 0
|
前端开发 小程序 开发者
微信小程序-WXSS学什么
什么是 WXSS • WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。 • WXSS 用来决定 WXML 的组件应该怎么显示。 • 为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改。
200 0
|
8月前
|
移动开发 小程序 JavaScript
uView Navbar 自定义导航栏
uView Navbar 自定义导航栏
284 0
|
8月前
|
小程序 JavaScript
微信小程序:如何在{{}}中使用函数?WXML+WXS
微信小程序:如何在{{}}中使用函数?WXML+WXS
690 0
|
小程序 前端开发 开发者
微信小程序-wxss样式
微信小程序-wxss样式
180 0
|
小程序 JavaScript 前端开发
微信小程序 | 小程序WXSS-WXML-WXS
微信小程序 | 小程序WXSS-WXML-WXS
|
移动开发 JavaScript 前端开发
uniapp中nvue与vue的区别
uniapp中nvue与vue的区别
215 0

热门文章

最新文章