前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布

nvue坑

作者头像
阿超
发布2022-08-17 21:23:53
3500
发布2022-08-17 21:23:53
举报
文章被收录于专栏:快乐阿超快乐阿超

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

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

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

uniapp-nvue文档

weex文档

image-20211101194520857
image-20211101194520857

要注意这里

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

image-20211101195951761
image-20211101195951761

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

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

image-20211101200656255
image-20211101200656255

当然transition: all 1s;也不行

image-20211101200733475
image-20211101200733475

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

代码语言:javascript
复制
transition-property: width;
transition-duration: 1s;

缩写就是:

代码语言:javascript
复制
transition: width 1s linear 2s;

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

代码语言:javascript
复制
.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中间逗号一定不能加空格

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-11-01,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档