页面练习（1）

最新推荐文章于 2024-02-16 23:06:58 发布

白羊大树

最新推荐文章于 2024-02-16 23:06:58 发布

阅读量93

点赞数

分类专栏： # SwiftUI练习案例

本文链接：https://blog.csdn.net/qq_36924683/article/details/119643762

版权

SwiftUI练习案例专栏收录该内容

3 篇文章 0 订阅

订阅专栏

import SwiftUI
struct WeiboView: View {
    var body: some View {
        HStack(content: {
            Image("a1")
                .resizable()
                .scaledToFill()
                .frame(width: 60, height:60)
                .clipShape(Circle())
                .padding(.leading, 10)
                .overlay(
                    Text("V")
                        .bold()
                        .font(.system(size: 23))
                        .padding(5)
                        .foregroundColor(.orange)
                        .background(Color.red)
                        .clipShape(Circle())
                        .overlay(Circle().stroke(Color.white))
                        .offset(x: 30, y: 22)
                )
            VStack(alignment: .leading, content: {
                Text("用户昵称")
                    .font(.system(size: 24))
                    .foregroundColor(Color.orange)
                Text("2021年8月11日")
                    .font(.system(size: 16))
                    .foregroundColor(Color.gray.opacity(0.9))
            })
            .padding(.leading, 10)
            Spacer()
            Button(action: {}, label: {
                Text("关注")
                    .padding(.horizontal, 8)
                    .padding(.vertical, 3)
                    .font(.title3)
                    .foregroundColor(Color.orange)
                    .overlay(
                        RoundedRectangle(cornerRadius: 20)
                            .stroke(Color.orange, lineWidth: 1)
                    )
            })
            .padding(.trailing,10)
        })
        .frame(height: 80)
        .background(Color.gray.opacity(0.1))
        .cornerRadius(10)
        .padding(.horizontal,10)
    }
}
struct WeiboView_Previews: PreviewProvider {
    static var previews: some View {
        WeiboView()
    }
}