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

下面讲解如何进行小程序的切片规则：

基本原理：本软件是基于盒子模型开发出来的，即大框里包含小框的原理。

基本规则：同一切片内只能出现并行（即水平方向一行一行的）或者并列（即垂直方向一列一列的）的子切片。

操作顺序：从上到下，从左到右，逐层嵌套。

操作流程：

按下面的情况，生成出来的样式就是相对路径的，就是正确的切法：

网页切片是分很多层的，就象photoshop一样，在我们的软件中，把它称为层级.

1．大框里面包含小框

2.一个切片内可以是左右并列结构（即垂直方向一列一列的，列和列不能交叉）

3.一个切片可以是上下并行结构（即水平方向上一行一行的，行和行不能交叉）

4.可以是以上三种情况逐层嵌套而成的的混合结构

什么叫逐层嵌套？

首先我们的网页是由很多层切片组成的，就象photoshp一样，由很多图层组成，在网页中叫切片层，大的图层在最下面，小的图层在上面，所以我们切的时候，就要先切出大的切片，再在小的切片里面切出更小的切片，再在更小的切片里面切出最小的切片，这样一层一层地深入下去，最后才能切出一个合格的页面出来。

按下面的切法，切出来可能是乱的，是错误的切法：

1.右边的三个没有包起来

2.不能重叠，这样是不允许的，边缘可以重叠，但不能超出。

3.不能出现相同大小、相同位置的层。

怎么判断切片是否正确的？

1.如果一个切片内的子切片不是左右结构或者上下结构，就是错误的！
2.导出是乱的，就是切片错误的！