Halaman utama Jelajahi Bantuan
Daftar Masuk
zhichen-edu
/
zc_saas_h5
2
0
Fork 0
Berkas Masalah 0 Permintaan Tarik 0 Wiki
Pohon: 6c96b46731
Ranting Tag
zc_saas_h5
/
pages3
/
static
/
polyv-sdk
/
components
/
ppt-bar
/
ppt-bar.wxss

ppt-bar.wxss 2.0 KB
Riwayat Mentahan

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 
  1. @charset "UTF-8";
    2. 

  2. .ppt-h5-setting-nav {
    3. 

  3.   height: 112rpx;
    4. 

  4.   width: 100%;
    5. 

  5.   line-height: 112rpx;
    6. 

  6.   text-align: center;
    7. 

  7.   background: rgba(0, 0, 0, 0.5);
    8. 

  8.   border-radius: 4rpx;
    9. 

  9.   position: absolute;
    10. 

  10.   bottom: 0;
    11. 

  11.   z-index: 2000;
    12. 

  12.   font-weight: bold;
    13. 

  13.   color: #fff;
    14. 

  14.   font-size: 32rpx;
    15. 

  15.   padding: 0;
    16. 

  16.   margin: 0;
    17. 

  17. }
    18. 

  18. 

  19. .ppt-h5-setting-nav__ul {
    20. 

  20.   width: 100%;
    21. 

  21.   display: flex;
    22. 

  22. }
    23. 

  23. 

  24. .ppt-h5-setting-nav__ul .ppt-h5-setting-nav__li {
    25. 

  25.   flex: 1;
    26. 

  26. }
    27. 

  27. 

  28. .ppt-h5-setting-nav__ul .ppt-h5-setting-nav__li__icon {
    29. 

  29.   width: 64rpx;
    30. 

  30.   height: 64rpx;
    31. 

  31.   top: 50%;
    32. 

  32.   -webkit-transform: translate(0, -50%);
    33. 

  33.   -moz-transform: translate(0, -50%);
    34. 

  34.   -ms-transform: translate(0, -50%);
    35. 

  35.   -o-transform: translate(0, -50%);
    36. 

  36.   transform: translate(0, -50%);
    37. 

  37.   position: relative;
    38. 

  38. }
    39. 

  39. 

  40. .ppt-h5-setting-nav-right {
    41. 

  41.   height: 100%;
    42. 

  42.   width: 60rpx;
    43. 

  43.   text-align: center;
    44. 

  44.   background: rgba(0, 0, 0, 0.5);
    45. 

  45.   border-radius: 4rpx;
    46. 

  46.   position: absolute;
    47. 

  47.   right: 0;
    48. 

  48.   top: 0;
    49. 

  49.   z-index: 2000;
    50. 

  50.   font-weight: bold;
    51. 

  51.   color: #fff;
    52. 

  52.   font-size: 32rpx;
    53. 

  53.   padding: 0;
    54. 

  54.   margin: 0;
    55. 

  55. }
    56. 

  56. 

  57. .ppt-h5-setting-nav-right .ppt-h5-setting-nav__ul {
    58. 

  58.   height: 100%;
    59. 

  59.   width: 100%;
    60. 

  60.   display: flex;
    61. 

  61.   flex-direction: column;
    62. 

  62. }
    63. 

  63. 

  64. .ppt-h5-setting-nav-right .ppt-h5-setting-nav__ul .ppt-h5-setting-nav__li {
    65. 

  65.   flex: 1;
    66. 

  66.   width: 100%;
    67. 

  67.   height: 25%;
    68. 

  68. }
    69. 

  69. 

  70. .ppt-h5-setting-nav-right .ppt-h5-setting-nav__ul .ppt-h5-setting-nav__li .ppt-h5-setting-nav__back-page__num {
    71. 

  71.   top: 50%;
    72. 

  72.   left: 50%;
    73. 

  73.   -webkit-transform: translate(-50%, -50%);
    74. 

  74.   -moz-transform: translate(-50%, -50%);
    75. 

  75.   -ms-transform: translate(-50%, -50%);
    76. 

  76.   -o-transform: translate(-50%, -50%);
    77. 

  77.   transform: translate(-50%, -50%);
    78. 

  78.   position: relative;
    79. 

  79. }
    80. 

  80. 

  81. .ppt-h5-setting-nav-right .ppt-h5-setting-nav__ul .ppt-h5-setting-nav__li .ppt-h5-setting-nav__li__icon {
    82. 

  82.   width: 32rpx;
    83. 

  83.   height: 32rpx;
    84. 

  84.   transform: rotate(90deg);
    85. 

  85.   -ms-transform: rotate(90deg);
    86. 

  86.   /* IE 9 */
    87. 

  87.   -moz-transform: rotate(90deg);
    88. 

  88.   /* Firefox */
    89. 

  89.   -webkit-transform: rotate(90deg);
    90. 

  90.   /* Safari 和 Chrome */
    91. 

  91.   -o-transform: rotate(90deg);
    92. 

  92.   /* Opera */
    93. 

  93.   position: relative;
    94. 

  94.   top: 50%;
    95. 

  95.   margin-top: -16rpx;
    96. 

  96. }
    97.