赵忠林
562b020e57
- 新增API密钥创建表单界面 - 实现API密钥名称输入验证 - 添加表单提交和取消功能 - 集成密钥管理弹窗组件 - 支持密钥信息的双向数据绑定 - 添加表单校验规则和错误提示 - 实现密钥创建成功后的消息通知 - 提供密钥管理模块的基础架构支持
69 lines
1.4 KiB
HTML
69 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" href="/favicon.ico" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>网宿软件</title>
|
|
<style>
|
|
.ele-admin-loading {
|
|
width: 36px;
|
|
font-size: 0;
|
|
display: inline-block;
|
|
transform: rotate(45deg);
|
|
animation: loadingRotate 1.2s infinite linear;
|
|
position: relative;
|
|
top: calc(50% - 18px);
|
|
left: calc(50% - 18px);
|
|
|
|
}
|
|
|
|
.ele-admin-loading span {
|
|
width: 10px;
|
|
height: 10px;
|
|
margin: 4px;
|
|
border-radius: 50%;
|
|
background: #1890ff;
|
|
display: inline-block;
|
|
opacity: 0.9;
|
|
}
|
|
.ele-admin-logo-auto.ele-admin-layout .ele-admin-logo{
|
|
padding: 0 12px 0 12px !important;
|
|
}
|
|
|
|
.ele-admin-loading span:nth-child(2) {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.ele-admin-loading span:nth-child(3) {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.ele-admin-loading span:nth-child(4) {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
@keyframes loadingRotate {
|
|
to {
|
|
transform: rotate(405deg);
|
|
}
|
|
}
|
|
|
|
#app > .ele-admin-loading {
|
|
position: fixed;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="ele-admin-loading">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|