feat: 메인 라이브

- 커뮤니티 신규 UI 사이즈 적용
This commit is contained in:
Yu Sung
2025-07-22 03:34:22 +09:00
parent a4663d0853
commit a744376847
8 changed files with 93 additions and 54 deletions

View File

@@ -17,82 +17,73 @@ struct CreatorCommunityItemView: View {
HStack(spacing: 11) {
KFImage(URL(string: item.creatorProfileUrl))
.cancelOnDisappear(true)
.downsampling(
size: CGSize(
width: 40,
height: 40
)
)
.resizable()
.frame(width: 40, height: 40)
.clipShape(Circle())
Text(item.creatorNickname)
.font(.custom(Font.medium.rawValue, size: 13.3))
.foregroundColor(Color.grayee)
VStack(alignment: .leading, spacing: 0) {
Text(item.creatorNickname)
.font(.custom(Font.preBold.rawValue, size: 18))
.foregroundColor(Color.white)
Text(item.date)
.font(.custom(Font.preRegular.rawValue, size: 14))
.foregroundColor(Color(hex: "78909C"))
}
Spacer()
Text(item.date)
.font(.custom(Font.light.rawValue, size: 13.3))
.foregroundColor(Color.gray77)
}
HStack(spacing: 0) {
Text(item.content)
.font(.custom(Font.medium.rawValue, size: 12))
.foregroundColor(Color.graybb)
.font(.custom(Font.preRegular.rawValue, size: 18))
.foregroundColor(Color(hex: "B0BEC5"))
.fixedSize(horizontal: false, vertical: true)
.lineLimit(3)
.truncationMode(.tail)
Spacer()
if let imageUrl = item.imageUrl {
KFImage(URL(string: imageUrl))
.cancelOnDisappear(true)
.downsampling(
size: CGSize(
width: 53.3,
height: 53.3
)
)
.resizable()
.frame(width: 53.3, height: 53.3)
.cornerRadius(4.7)
.frame(width: 64, height: 64)
.cornerRadius(12)
.blur(radius: item.existOrdered || item.price <= 0 ? 0 : 15)
} else {
Rectangle()
.foregroundColor(Color.gray22.opacity(0))
.frame(width: 53.3, height: 53.3)
.frame(width: 64, height: 64)
}
}
HStack(spacing: 13.3) {
HStack(spacing: 6) {
Image("ic_heart_777")
HStack(spacing: 4) {
Image("ic_heart_78909c")
.resizable()
.frame(width: 13.3, height: 13.3)
.frame(width: 24, height: 24)
Text("\(item.likeCount)")
.font(.custom(Font.medium.rawValue, size: 11))
.foregroundColor(Color.gray77)
.font(.custom(Font.preRegular.rawValue, size: 18))
.foregroundColor(Color(hex: "78909C"))
}
HStack(spacing: 6) {
Image("ic_message_square_777")
HStack(spacing: 4) {
Image("ic_comment_78909c")
.resizable()
.frame(width: 13.3, height: 13.3)
.frame(width: 24, height: 24)
Text("\(item.commentCount)")
.font(.custom(Font.medium.rawValue, size: 11))
.foregroundColor(Color.gray77)
.font(.custom(Font.preRegular.rawValue, size: 18))
.foregroundColor(Color(hex: "78909C"))
}
}
}
.frame(maxWidth: .infinity, alignment: .leading)
.padding(13.3)
.background(Color.gray22)
.cornerRadius(11)
.padding(16)
.background(Color(hex: "263238"))
.cornerRadius(16)
}
}