区块链、APP、公众号、小程序、物联网、智能硬件、网站开发新模式,安全,超速,可控。
所在位置:
uni-app教程
uni-app切片工具-怎么切列表,重复的列表,如文章列表,产品列表?
      人气:


uni-app切片工具(小程序切片)是一款根据效果图像画画一样来设计uni-app小程序,自动生成导出前端页面的快速开发工具。可以很方便、快速地生成小程序的wxml,wcss,js文件。可以大大提高您的工作效率,减少前端布局的编写工作。

下面讲解如何进行小程序的列表切片方法:


有些列表如下图所示:

 

先切一个大框框起来,再在里面切一个项目的切片,设置好字体、颜色等样式。

如下图所示:

在属性栏中的数据源面板中的调用条数中设置一下重复的条数,比如重复6条。如下图所示:

最后刷新生成。

导出到目标小程序中就可以看到效果了。


如果里面的文字或者图片要从js中或者后端调用来,我们可以设置一下“字体和文本面板中的“生成js中的变量和服务器端(单个绑定)”,如下图所示:


刷新,生成,导出,就会在js中看到相应的变量赋值了。如下图所示:



uniapp切片软件下载地址:http://www.ymznkf.com/new_view_669.htm



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