uni-app切片工具(小程序切片)是一款根据效果图像画画一样来设计uni-app小程序,自动生成导出前端页面的快速开发工具。可以很方便、快速地生成小程序的wxml,wcss,js文件。可以大大提高您的工作效率,减少前端布局的编写工作。
下面讲解如何进行小程序的列表切片方法:
有些列表如下图所示:
先切一个大框框起来,再在里面切一个项目的切片,设置好字体、颜色等样式。
如下图所示:
在属性栏中的数据源面板中的调用条数中设置一下重复的条数,比如重复6条。如下图所示:
最后刷新生成。
导出到目标小程序中就可以看到效果了。
如果里面的文字或者图片要从js中或者后端调用来,我们可以设置一下“字体和文本”面板中的“生成js中的变量和服务器端(单个绑定)”,如下图所示:
刷新,生成,导出,就会在js中看到相应的变量赋值了。如下图所示: