feat: 메인 라이브
- 커뮤니티 신규 UI 사이즈 적용
This commit is contained in:
@@ -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)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user