-
本节课继续产品列表页面的制作,首先添加一个滚动视图,设置滚动方向为垂直方向,并且不显示垂直滚动条。
-
添加一个循环语句,对包含六个元素的数组进行遍历。
-
接着添加一个HStack视图,作为并排两个产品图片的容器。
-
添加一个ZStack视图,作为产品图片和其背景视图的容器。
-
绘制一个圆角矩形,并设置圆角半径为10。接着按下键盘上的command键。
第7章第9节:完成电子商务列表页面剩余内容的制作 [SwiftUI快速入门到实战]
![](https://img-home.csdnimg.cn/images/20240711042549.png)
本节课继续产品列表页面的制作,首先添加一个滚动视图,设置滚动方向为垂直方向,并且不显示垂直滚动条。
添加一个循环语句,对包含六个元素的数组进行遍历。
接着添加一个HStack视图,作为并排两个产品图片的容器。
添加一个ZStack视图,作为产品图片和其背景视图的容器。
绘制一个圆角矩形,并设置圆角半径为10。接着按下键盘上的command键。