klaus/sodalive-ios
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(creator-profile): 콘텐츠 섹션 UI 변경

Browse Source
This commit is contained in:
Yu Sung
2025-10-17 06:49:15 +09:00
parent 3de1b2a7d6
commit d178ba101f
3 changed files with 97 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
SodaLive/Sources/Content/ContentListItemView.swift
View File

@@ -14,23 +14,23 @@ struct ContentListItemView: View {
var body: some View {
VStack(spacing: 10) {
HStack(spacing: 0) {
HStack(spacing: 8) {
ZStack(alignment: .topLeading) {
KFImage(URL(string: item.coverImageUrl))
.cancelOnDisappear(true)
.downsampling(size: CGSize(width: 66.7, height: 66.7))
.downsampling(size: CGSize(width: 85, height: 85))
.resizable()
.scaledToFill()
.frame(width: 66.7, height: 66.7, alignment: .top)
.frame(width: 85, height: 85, alignment: .top)
.clipped()
.cornerRadius(5.3)
.cornerRadius(12)
}
VStack(alignment: .leading, spacing: 0) {
VStack(alignment: .leading, spacing: 8) {
HStack(spacing: 8) {
if item.isScheduledToOpen {
Text("오픈예정")
.font(.custom(Font.medium.rawValue, size: 8))
.font(.custom(Font.preMedium.rawValue, size: 11))
.foregroundColor(Color(hex: "3bb9f1"))
.padding(2.6)
.background(Color(hex: "003851"))
@@ -38,14 +38,14 @@ struct ContentListItemView: View {
}
Text(item.themeStr)
.font(.custom(Font.medium.rawValue, size: 8))
.font(.custom(Font.preMedium.rawValue, size: 11))
.foregroundColor(Color(hex: "3bac6a"))
.padding(2.6)
.background(Color(hex: "28312b"))
.cornerRadius(2.6)
Text(item.duration!)
.font(.custom(Font.medium.rawValue, size: 8))
.font(.custom(Font.preMedium.rawValue, size: 11))
.foregroundColor(Color(hex: "777777"))
.padding(2.6)
.background(Color(hex: "222222"))
@@ -53,7 +53,7 @@ struct ContentListItemView: View {
if item.isPointAvailable {
Text("포인트")
.font(.custom(Font.medium.rawValue, size: 8))
.font(.custom(Font.preMedium.rawValue, size: 11))
.foregroundColor(.white)
.padding(2.6)
.background(Color(hex: "7849bc"))
@@ -68,43 +68,38 @@ struct ContentListItemView: View {
}
Text(item.title)
.font(.custom(Font.medium.rawValue, size: 12))
.foregroundColor(Color(hex: "d2d2d2"))
.font(.custom(Font.preMedium.rawValue, size: 18))
.foregroundColor(.white)
.multilineTextAlignment(.leading)
.padding(.top, 8)
.padding(.bottom, 10)
HStack(spacing: 13.3) {
HStack(spacing: 14) {
HStack(spacing: 6) {
Image("ic_heart_777")
.resizable()
.frame(width: 13.3, height: 13.3)
.frame(width: 18, height: 18)
Text("\(item.likeCount)")
.font(.custom(Font.medium.rawValue, size: 13.3))
.font(.custom(Font.preMedium.rawValue, size: 18))
.foregroundColor(Color(hex: "777777"))
}
HStack(spacing: 6) {
Image("ic_message_square_777")
.resizable()
.frame(width: 13.3, height: 13.3)
.frame(width: 18, height: 18)
Text("\(item.commentCount)")
.font(.custom(Font.medium.rawValue, size: 13.3))
.font(.custom(Font.preMedium.rawValue, size: 18))
.foregroundColor(Color(hex: "777777"))
}
}
}
.padding(.leading, 10.7)
.padding(.top, 8)
.padding(.bottom, 12)
Spacer()
if item.isOwned {
Text("소장중")
.font(.custom(Font.medium.rawValue, size: 13.3))
.font(.custom(Font.preMedium.rawValue, size: 14))
.foregroundColor(Color.gray11)
.padding(.horizontal, 5.3)
.padding(.vertical, 2.7)
@@ -112,7 +107,7 @@ struct ContentListItemView: View {
.cornerRadius(2.6)
} else if item.isRented {
Text("대여중")
.font(.custom(Font.medium.rawValue, size: 13.3))
.font(.custom(Font.preMedium.rawValue, size: 14))
.foregroundColor(Color.white)
.padding(.horizontal, 5.3)
.padding(.vertical, 2.7)
@@ -120,7 +115,7 @@ struct ContentListItemView: View {
.cornerRadius(2.6)
} else if item.isSoldOut {
Text("Sold Out")
.font(.custom(Font.medium.rawValue, size: 13.3))
.font(.custom(Font.preMedium.rawValue, size: 14))
.foregroundColor(Color.grayd2)
.padding(.horizontal, 5.3)
.padding(.vertical, 2.7)
@@ -136,13 +131,13 @@ struct ContentListItemView: View {
.frame(width: 17, height: 17)
Text("\(item.price)")
.font(.custom(Font.medium.rawValue, size: 12))
.foregroundColor(Color(hex: "909090"))
.font(.custom(Font.preMedium.rawValue, size: 14))
.foregroundColor(.white)
}
} else {
Text("무료")
.font(.custom(Font.medium.rawValue, size: 12))
.foregroundColor(Color(hex: "909090"))
.font(.custom(Font.preMedium.rawValue, size: 14))
.foregroundColor(.white)
}
}