SwiftUI 控件之Alert 告警提示框(含demo)

SwiftUI 控件之Alert 告警提示框(含demo)

代码

import SwiftUI




struct ContentView: View {
    
    @State var showAlert = false
    
    var body: some View {
        NavigationView {
            VStack {
                Button("Show Alert"){
                    self.showAlert = true
                }.alert(isPresented: $showAlert){
                    Alert(title: Text("hello"), message: Text("This is our first Alert Message"), dismissButton: .default(Text("OK")))
                }
            }
            .navigationBarTitle(Text("基础控件"))
            
        }
        
    }
    
}

 

更多SwiftUI教程和代码关注专栏

# 加入我们一起学习SwiftUI
QQ:3365059189
SwiftUI技术交流QQ群:518696470

### 关于 LayUI 框架的使用指南 LayUI 是一个基于 HTML5 的前端 UI 框架,其特点是轻量级、模块化以及易于扩展的设计理念[^1]。它提供了丰富的组件集合,涵盖了表单控件、布局工具、图表展示等功能,适合用于快速搭建现代化 Web 页面。 #### 安装与引入 要开始使用 LayUI,可以通过以下方式安装并引入该框架: - **CDN 方式**:通过 CDN 链接直接加载 LayUI 文件是最简单的方式之一。 ```html <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui-src/dist/css/layui.css"> <script src="https://cdn.jsdelivr.net/npm/layui-src/dist/layui.js"></script> ``` - **本地部署**:下载 LayUI 压缩包后,在项目目录中手动引入 CSS 和 JS 文件即可完成配置。 #### 初始化组件 LayUI 提供了许多开箱即用的功能模块,比如弹窗、分页器等。这些功能通常需要初始化才能正常工作。以下是创建一个简单的模态框的例子: ```javascript layui.use(['layer'], function(){ var layer = layui.layer; // 显示提示窗口 layer.msg('欢迎来到 LayUI 世界'); }); ``` 此代码片段展示了如何利用 `layer` 插件来显示消息通知[^1]。 #### 自定义样式调整 如果默认的主题颜色不符合需求,则可以修改主题文件中的变量来自定义外观风格。具体方法可查阅官方文档关于自定义样式的章节说明[^1]。 --- ### 示例代码块 下面是一个完整的页面模板实例,演示了如何结合 HTML 和 JavaScript 来实现登录按钮点击事件处理逻辑。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>LayUI Demo</title> <link rel="stylesheet" href="path/to/your/layui/css/layui.css"> </head> <body> <button class="layui-btn" id="loginBtn">Login</button> <script src="path/to/your/layui/layui.js"></script> <script> layui.use(['form', 'jquery'], function(){ var form = layui.form, $ = layui.jquery; $('#loginBtn').on('click', function(){ alert('Button clicked!'); }); }); </script> </body> </html> ``` 以上示例包了基本结构设置及交互行为绑定过程[^1]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

知识大胖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值