退出登录与账号注销：安全操作的 UI 确认流程

前言“海风日记“在“我的“页面底部提供了退出登录按钮点击后跳转回闪屏页。本文介绍退出登录的 UI 设计和安全操作流程。一、退出登录按钮Button(退出登录) .width(85%).height(48) .fontSize(16).fontColor(#D06060).fontWeight(FontWeight.Medium) .backgroundColor(#FFFFFF) .borderRadius(24) .border({ width: 1, color: rgba(208,96,96,0.20) }) .margin({ top: 20, bottom: 20 }) .onClick(() { router.replaceUrl({ url: pages/SplashPage }) })二、账号注销Text(注销账号) .fontSize(14).fontColor(#D06060) .width(100%).textAlign(TextAlign.Center) .height(50) .backgroundColor(COLOR_CARD_BG) .borderRadius(CARD_RADIUS)三、危险操作样式属性值效果fontColor#D06060红色文字border1px 红色半透明红色边框backgroundColor#FFFFFF白色背景四、总结本文通过“海风日记“的退出登录和账号注销深入讲解了安全操作的 UI 设计红色危险色警示用户圆角边框按钮风格统一replaceUrl 跳转清空页面栈注销入口危险操作区域至此第九系列“登录与账号体系“全部完成下一篇文章开始进入第十系列个人中心与设置。如果这篇文章对你有帮助欢迎点赞、收藏⭐、关注你的支持是我持续创作的动力相关资源Button 组件文档Router 路由文档海风日记项目源码[HarmonyOS 开发者官网](https://atomgit.com/openharmony/docs开源鸿蒙跨平台社区