Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
zhengwentao
/
box-mp
1
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Drzewo: a6eed11221
Gałęzie Tagi
box-mp
/
fastshop
/
component
/
skeleton
/
index.wxss

index.wxss 927 B
Historia Czysty

123456789101112131415 
  1. /*加载骨架*/
    2. 

  2. .skeleton{position:fixed;z-index: 9999;height: 100%;width: 100%;bottom:0px;top:0px;background:#fff;box-sizing: border-box;padding:10px}
    3. 

  3. .skeleton .skeleton-head,.skeleton .skeleton-100,.skeleton .skeleton-80,.skeleton .skeleton-60{background:#F3F3F3;float:left;}
    4. 

  4. .skeleton-head {width:20%;height:80px;margin-bottom:10px;}
    5. 

  5. .skeleton-body {margin-left:22%;height: 80px;margin-bottom:10px;}
    6. 

  6. .skeleton-100 {width:100%;height: 40px;}
    7. 

  7. .skeleton-80 {width:80%;height: 30px;}
    8. 

  8. .skeleton-60 {width:60%;height: 30px;}
    9. 

  9. .skeleton-mt{margin-top:10px;}
    10. 

  10. .skeleton-text{color: #FF0000;text-align: center;line-height:30px;font-size:28rpx;}
    11. 

  11. .line{display: inline-block;width:5px;height:5px;border-radius: 15px;margin:0px 5px;background:#ccc}
    12. 

  12. @keyframes loading{50%{width: 30px}100%{width:5px}}
    13. 

  13. .lineA{animation: loading 1.5s 0s infinite}
    14. 

  14. .lineB{animation: loading 1.5s 0.3s infinite}
    15. 

  15. .lineC{animation: loading 1.5s 0.6s infinite}
    16.