将CSS写成一行
Former-commit-id: 01c74b2c4ab54ba1f7f4d362298da5383c588fb3 [formerly a6dc0da296ec7cf78de08c4ace89cdbf80a725ed] [formerly 01c74b2c4ab54ba1f7f4d362298da5383c588fb3 [formerly a6dc0da296ec7cf78de08c4ace89cdbf80a725ed] [formerly 01c74b2c4ab54ba1f7f4d362298da5383c588fb3 [formerly a6dc0da296ec7cf78de08c4ace89cdbf80a725ed] [formerly a6dc0da296ec7cf78de08c4ace89cdbf80a725ed [formerly 4ee4f2394d3975278ba0cc893292de1b4a053216 [formerly 9333c57c50535aed4d0561d1b0aca05a16e30128]]]]] Former-commit-id: 12c5fdd8d56987757c9ff75a2c09fe5a2c5a6a7f Former-commit-id: ac7e3c4620dfb7adb0c13a18233c58263faab6c1 Former-commit-id: 0e944d034e610f631ef5d32010d11c175bed1104 [formerly 5874ecd5e73e730b2b0d710e3fa4aad009bcec99] Former-commit-id: 767651855966da9ff31ff9d64be09ffe8fc7838a Former-commit-id: 0d205202e755c26bdc3e350d09695024a5ebc41b Former-commit-id: 25bd6ba9c37372f92d01a0d9b81ae1502406fab0 Former-commit-id: fbdf87922d53a7161ed35a930d449e2720136751 Former-commit-id: bb5294623d792888ca1be51236ae254a2276f4e6
This commit is contained in:
parent
e9b1351d0b
commit
15ddd46172
|
|
@ -7,55 +7,14 @@
|
|||
<link rel="icon" href="<%= BASE_URL %>icon.ico">
|
||||
<title><%= VUE_APP_TITLE %></title>
|
||||
<style>
|
||||
html, body, #app {
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.d2-home {
|
||||
background-color: #303133;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.d2-home__header {
|
||||
width: 100%;
|
||||
flex-grow: 0;
|
||||
}
|
||||
.d2-home__main {
|
||||
user-select: none;
|
||||
width: 100%;
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.d2-home__footer {
|
||||
width: 100%;
|
||||
flex-grow: 0;
|
||||
text-align: center;
|
||||
padding: 1em 0;
|
||||
}
|
||||
.d2-home__footer > a {
|
||||
font-size: 12px;
|
||||
color: #ABABAB;
|
||||
text-decoration: none;
|
||||
}
|
||||
.d2-home__loading {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.d2-home__title {
|
||||
color: #FFF;
|
||||
font-size: 14px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.d2-home__sub-title {
|
||||
color: #ABABAB;
|
||||
font-size: 12px;
|
||||
}
|
||||
html, body, #app { height: 100%; margin: 0px; padding: 0px; }
|
||||
.d2-home { background-color: #303133; height: 100%; display: flex; flex-direction: column; }
|
||||
.d2-home__main { user-select: none; width: 100%; flex-grow: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; }
|
||||
.d2-home__footer { width: 100%; flex-grow: 0; text-align: center; padding: 1em 0; }
|
||||
.d2-home__footer > a { font-size: 12px; color: #ABABAB; text-decoration: none; }
|
||||
.d2-home__loading { height: 32px; width: 32px; margin-bottom: 20px; }
|
||||
.d2-home__title { color: #FFF; font-size: 14px; margin-bottom: 10px; }
|
||||
.d2-home__sub-title { color: #ABABAB; font-size: 12px; }
|
||||
</style>
|
||||
<script>
|
||||
// 感谢您使用 D2Admin
|
||||
|
|
@ -82,14 +41,22 @@
|
|||
</noscript>
|
||||
<div id="app">
|
||||
<div class="d2-home">
|
||||
<div class="d2-home__header"></div>
|
||||
<div class="d2-home__main">
|
||||
<img class="d2-home__loading" src="./image/loading/loading-spin.svg" alt="loading">
|
||||
<div class="d2-home__title">正在加载资源</div>
|
||||
<div class="d2-home__sub-title">初次加载资源可能较慢 请耐心等待</div>
|
||||
<img
|
||||
class="d2-home__loading"
|
||||
src="./image/loading/loading-spin.svg"
|
||||
alt="loading">
|
||||
<div class="d2-home__title">
|
||||
正在加载资源
|
||||
</div>
|
||||
<div class="d2-home__sub-title">
|
||||
初次加载资源可能需要较多时间 请耐心等待
|
||||
</div>
|
||||
</div>
|
||||
<div class="d2-home__footer">
|
||||
<a href="https://github.com/d2-projects/d2-admin" target="_blank">
|
||||
<a
|
||||
href="https://github.com/d2-projects/d2-admin"
|
||||
target="_blank">
|
||||
https://github.com/d2-projects/d2-admin
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue