今天开发一个用户隐私保护弹窗
先看效果图:
首先创建一个自定义组件privacyDialog:
@Component
struct privacyDialog{
build(){
}
}
本文依然使用自定义弹窗CustomDialogController:
//弹窗控制器
controller: CustomDialogController
然后在自定义组件中添加相应内容,布局比较简单,不再细说,直接上代码:
Column(){
Flex({direction:FlexDirection.Row,justifyContent:FlexAlign.SpaceBetween}){
Text('用户隐私保护提示')
.fontColor(Color.White)
.fontSize(18)
.fontWeight(FontWeight.Bold)
.height(52)
Row(){
Image($r('app.media.img'))
.width(68)
.height(52)
.margin({right:5})
Image($r('app.media.close_img'))
.width(20)
.height(20)
.onClick(()=>{
this.controller.close()
})
}
.height(52)
.alignItems(VerticalAlign.Top)
}
.padding({top:18,left:12,right:12})
.width(303)
.height(70)
.