You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
6.4 KiB
105 lines
6.4 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
|
||
|
|
<!-- luckysheet css -->
|
||
|
|
<link rel='stylesheet' href='/webjars/luckysheet/2.1.13/plugins/css/pluginsCss.css' th:href="@{/webjars/luckysheet/2.1.13/plugins/css/pluginsCss.css}"/>
|
||
|
|
<link rel='stylesheet' href='/webjars/luckysheet/2.1.13/plugins/plugins.css' th:href="@{/webjars/luckysheet/2.1.13/plugins/plugins.css}"/>
|
||
|
|
<link rel='stylesheet' href='/webjars/luckysheet/2.1.13/css/luckysheet.css' th:href="@{/webjars/luckysheet/2.1.13/css/luckysheet.css}"/>
|
||
|
|
<link rel='stylesheet' href='/webjars/luckysheet/2.1.13/assets/iconfont/iconfont.css' th:href="@{/webjars/luckysheet/2.1.13/assets/iconfont/iconfont.css}"/>
|
||
|
|
|
||
|
|
<!-- luckysheet js -->
|
||
|
|
<script src="/webjars/luckysheet/2.1.13/plugins/js/plugin.js" th:src="@{/webjars/luckysheet/2.1.13/plugins/js/plugin.js}"></script>
|
||
|
|
<script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
|
||
|
|
|
||
|
|
<!-- tailwindcss js -->
|
||
|
|
<script src="/webjars/tailwindcss/3.3.5/tailwindcss.js" th:src="@{/webjars/tailwindcss/3.3.5/tailwindcss.js}"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
window.APP = {}; // 在浏览器 window 对象中新建名为 APP 的变量, 用于存放应用对象的容器
|
||
|
|
window.APP.actions ={}; // 全局 Action 存储容器
|
||
|
|
window.APP.layoutProviders ={}; // 全局布局提供者存储容器
|
||
|
|
window.APP.configure ={ // 全局配置存储容器
|
||
|
|
webContextPath: '[(@{/})]'.startsWith('[')? '/' : '[(@{/})]', // 应用上下文路径
|
||
|
|
apiContextPaths: {
|
||
|
|
DEFAULT: '[(@{/})]'.startsWith('[') ? 'http://localhost:8080/' : '[(@{/})]', // 后端 API 请求的服务地址前缀
|
||
|
|
},
|
||
|
|
enableLocalMock: false, // 是否启用本地 mock
|
||
|
|
localMockTimeout: 10, // mock 请求响应时间(单位:毫秒)
|
||
|
|
enableRemoteConfigure: true, // 是否启用使用远程服务端配置
|
||
|
|
useLocaleRouterFirst: true, // 是否首先使用本地路由
|
||
|
|
axios: {
|
||
|
|
baseURL: '',
|
||
|
|
timeout: 1000 * 60,
|
||
|
|
crossdomain: true,
|
||
|
|
basicAuth: {
|
||
|
|
enable: true,
|
||
|
|
username: 'admin',
|
||
|
|
password: 'admin',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<noscript>
|
||
|
|
<strong th:text="#{noscript}">抱歉, {} 在浏览器未开启 JavaScript 时不能正常工作. 请开启后重试.</strong>
|
||
|
|
</noscript>
|
||
|
|
|
||
|
|
<!--加载 js 时,-->
|
||
|
|
<div id="appInitializer" style="height: 100vh; display: grid; place-items: center;"><!--全屏高度,grid布局,子元素垂直方向位于屏幕中间-->
|
||
|
|
<div style="display: grid; justify-items: center;"><!--grid布局, 子元素水平方向位于屏幕中间-->
|
||
|
|
<svg style="color: #14234a;" width="48px" height="48px" stroke="currentColor" fill="currentColor" viewBox="0 0 64 64">
|
||
|
|
<g stroke-width="4" stroke-linecap="round">
|
||
|
|
<line y1="17" y2="29" transform="translate(32,32) rotate(180)">
|
||
|
|
<animate attributeName="stroke-opacity" dur="750ms" values="1;.85;.7;.65;.55;.45;.35;.25;.15;.1;0;1" repeatCount="indefinite"></animate>
|
||
|
|
</line>
|
||
|
|
<line y1="17" y2="29" transform="translate(32,32) rotate(210)">
|
||
|
|
<animate attributeName="stroke-opacity" dur="750ms" values="0;1;.85;.7;.65;.55;.45;.35;.25;.15;.1;0" repeatCount="indefinite"></animate>
|
||
|
|
</line>
|
||
|
|
<line y1="17" y2="29" transform="translate(32,32) rotate(240)">
|
||
|
|
<animate attributeName="stroke-opacity" dur="750ms" values=".1;0;1;.85;.7;.65;.55;.45;.35;.25;.15;.1" repeatCount="indefinite"></animate>
|
||
|
|
</line>
|
||
|
|
<line y1="17" y2="29" transform="translate(32,32) rotate(270)">
|
||
|
|
<animate attributeName="stroke-opacity" dur="750ms" values=".15;.1;0;1;.85;.7;.65;.55;.45;.35;.25;.15" repeatCount="indefinite"></animate>
|
||
|
|
</line>
|
||
|
|
<line y1="17" y2="29" transform="translate(32,32) rotate(300)">
|
||
|
|
<animate attributeName="stroke-opacity" dur="750ms" values=".25;.15;.1;0;1;.85;.7;.65;.55;.45;.35;.25" repeatCount="indefinite"></animate>
|
||
|
|
</line>
|
||
|
|
<line y1="17" y2="29" transform="translate(32,32) rotate(330)">
|
||
|
|
<animate attributeName="stroke-opacity" dur="750ms" values=".35;.25;.15;.1;0;1;.85;.7;.65;.55;.45;.35" repeatCount="indefinite"></animate>
|
||
|
|
</line>
|
||
|
|
<line y1="17" y2="29" transform="translate(32,32) rotate(0)">
|
||
|
|
<animate attributeName="stroke-opacity" dur="750ms" values=".45;.35;.25;.15;.1;0;1;.85;.7;.65;.55;.45" repeatCount="indefinite"></animate>
|
||
|
|
</line>
|
||
|
|
<line y1="17" y2="29" transform="translate(32,32) rotate(30)">
|
||
|
|
<animate attributeName="stroke-opacity" dur="750ms" values=".55;.45;.35;.25;.15;.1;0;1;.85;.7;.65;.55" repeatCount="indefinite"></animate>
|
||
|
|
</line>
|
||
|
|
<line y1="17" y2="29" transform="translate(32,32) rotate(60)">
|
||
|
|
<animate attributeName="stroke-opacity" dur="750ms" values=".65;.55;.45;.35;.25;.15;.1;0;1;.85;.7;.65" repeatCount="indefinite"></animate>
|
||
|
|
</line>
|
||
|
|
<line y1="17" y2="29" transform="translate(32,32) rotate(90)">
|
||
|
|
<animate attributeName="stroke-opacity" dur="750ms" values=".7;.65;.55;.45;.35;.25;.15;.1;0;1;.85;.7" repeatCount="indefinite"></animate>
|
||
|
|
</line>
|
||
|
|
<line y1="17" y2="29" transform="translate(32,32) rotate(120)">
|
||
|
|
<animate attributeName="stroke-opacity" dur="750ms" values=".85;.7;.65;.55;.45;.35;.25;.15;.1;0;1;.85" repeatCount="indefinite"></animate>
|
||
|
|
</line>
|
||
|
|
<line y1="17" y2="29" transform="translate(32,32) rotate(150)">
|
||
|
|
<animate attributeName="stroke-opacity" dur="750ms" values="1;.85;.7;.65;.55;.45;.35;.25;.15;.1;0;1" repeatCount="indefinite"></animate>
|
||
|
|
</line>
|
||
|
|
</g>
|
||
|
|
</svg>
|
||
|
|
<div style="padding: 10px;" th:text="#{pageLoading}">正在加载, 请稍后......</div>
|
||
|
|
<div id="appInitializerStatus"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="app"></div>
|
||
|
|
|
||
|
|
<!-- 以下会生成由 HtmlWebpackPlugin webpack 插件自动注入需要的资源引用 -->
|
||
|
|
</body>
|
||
|
|
</html>
|