splash.wxss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .splash-container.data-v-b5d3b004 {
  2. width: 100%;
  3. height: 100vh;
  4. background-color: #FFFFFF;
  5. display: flex;
  6. flex-direction: column;
  7. align-items: center;
  8. justify-content: center;
  9. position: relative;
  10. box-sizing: border-box;
  11. overflow: hidden;
  12. padding-top: 30px;
  13. }
  14. .skip-btn.data-v-b5d3b004 {
  15. position: absolute;
  16. top: calc(env(safe-area-inset-top) + 40rpx);
  17. right: 40rpx;
  18. padding: 12rpx 24rpx;
  19. border: 2rpx solid #4FC3F7;
  20. border-radius: 40rpx;
  21. background-color: #E0F7FA;
  22. z-index: 10;
  23. }
  24. .skip-text.data-v-b5d3b004 {
  25. font-size: 28rpx;
  26. color: #00838F;
  27. }
  28. .app-info.data-v-b5d3b004 {
  29. display: flex;
  30. flex-direction: column;
  31. align-items: center;
  32. position: absolute;
  33. bottom: calc(env(safe-area-inset-bottom) + 160rpx);
  34. left: 50%;
  35. transform: translateX(-50%);
  36. }
  37. .app-icon.data-v-b5d3b004 {
  38. margin-bottom: 35rpx;
  39. }
  40. .icon-square.data-v-b5d3b004 {
  41. width: 140rpx;
  42. height: 140rpx;
  43. background-color: #4FC3F7;
  44. border-radius: 20rpx;
  45. display: flex;
  46. align-items: center;
  47. justify-content: center;
  48. }
  49. .book-icon.data-v-b5d3b004 {
  50. position: relative;
  51. width: 90rpx;
  52. height: 70rpx;
  53. }
  54. .book-left.data-v-b5d3b004,
  55. .book-right.data-v-b5d3b004 {
  56. position: absolute;
  57. width: 45rpx;
  58. height: 70rpx;
  59. background-color: #FFFFFF;
  60. border-radius: 3rpx 0 0 3rpx;
  61. }
  62. .book-right.data-v-b5d3b004 {
  63. right: 0;
  64. border-radius: 0 3rpx 3rpx 0;
  65. }
  66. .book-line.data-v-b5d3b004 {
  67. position: absolute;
  68. left: 45rpx;
  69. top: 8rpx;
  70. width: 2rpx;
  71. height: 54rpx;
  72. background-color: #4FC3F7;
  73. }
  74. .app-name.data-v-b5d3b004 {
  75. font-size: 44rpx;
  76. color: #000000;
  77. font-weight: 600;
  78. }