Open1
上半分がはみ出るようなカードデザイン
@ViewBuilder
func productCardView(product: Product) -> some View {
VStack(spacing: 10.0) {
// 画像
Image(product.productImage)
.resizable()
.aspectRatio(contentMode: .fit)
.frame(width: getRect().width / 2.5, height: getRect().width / 2.5)
// 画像を上部に移動する.
.offset(y: -80)
.padding(.bottom, -80)
// タイトルなど
Text(product.title)
.font(.custom(customFont, size: 18))
.fontWeight(.semibold)
.padding(.top)
}
.padding(.horizontal, 20)
.padding(.bottom, 22)
.background(
Color.white.cornerRadius(25)
)
}