app.wxss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. /**app.wxss**/
  2. page {
  3. width: 100%;
  4. /* min-height: 100%; */
  5. color: #333;
  6. font-family: PingFang SC, Microsoft Yahei, Source Han Sans CN, SimHei;
  7. background: #F2F6FC;
  8. }
  9. view {
  10. font-family: PingFang SC, Microsoft Yahei, Source Han Sans CN, SimHei;
  11. }
  12. text {
  13. font-family: PingFang SC, Microsoft Yahei, Source Han Sans CN, SimHei;
  14. }
  15. .container {
  16. height: auto;
  17. box-sizing: border-box;
  18. font-family: PingFang SC, Microsoft Yahei, Source Han Sans CN, SimHei;
  19. }
  20. #share {
  21. width: 375px;
  22. height: 300px;
  23. position: absolute;
  24. left: -9999rpx;
  25. top: -9999rpx;
  26. }
  27. #vip {
  28. width: 375px;
  29. height: 201px;
  30. position: absolute;
  31. left: -9999rpx;
  32. top: -9999rpx;
  33. }
  34. .textOver {
  35. white-space: nowrap;
  36. overflow: hidden;
  37. text-overflow: ellipsis;
  38. }
  39. .resetBtn {
  40. padding: 0px;
  41. margin: 0;
  42. line-height: normal;
  43. background-color: transparent;
  44. }
  45. .resetBtn::after {
  46. border: none;
  47. }
  48. .seat {
  49. padding-bottom: calc(134rpx + env(safe-area-inset-bottom)) !important;
  50. }
  51. .seat2 {
  52. padding-bottom: calc(130rpx + env(safe-area-inset-bottom)) !important;
  53. }
  54. .rtext{
  55. text-align: right;
  56. }
  57. .isFixed {
  58. position: fixed;
  59. z-index: 998;
  60. }
  61. .isFixed2 {
  62. width: 100% !important;
  63. box-sizing: border-box;
  64. background-color: white;
  65. box-shadow: 0px 26rpx 24rpx rgba(0, 0, 0, 0.1);
  66. border-bottom-left-radius: 24rpx;
  67. border-bottom-right-radius: 24rpx;
  68. padding: 20rpx 15rpx 20rpx 26rpx !important;
  69. }
  70. .brace {
  71. /* 高度为一级分类的高度再加一丢丢 */
  72. height: 260rpx;
  73. }
  74. /* 转圈动画 */
  75. @keyframes identifier {
  76. 0% {
  77. transform: rotate(0deg);
  78. }
  79. 50% {
  80. transform: rotate(180deg);
  81. }
  82. 100% {
  83. transform: rotate(360deg);
  84. }
  85. }
  86. .zoomIn {
  87. animation: zoomIn 0.4s forwards;
  88. }
  89. @keyframes zoomIn {
  90. from {
  91. transform: scale(0);
  92. opacity: 0;
  93. }
  94. to {
  95. transform: scale(1);
  96. opacity: 1;
  97. }
  98. }