index.less 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. van-tabbar-item{
  2. background-color: #B1181B;
  3. position: relative;
  4. view{
  5. font-size: 25rpx;
  6. text-align: center;
  7. margin-top: 3rpx;
  8. }
  9. .active{
  10. position: absolute;
  11. top: -20rpx;
  12. left: 50%;
  13. transform:translate(-50%,-50%)
  14. }
  15. }
  16. .model {
  17. width: 100vw;
  18. height: 100vh;
  19. position: fixed;
  20. flex-direction: column;
  21. justify-content: center;
  22. align-items: center;
  23. top: 0;
  24. left: 0;
  25. display: flex;
  26. background: rgb(0 0 0 / 40%);
  27. z-index: 9999;
  28. .signIn{
  29. width: 500rpx;
  30. height: 248rpx;
  31. // background:rgba(#ff9901, 1) ;
  32. background-image: linear-gradient(#ff9901,#f8e4c6);
  33. border-radius: 20rpx;
  34. .title{
  35. font-size: 50rpx;
  36. font-weight: bold;
  37. color: white;
  38. text-align: center;
  39. margin: 20rpx;
  40. }
  41. .subhead{
  42. padding: 6rpx;
  43. text-align: center;
  44. background: white;
  45. width: 200rpx;
  46. margin: auto;
  47. // padding: 0 10rpx;
  48. border-radius:50rpx;
  49. color: #ff9901;
  50. font-size: 26rpx;
  51. }
  52. .days{
  53. margin-top: 20rpx;
  54. width: 500rpx;
  55. display: flex;
  56. flex-wrap: wrap;
  57. justify-content: center;
  58. .day{
  59. font-size: 26rpx;
  60. width: 100rpx;
  61. height: 100rpx;
  62. background: #ffd390;
  63. margin: 8rpx;
  64. padding: 10rpx;
  65. border-radius: 25rpx;
  66. color: #ff9900;
  67. }
  68. }
  69. .qianDao{
  70. width: 100%;
  71. height: 76rpx;
  72. background: #ff9901;
  73. margin-top: 20rpx;
  74. border-radius: 25rpx;
  75. text-align: center;
  76. line-height: 76rpx;
  77. color: white;
  78. }
  79. }
  80. }