index.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .diytime {
  2. position: absolute;
  3. right: 30rpx;
  4. top: 32rpx;
  5. }
  6. .nav {
  7. border: 1rpx solid #EF485A;
  8. margin: 0 50rpx;
  9. border-radius: 50rpx;
  10. color: #EF485A;
  11. overflow: hidden;
  12. }
  13. .nav .item {
  14. padding: 10rpx 0;
  15. border-left: 1rpx solid #EF485A;
  16. }
  17. .nav .item:first-child {
  18. border-left: 0;
  19. }
  20. .nav .item.active {
  21. background-color: #EF485A;
  22. color: #ffffff;
  23. }
  24. .bg-line {
  25. background: linear-gradient(160deg, rgb(28, 129, 243), rgb(101, 168, 245));
  26. }
  27. .hide-dialog {
  28. height: 100%;
  29. width: 100%;
  30. bottom: 0;
  31. left: 0;
  32. z-index: 19;
  33. background: rgba(0, 0, 0, 0.3);
  34. position: fixed;
  35. }
  36. .dialog-tips {
  37. width: 700rpx;
  38. min-height: 412rpx;
  39. max-height: 75vh;
  40. border-radius: 24rpx;
  41. top: 0rpx;
  42. left: 0rpx;
  43. right: 0rpx;
  44. bottom: 0rpx;
  45. margin: auto;
  46. position: fixed;
  47. background: #fff;
  48. z-index: 20;
  49. }
  50. .dialog-tips .dialog-title {
  51. padding: 30rpx 0;
  52. font-size: 32rpx;
  53. color: #333;
  54. text-align: center;
  55. font-weight: 500;
  56. }
  57. .dialog-tips .dialog-content {
  58. font-size: 28rpx;
  59. padding: 0 50rpx;
  60. color: #999;
  61. }
  62. .dialog-tips .dialog-btn {
  63. bottom: 30rpx;
  64. position: absolute;
  65. text-align: center;
  66. color: #fff;
  67. background: #EF485A;
  68. font-size: 32rpx;
  69. height: 72rpx;
  70. width: 432rpx;
  71. line-height: 72rpx;
  72. border-radius: 60rpx;
  73. left: 50%;
  74. margin-left: -216rpx;
  75. }