uni-app切片工具(小程序切片)是一款根据效果图像画画一样来设计uni-app小程序,自动生成导出前端页面的快速开发工具。可以很方便、快速地生成小程序的wxml,wcss,js文件。可以大大提高您的工作效率,减少前端布局的编写工作。
下面讲解如何进行小程序的怎么制作swiper实现icons分页显示--动态计算
1.在需要制作icons分页的地方,切出一个大框,选中此框,在下面的属性栏中选择【特效】面板,再点击【设置特效】如下图所示:
2.在弹出的对话框中选择【滑动】,再点击【编辑】,如下图所示:
3.在弹出的对话框中,设置好每页的调用条数,如下图所示:
4.在【内容切片】面板中,对效果图进行切片,只需要切一个模板项就可以了。设置好相关属性,点保存,如下图所示:
5.在工具栏中【刷新结构】,【生成】导出就可以了。
6.导成出来的图片,是重复的,可以在js中的data部份,进行手工修改。如下图所示:
感谢参考:https://blog.csdn.net/qq_36437172/article/details/82847181