uni-app框架,uniapp插件开发

uni-app开发教程栏目介绍组件使用情况

　　UNI-APP开发(仿饿)开发课程：进入学习

推荐（免费）：uni-app开发教程

1、picker 列表数据不显示

　　 !-选择类别-

　　查看class=艺术美食

　　查看文章分类/查看

　　视图class=

　　选取器模式=选择器范围= caties @ change= cateChange

　　视图{ { caties[current cateindex]} }/视图

　　/选取器

　　/查看

　　/viewrange格式错误。

　　！-选择类别-

　　查看class=艺术美食

　　查看文章分类/查看

　　视图class=

　　选取器模式=选择器:范围= caties @ change= cateChange

　　视图{ { caties[current cateindex]} }/视图

　　/选取器

　　/查看

　　/view

2.icon图标h5端不支持

　　！-单独使用图标组件-

　　Icon= search size= 14/icon或

　　！-图标组件和字体图标一起使用-

　　icon class= icon font UC-scan /icon

　　注意：无论图标组件是单独使用还是与字体图标组合使用，只要有任何一个图标组件h5报错，都可以用下面的方法解决各端图标组件的差异。

　　适配方案1: uni-app还支持字体图标text class= icon font UC-scan /text或

　　text class= iconfont # xe604/text注意：如果使用网络路径字体图标，网络路径必须添加协议头https。注意：图标组件改为文本后，字体图标的大小、边距和颜色可能与预期不一样，可以适当调整。比如：

　　 icon fontuc-liebiao/icon更改为：

　　view class= margin-right-xs text-orange

　　text class= icon font UC-lie Biao /text

　　/查看适配方案二：图标适配方案三：使用colorui-uni-app中的图标。

　　(1)下载源代码并解压备注：在uni-app中新建一个ColorUI模板项目，也可以获得ColorUI-uni app项目的源代码。

　　(2)将ColorUI-UniApp项目目录下的/colorui文件夹复制到你的项目根目录下。

　　(3)App.vue介绍关键CSS main.cssicon.css。

　　风格

　　@ import color ui/main . CSS ；

　　@ import color ui/icon . CSS ；

　　@ import app.css/*您的项目css */

　　.

　　/style(4)使用ColorUI的图标

　　text class= cuIcon-scan /text想了解更多编程学习，敬请关注php培训栏目！

　　以上是uni-app组件使用详解的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。