vue-ui-wl
Version:
vue component
1 lines • 1.97 kB
CSS
body,html{margin:0;padding:0;background-color:#fbf9fe}.clearfix{zoom:1}.clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both}.content{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;overflow:hidden}.w400{width:400px}.mgb10{margin-bottom:10px}.l30{line-height:30px}.h60{height:60px}.btm10{bottom:10px}.bd-red{border:1px solid #c33327}.spinner[data-v-11d19951]{margin:100px auto;width:20px;height:20px;position:relative}.container1>div[data-v-11d19951],.container2>div[data-v-11d19951],.container3>div[data-v-11d19951]{width:6px;height:6px;background-color:#333;border-radius:100%;position:absolute;animation:a 1.2s infinite ease-in-out;animation-fill-mode:both}.spinner .spinner-container[data-v-11d19951]{position:absolute;width:100%;height:100%}.container2[data-v-11d19951]{transform:rotate(45deg)}.container3[data-v-11d19951]{transform:rotate(90deg)}.circle1[data-v-11d19951]{top:0;left:0}.circle2[data-v-11d19951]{top:0;right:0}.circle3[data-v-11d19951]{right:0;bottom:0}.circle4[data-v-11d19951]{left:0;bottom:0}.container2 .circle1[data-v-11d19951]{animation-delay:-1.1s}.container3 .circle1[data-v-11d19951]{animation-delay:-1s}.container1 .circle2[data-v-11d19951]{animation-delay:-.9s}.container2 .circle2[data-v-11d19951]{animation-delay:-.8s}.container3 .circle2[data-v-11d19951]{animation-delay:-.7s}.container1 .circle3[data-v-11d19951]{animation-delay:-.6s}.container2 .circle3[data-v-11d19951]{animation-delay:-.5s}.container3 .circle3[data-v-11d19951]{animation-delay:-.4s}.container1 .circle4[data-v-11d19951]{animation-delay:-.3s}.container2 .circle4[data-v-11d19951]{animation-delay:-.2s}.container3 .circle4[data-v-11d19951]{animation-delay:-.1s}@keyframes a{0%,80%,to{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}