index.acss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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. }