将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:
liyang 2018-10-26 09:05:34 +08:00
parent e9b1351d0b
commit 15ddd46172
1 changed files with 21 additions and 54 deletions

View File

@ -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>