shishuangxi

优化弹框

import { WDRouterPage, WDRouterRule } from 'wdRouter';
const TAG = 'PageComponent';
/**
... ... @@ -7,7 +9,9 @@ const TAG = 'PageComponent';
export struct MinePageComponent {
// TODO 待完善
build() {
Text('我的页面')
Text('我的页面').onClick(()=>{
WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
})
}
}
... ...
@CustomDialog
export struct CustomProtocolDialog {
cancel: () => void=()=>{}
confirm: () => void=()=>{}
controller: CustomDialogController
cancel: () => void = () => {
}
confirm: () => void = () => {
}
build() {
Column() {
Text("温馨提示")
.fontColor("#222222")
.fontSize(23)
.fontSize(18)
.width("100%")
.fontWeight(FontWeight.Bold)
.textAlign(TextAlign.Center)
.margin({ top: 26 })
.margin({ top: 20 })
Text() {
Span("为保障您的合法权益,请阅读并同意").fontSize(18).fontColor("#666666")
Span("《用户协议》").fontSize(18).fontColor("#ED2800")
Span("及").fontSize(18).fontColor("#666666")
Span("《隐私政策》").fontSize(18).fontColor("#ED2800")
Span("后进行登录").fontSize(18).fontColor("#666666")
}.margin({ top: 15, left: 20, right: 20 })
Span("为保障您的合法权益,请阅读并同意").fontSize(14).fontColor("#666666")
Span("《用户协议》").fontSize(14).fontColor("#ED2800")
Span("及").fontSize(14).fontColor("#666666")
Span("《隐私政策》").fontSize(14).fontColor("#ED2800")
Span("后进行登录").fontSize(14).fontColor("#666666")
}.margin({ top: 12, left: 16, right: 16 })
Divider().color("#999999").width("100%").margin({ top: 18 }).height('0.5vp')
Divider().color("#999999").width("100%").margin({ top: 14 }).height('1vp')
Row() {
Text('放弃登录')
.fontSize(20)
.fontSize(16)
.fontColor("#999999")
.layoutWeight(1)
.fontWeight(FontWeight.Medium)
... ... @@ -35,18 +39,19 @@ export struct CustomProtocolDialog {
this.cancel()
}
}).height('100%')
})
.height('100%')
// Divider().color("#999999").height('100%').width('0.5vp')
Text('同意并登录')
.fontSize(20)
.fontSize(16)
.fontColor("#ED2800")
.layoutWeight(1)
.fontWeight(FontWeight.Medium)
.textAlign(TextAlign.Center)
.border({
width:{left:1},
color:"#999999",
style:{left:BorderStyle.Solid}
width: { left: 1 },
color: "#999999",
style: { left: BorderStyle.Solid }
})
.onClick(() => {
... ... @@ -54,8 +59,9 @@ export struct CustomProtocolDialog {
if (this.confirm) {
this.confirm()
}
}).height('100%')
})
.height('100%')
}.layoutWeight(1).justifyContent(FlexAlign.Center)
}.height(206).backgroundColor(Color.White).borderRadius(8)
}.height(161).backgroundColor(Color.White).borderRadius(6).width('74%')
}
}
\ No newline at end of file
... ...
... ... @@ -51,7 +51,8 @@ struct LoginPage {
this.requestLogin()
}
}),
// alignment:DialogAlignment.Center
customStyle: true,
alignment:DialogAlignment.Center
})
loginViewModel = new LoginViewModel()
... ...