cdia/airport-chengdu-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

消息通知提示框优化

Browse Source
This commit is contained in:
zhouyuejun
2019-01-23 11:44:58 +08:00
parent 7f7bb13847
commit 5bcda7181e
6 changed files with 19 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.html
-70
View File
@@ -47,80 +47,10 @@
transform: rotate(1turn)
}
}
/* .spin-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1003;
display: none;
}
.spin-container .spin1 {
display: block;
position: relative;
left: calc(50% + 15px);
top: calc(50% - 75px);
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 4px solid transparent;
border-top-color: #f95372;
transform: translateZ(0);
animation: spin 2s linear infinite
}
.spin-container .spin2 {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 4px solid transparent;
border-top-color: #00abff;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite
}
.spin-container .spin3 {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 4px solid transparent;
border-top-color: #e7ba08;
animation: spin 1.5s linear infinite
} */
</style>
</head>
<body>
<!-- <div class="spin-container" id="pageSpin">
<div class="spin1">
<div class="spin2"></div>
<div class="spin3"></div>
</div>
</div> -->
<!-- <script type="text/javascript">
const initialize = function () {
let pageSpin = document.getElementById("pageSpin");
pageSpin.style.display = 'block';
document.onreadystatechange = function () {
if (document.readyState == "complete") {
pageSpin.style.display = 'none';
}
}
}
initialize();
</script> -->
<app-root></app-root>
</body>