110 lines
5.2 KiB
HTML
110 lines
5.2 KiB
HTML
<!--
|
|
* @Author: YwxApp <ywx@ywxapp.cn>
|
|
* @Date: 2026-07-21 13:40:29
|
|
* @LastEditors: YwxApp <ywx@ywxapp.cn>
|
|
* @LastEditTime: 2026-07-28 12:32:45
|
|
* @Description:
|
|
* @FilePath: \ywxapp_dev\addon\appmall\view\frontend\developer\register.html
|
|
* @CustomString: Copyright (c) 2026 YwxApp
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>开发者注册 - YwxApp 应用市场</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href="/assets/layui/css/layui.css" rel="stylesheet">
|
|
<link href="/assets/ywxapp/css/wxapp.css" rel="stylesheet">
|
|
<style>
|
|
body { background: #f2f3f5; margin: 0; }
|
|
.topbar { height: 52px; background: #fff; border-bottom: 1px solid #ebedf0; display: flex; align-items: center; padding: 0 22px; }
|
|
.topbar .brand { font-size: 16px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
|
|
.topbar .brand .logo { width: 24px; height: 24px; border-radius: 6px; background: linear-gradient(135deg, #1677ff, #36cfc9); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; }
|
|
.topbar .brand small { font-weight: 400; color: #8a919f; font-size: 13px; }
|
|
.topbar .spacer { flex: 1; }
|
|
.dev-box { max-width: 460px; margin: 48px auto; background: #fff; padding: 30px 35px; border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,.08); }
|
|
.dev-box h2 { text-align: center; margin-bottom: 6px; }
|
|
.dev-tip { text-align: center; color: #999; margin-bottom: 22px; font-size: 13px; }
|
|
.dev-token { background: #f4f4f4; padding: 12px; border-radius: 6px; word-break: break-all; font-family: monospace; }
|
|
.closed { text-align:center; color:#c00; padding:30px 0; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="topbar">
|
|
<div class="brand"><span class="logo">Y</span>YwxApp 应用市场<small>开发者中心</small></div>
|
|
<div class="spacer"></div>
|
|
<a href="{:url('/appmall/Developer/console')}" class="layui-btn layui-btn-sm layui-btn-normal">进入开发者中心</a>
|
|
</div>
|
|
<div class="dev-box">
|
|
<h2>开发者入驻</h2>
|
|
<p class="dev-tip">注册后获取开发者令牌，用于在你自己的控制台「发布到官方市场」</p>
|
|
|
|
{if $register_open}
|
|
<form class="layui-form" id="regForm">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">开发者名称</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="username" required lay-verify="required" placeholder="如：星河工作室" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">邮箱</label>
|
|
<div class="layui-input-block">
|
|
<input type="email" name="email" required lay-verify="email" placeholder="用于接收令牌/审核通知" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn layui-btn-fluid" lay-submit lay-filter="reg">提交申请</button>
|
|
</div>
|
|
</div>
|
|
<p class="dev-tip" style="margin:0;">
|
|
{if $need_approval}提交后需运营审核，令牌将通过邮件下发{else/}提交后令牌立即通过邮件下发{/if}
|
|
</p>
|
|
</form>
|
|
<div id="result" style="display:none; margin-top:20px;">
|
|
<div id="resultMsg" class="layui-bg-blue" style="padding:10px 12px;border-radius:6px;margin-bottom:12px;"></div>
|
|
<div id="tokenWrap" style="display:none;">
|
|
<label class="layui-form-label" style="text-align:left;padding-left:0;">你的开发者令牌</label>
|
|
<div class="dev-token" id="tokenVal"></div>
|
|
<button class="layui-btn layui-btn-sm layui-btn-normal" id="copyBtn" style="margin-top:10px;">复制令牌</button>
|
|
</div>
|
|
</div>
|
|
<p class="dev-tip" style="margin-top:18px;"><a href="{:url('mine')}">已有账号？查询我的令牌</a></p>
|
|
{else/}
|
|
<div class="closed">当前未开放自助注册，请联系运营获取开发者令牌。</div>
|
|
{/if}
|
|
</div>
|
|
|
|
<script src="/assets/layui/layui.js"></script>
|
|
<script src="/assets/ywxapp/ywxapp.js" module="{$site.app}"></script>
|
|
<script>
|
|
layui.use(['form', 'jquery', 'layer', 'http'], function () {
|
|
var form = layui.form, $ = layui.jquery, layer = layui.layer, http = layui.http;
|
|
form.on('submit(reg)', function (data) {
|
|
http.post('{:url("/appmall/developer/save")}', data.field).then(function (r) {
|
|
$('#result').show();
|
|
$('#resultMsg').text(r.message || '提交完成');
|
|
if (r.code === 0 && r.data && r.data.token) {
|
|
$('#tokenWrap').show();
|
|
$('#tokenVal').text(r.data.token);
|
|
} else {
|
|
$('#tokenWrap').hide();
|
|
}
|
|
if (r.code !== 0) { layer.msg(r.message || '提交失败', { icon: 2 }); }
|
|
}).catch(function () { layer.msg('请求失败', { icon: 2 }); });
|
|
return false;
|
|
});
|
|
|
|
$('#copyBtn').on('click', function () {
|
|
var t = document.getElementById('tokenVal').innerText;
|
|
var dummy = $('<textarea>').val(t).appendTo('body').select();
|
|
document.execCommand('copy');
|
|
dummy.remove();
|
|
layer.msg('已复制', { icon: 1 });
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|