打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。
撤销玲子讨论)的修订版本321
标签撤销 已被回退
无编辑摘要
 
(未显示同一用户的6个中间版本)
第1行: 第1行:
// 等待页面加载完成
// mw.loader.load( 'https://thga.me/用户:玲子/CodexDemo.js?action=raw&ctype=text/javascript' );
    mw.loader.using(['vue', 'codex']).then(function() {
        // 创建 Vue 应用
        const app = Vue.createApp({
            data() {
                return {
                    showDialog: false
                };
            },
            methods: {
                openDialog() {
                    this.showDialog = true;
                },
                closeDialog() {
                    this.showDialog = false;
                }
            },
            template: `
                <div>
                    <cdx-button
                        weight="primary"
                        @click="openDialog"
                    >
                        打开对话框
                    </cdx-button>
 
                    <cdx-dialog
                        v-model:open="showDialog"
                        title="提示"
                        @close="closeDialog"
                    >
                        <p>这是一个使用 Codex 和 Vue 实现的对话框示例。</p>
                        <template #footer>
                            <cdx-button
                                weight="primary"
                                @click="closeDialog"
                            >
                                确定
                            </cdx-button>
                        </template>
                    </cdx-dialog>
                </div>
            `
        });
 
        // 创建容器元素
        const container = document.createElement('div');
        container.id = 'codex-demo';
        document.body.appendChild(container);
 
        // 挂载 Vue 应用
        app.mount('#codex-demo');
    });

2025年5月28日 (三) 21:56的最新版本

// mw.loader.load( 'https://thga.me/用户:玲子/CodexDemo.js?action=raw&ctype=text/javascript' );