下载一张图片,即时工具-致力打造即用即走型在线工具箱 (67tool.com)包含许多在线工具,图片分割-支持批量将图片分割成四宫格、九宫格、十六宫格,支持自定义行与列-即时工具 (67tool.com)为一个图片分割工具
![](https://i-blog.csdnimg.cn/blog_migrate/d23d59d09536ca1cefe523c912004ed9.png)
将图片拖到页面中,行列设置各为10.
![](https://i-blog.csdnimg.cn/blog_migrate/661e65de1a481295c969d45f15166534.png)
随后下载全部。
打开HBuilder.exe 并将下载的图片拖到img中
![](https://i-blog.csdnimg.cn/blog_migrate/0aaf02dd150110516e7ffee4aa000d80.png)
利用v-for进行页面列表渲染。
![](https://i-blog.csdnimg.cn/blog_migrate/0fef0d60b35ec510b0313cd64562dcd3.png)
v-show进行控制页面元素显示或隐藏。
![](https://i-blog.csdnimg.cn/blog_migrate/4bc2f89de0199f92a374b7a26ebb7eaa.png)
加以组件
![](https://i-blog.csdnimg.cn/blog_migrate/09da4e1f838e6b1feb514aaa64fa7a77.png)
设置样式
![](https://i-blog.csdnimg.cn/blog_migrate/cb0d799121741838003188ae8cab1da3.png)
谷歌运行结果后
![](https://i-blog.csdnimg.cn/blog_migrate/b3f7609aef3916f14538a093a576ef80.png)
下载一张图片,即时工具-致力打造即用即走型在线工具箱 (67tool.com)包含许多在线工具,图片分割-支持批量将图片分割成四宫格、九宫格、十六宫格,支持自定义行与列-即时工具 (67tool.com)为一个图片分割工具
将图片拖到页面中,行列设置各为10.
随后下载全部。
打开HBuilder.exe 并将下载的图片拖到img中
利用v-for进行页面列表渲染。
v-show进行控制页面元素显示或隐藏。
加以组件
设置样式
谷歌运行结果后