index.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .header {
  2. height: 660rpx;
  3. background: linear-gradient(to bottom, #5592ff, #d6e1fa);
  4. padding: 40rpx;
  5. color: #fff;
  6. line-height: 50rpx;
  7. }
  8. image {
  9. vertical-align: middle;
  10. }
  11. .tit {
  12. font-size: 36rpx;
  13. }
  14. .tit>image {
  15. width: 44rpx;
  16. height: 44rpx;
  17. margin-left: 24rpx;
  18. }
  19. .address {
  20. font-size: 26rpx;
  21. margin: 8rpx 0 32rpx;
  22. }
  23. .address>image {
  24. width: 28rpx;
  25. height: 28rpx;
  26. margin-right: 16rpx;
  27. }
  28. .today {
  29. font-size: 30rpx;
  30. }
  31. .content {
  32. /* height: 100%; */
  33. width: 100%;
  34. height: calc(100% - 300rpx);
  35. position: absolute;
  36. top: 300rpx;
  37. padding-top: 56rpx;
  38. border-radius: 12px 12px 0px 0px;
  39. background-color: #fff;
  40. overflow: hidden;
  41. }
  42. .cu-form-group+.cu-form-group {
  43. border-top: none;
  44. }
  45. .grid.grid-square>view {
  46. margin-bottom: 0;
  47. }
  48. .today>view{
  49. color: #DBE4FF;
  50. font-size: 26rpx;
  51. display: inline-block;
  52. }
  53. .today>text{
  54. width: 10rpx;
  55. height: 24rpx;
  56. display: inline-block;
  57. background: #BCCCFE;
  58. border-radius: 3px;
  59. margin-right: 8rpx;
  60. }
  61. .white{
  62. background-color: #fff !important;
  63. }
  64. .red{
  65. background-color: #E98383 !important;
  66. }