79 lines
2.8 KiB
Swift
79 lines
2.8 KiB
Swift
|
|
// 购物
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct ShoppingView: View {
|
|
@State var searchText = "" // 搜索的内容
|
|
|
|
var body: some View {
|
|
NavigationView {
|
|
VStack {
|
|
// 标题
|
|
HStack {
|
|
Image(systemName: "magnifyingglass")
|
|
TextField("二手手机和电脑", text: $searchText)
|
|
|
|
Spacer()
|
|
Button {} label: {
|
|
Image(systemName: "mappin.circle.fill")
|
|
}
|
|
|
|
Button {} label: {
|
|
Image(systemName: "map")
|
|
}
|
|
|
|
Button {} label: {
|
|
Image(systemName: "list.bullet")
|
|
}
|
|
}
|
|
.padding(.horizontal, 12)
|
|
.foregroundStyle(.black)
|
|
|
|
// 推荐的内容
|
|
ScrollView {
|
|
// 商品选项列表
|
|
LazyVGrid(columns: [
|
|
GridItem(.fixed(90)),
|
|
GridItem(.fixed(90)),
|
|
GridItem(.fixed(90)),
|
|
GridItem(.fixed(90))
|
|
]) {
|
|
ForEach(0 ..< 8) { index in
|
|
VStack {
|
|
Image("image-4")
|
|
.resizable()
|
|
.frame(width: 50, height: 50)
|
|
.aspectRatio(contentMode: .fit)
|
|
Text("列表\(index)")
|
|
}
|
|
}
|
|
}
|
|
.padding(.top, 20)
|
|
|
|
// 商品列表
|
|
HStack(alignment: .top, spacing: 4) {
|
|
VStack {
|
|
// CardView(banner: "image-1", title: "风景很不错", avatar: "avatar", userName: "张三")
|
|
// CardView(banner: "image-3", title: "看看我的车", avatar: "avatar", userName: "李四")
|
|
// CardView(banner: "image-4", title: "有绵羊啊", avatar: "avatar", userName: "奇怪")
|
|
}
|
|
VStack {
|
|
// CardView(banner: "image-2", title: "我的独家记忆", avatar: "avatar", userName: "赵六")
|
|
// CardView(banner: "image-1", title: "风景很不错", avatar: "avatar", userName: "张三")
|
|
// CardView(banner: "image-3", title: "看看我的车", avatar: "avatar", userName: "李四")
|
|
}
|
|
}
|
|
.background(.gray.opacity(0.1))
|
|
}
|
|
}
|
|
}
|
|
.toolbar(.hidden)
|
|
}
|
|
}
|
|
|
|
#Preview {
|
|
ShoppingView()
|
|
}
|