import SwiftUI struct QuantityFavouriteDetailView: View { @State private var counter : Int var body: some View { HStack(alignment:.center,spacing: 6){ Button(action: { if counter > 0 { counter -= 1 } }, label: { Image(systemName: "minus.circle") }) Text("\(counter)") Button(action: { if counter < 100 { counter += 1 } }, label: { Image(systemName: "plus.circle") }) Spacer() Button(action: {}, label: { Image(systemName: "herat.circle") .foregroundColor(.pink) }) } .font(.title) .foregroundColor(.black) .imageScale(.large) } } struct QuantityFavouriteDetailView_Previews: PreviewProvider { static var previews: some View { QuantityFavouriteDetailView() .previewLayout(.sizeThatFits) .padding() } }

这段代码是一个用于显示商品数量和收藏按钮的 SwiftUI 视图，其中使用了一个带有初始值的状态变量 `counter`。视图中包含三个按钮：减少数量按钮、显示数量标签和增加数量按钮，以及一个收藏按钮。用户可以通过点击加号或减号按钮来增加或减少商品数量，数量将显示在标签中。用户还可以通过点击收藏按钮来将商品添加到收藏夹中。

在代码中，使用了 HStack 来将按钮和标签水平排列，并使用了 Image 和 Text 来显示按钮和标签的内容。使用了 `.font`、`.foregroundColor` 和 `.imageScale` 等修饰符来设置按钮和标签的外观和大小。

在 `QuantityFavouriteDetailView_Previews` 中，使用了 `previewLayout` 和 `padding` 来设置视图的预览大小和内边距，以便在 Xcode 中进行预览。