//
// Bannber.swift
// SwiftUIDemo
//
// Created by Mac on 2023/12/8.
//
import SwiftUI
struct Bannber: View {
//var banImage:String
var body: some View {
ZStack{
Image("beijing")
.resizable()
.scaledToFit()
.frame(width: 255,height: 144)
.clipShape(RoundedRectangle(cornerRadius: 10))
HStack{
Text("北京")
.fontWeight(.bold)
.font(.system(size: 14))
.foregroundColor(Color.white)
+ Text(".12 目的地")
.font(.system(size: 10))
.foregroundColor(Color.white)
}
.fontWeight(.medium)
.padding(.horizontal,5)
.padding(.vertical,5)
.background(
RoundedRectangle(cornerRadius: 5).fill(Color("bannColor"))
)
// 调整文本的位置， offset修饰符 xy
.offset(x:-70,y:50)
}
.overlay (
ZStack{
Group{
Circle().fill(Color.white)
.opacity(0.2)
.scaleEffect(1)
.frame(width: 26, height: 26, alignment: .center)
}
Button {
} label: {
Image(systemName: "heart.fill")
.foregroundColor(Color.white)
.frame(width: 15, height: 14)
}
}//:zstack
.padding(.top,15)
.padding(.trailing,15)
,alignment: .topTrailing
)
}
}
struct Bannber_Previews: PreviewProvider {
static var previews: some View {
Bannber()
}
}
