| | |
| | | <div class="blocks"> |
| | | <div> |
| | | <div class="star-pic"> |
| | | <dv-decoration-12 scanDur="5" haloDur="4" class="scan"/> |
| | | <div class="star-bg"><img src="../../../assets/loginPage/star-bg.png" /></div> |
| | | <div class="star"><img src="../../../assets/loginPage/device-pic.png" /></div> |
| | | </div> |
| | |
| | | position: absolute; |
| | | width: calc((100vw - 120px) / 7); |
| | | height: calc((100vw - 120px) / 7); |
| | | z-index: 999999999; |
| | | z-index: 9999; |
| | | bottom: 40px; |
| | | right: 40px; |
| | | padding: 20px; |
| | | |
| | | .scan{ |
| | | position: inherit; |
| | | width: 65%; |
| | | height: 65%; |
| | | z-index: 99997; |
| | | left: 0; |
| | | top: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | margin: auto; |
| | | } |
| | | |
| | | .star-bg { |
| | | position: inherit; |
| | | width: 100%; |
| | | height: 100%; |
| | | z-index: 99998; |
| | | left: 0; |
| | | top: 0; |
| | | img { |
| | |
| | | animation: circle 30s linear infinite; |
| | | } |
| | | } |
| | | |
| | | .star { |
| | | position: inherit; |
| | | width: 100%; |
| | | height: 100%; |
| | | z-index: 99999; |
| | | left: 0; |
| | | top: 0; |
| | | img { |
| | |
| | | }else{ |
| | | document.getElementById('container').setAttribute( "class", 'light' ) |
| | | state.boxBg = '#fff' |
| | | state.boxColor = ['#ccc','#333'] |
| | | state.boxBigColor = ['#666','#fff'] |
| | | state.boxColor = ['#fff','#ccc'] |
| | | state.boxBigColor = ['#999','#fff'] |
| | | } |
| | | } |
| | | |
| | |
| | | }else{ |
| | | window.document.getElementById('container').setAttribute( "class", 'light' ); |
| | | state.boxBg = '#fff' |
| | | state.boxColor = ['#ccc','#333'] |
| | | state.boxBigColor = ['#666','#fff'] |
| | | state.boxColor = ['#fff','#ccc'] |
| | | state.boxBigColor = ['#999','#fff'] |
| | | } |
| | | } |
| | | |