theme: jzman
uview=uniapp+vue,uView是uni-app生态专用的UI框架。
1. 注意uview版本,uview 2.0与uview1.0
官方提示:uView2.0是继1.0
以来的一次重大更新,2.0
已全面兼容nvue
。
因此在接手项目的时候首先得看清楚,之前开发的是uview1还是2,package.json中的dependencies中可以看到如下所示:
可以看到,本项目使用的是2版本,因此在使用uview时,应该注意是2还是1版本。
2. API的不同。
比如上图中红框所示:uview2比较1版本,props以及events都有改变。
如keyName,该API是提供修改list中的Name值,在1版本中,该API为name,应该在写程序时,参考网上代码时要注意该代码是基于哪个版本写的,否则直接引用是无效的。
另外,新增的event事件“click”使用时也要注意,它的@click事件名是不需要加()的。
3. 修改uview中的style
当自己想要修改u-tabs中的font-size等,有时候通过控制台查看是无效的,此时可以使用如下方法:
&-tab{
background-color: #FFFFFF;
padding: 0 4% 0 2%;
color: #969799;
font-size: 24rpx !important;
::v-deep {
.u-tabs__wrapper__nav__item__text{
font-size: 24rpx;
}
}
}
使用深度作用选择器“v-deep”可以修改你想修改的style。
4. 建议
使用之前先看清楚版本,然后再根据版本去官网看看你需要用到的组件的API,这样使用起来会比较准确快速。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容