index.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .title.data-v-aa63678d {
  2. font-size: 32rpx;
  3. font-weight: bold;
  4. text-align: center;
  5. margin-bottom: 20rpx;
  6. margin-top: 60rpx;
  7. }
  8. .number-list.data-v-aa63678d {
  9. display: flex;
  10. flex-wrap: wrap;
  11. justify-content: center;
  12. align-items: center;
  13. gap: 20rpx;
  14. margin-top: 60rpx;
  15. }
  16. .number-list .number-item.data-v-aa63678d {
  17. width: 160rpx;
  18. height: 160rpx;
  19. background-color: #f0f0f0;
  20. border-radius: 8rpx;
  21. display: flex;
  22. justify-content: center;
  23. align-items: center;
  24. font-size: 32rpx;
  25. transition: all 0.3s ease;
  26. }
  27. .number-list .number-item.current.data-v-aa63678d {
  28. background: linear-gradient(180deg, #FCB73F 0%, #FC743D 100%);
  29. color: #fff;
  30. box-shadow: 0 8rpx 24rpx rgba(252, 183, 63, 0.4);
  31. }
  32. .number-list .number-item.hover-active.data-v-aa63678d {
  33. opacity: 0.8;
  34. }
  35. .more-number.data-v-aa63678d {
  36. font-size: 28rpx;
  37. color: #aaa;
  38. text-align: center;
  39. margin-top: 20rpx;
  40. margin-top: 30rpx;
  41. }
  42. .confirm-button.data-v-aa63678d {
  43. width: 90%;
  44. height: 80rpx;
  45. background: linear-gradient(180deg, #FCB73F 0%, #FC743D 100%);
  46. color: #fff;
  47. text-align: center;
  48. line-height: 80rpx;
  49. border-radius: 24rpx;
  50. position: fixed;
  51. bottom: 80rpx;
  52. left: 50%;
  53. transform: translateX(-50%);
  54. font-size: 32rpx;
  55. }