picgo/view/picture.html

{{define "style"}}
{{end}}

{{define "content"}}
<h2>通用弹出表单示例</h2>
<!-- 触发按钮 -->
<button id="openFormButton" class="btn btn-primary">打开表单</button>
{{end}}

{{define "script"}}
<script src="/static/js/lib/modal.js"></script>
<script>
    $(document).ready(function() {
        // 示例字段配置
        let fields = [
            { label: '用户名:', name: 'username', type: 'text' },
            { label: '密码:', name: 'password', type: 'password' },
            { label: '确认密码:', name: 'password', type: 'password' }
        ]

        // 初始化表单并显示
        $('#openFormButton').on('click', function() {
            let title = '用户注册'
            let modal = new Modal(title, fields,function(data) {
                console.log('表单提交数据：', data)
                // 在此处处理表单提交，例如通过 AJAX 发送到服务器
            })
            modal.RenderModalForm()
        })
    })
</script>
{{end}}