区块链、APP、公众号、小程序、物联网、智能硬件、网站开发新模式,安全,超速,可控。
所在位置:
uni-app教程
uni-app切片工具-怎么制作swiper实现icons分页显示--动态计算
      人气:


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


版权所有 © 2017 ymznkf.com. 成都玉目科技有限公司 蜀ICP备17032468号-1