index - 副本.scss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. view {
  2. box-sizing: border-box;
  3. }
  4. ::v-deep .u-button{
  5. // background: red!important;
  6. width: 130rpx!important;
  7. height: 52rpx!important;
  8. background: #017AFF!important;
  9. box-shadow: 0rpx 4rpx 8rpx -4rpx #C2F4F6!important;
  10. border-radius: 26rpx!important;
  11. display: flex!important;
  12. justify-content: center!important;
  13. align-items: center!important;
  14. font-size: 26rpx!important;
  15. font-family: PingFang-SC, PingFang-SC!important;
  16. font-weight: 500!important;
  17. color: #FFFFFF!important;
  18. }
  19. ::v-deep .u-button__text{
  20. font-size: 26rpx!important;
  21. font-family: PingFang-SC, PingFang-SC!important;
  22. font-weight: 500!important;
  23. color: #FFFFFF!important;
  24. }
  25. .container {
  26. .navBox {
  27. display: flex;
  28. align-items: center;
  29. }
  30. .box {
  31. // min-height: 100vh;
  32. // background: linear-gradient(to right, #D2EEF1 0%, #DEE8F6 35%, #DEF4F5 100%);
  33. background: #0180FB;
  34. padding-top: 44rpx;
  35. .list {
  36. // width: 750rpx;
  37. min-height: 1424rpx;
  38. background: #FFFFFF;
  39. border-radius: 32rpx 32rpx 0rpx 0rpx;
  40. padding-top: 30rpx;
  41. overflow-y: scroll;
  42. .item {
  43. display: flex;
  44. justify-content: space-between;
  45. align-items: center;
  46. padding: 30rpx 30rpx;
  47. .left {
  48. display: flex;
  49. flex-direction: column;
  50. // align-items: flex-start;
  51. // justify-content: start;
  52. .top {
  53. font-size: 28rpx;
  54. font-family: PingFangSC, PingFang SC;
  55. font-weight: 600;
  56. color: #000000;
  57. .icon {
  58. width: 26rpx;
  59. height: 26rpx;
  60. margin-right: 6rpx;
  61. }
  62. }
  63. .bot {
  64. font-size: 28rpx;
  65. font-family: PingFang-SC, PingFang-SC;
  66. font-weight: 500;
  67. color: #000000;
  68. margin-top: 24rpx;
  69. }
  70. }
  71. .right {
  72. display: flex;
  73. align-items: center;
  74. .btnBox {
  75. // width: 116rpx;
  76. width: 130rpx;
  77. height: 52rpx;
  78. background: #017AFF;
  79. box-shadow: 0rpx 4rpx 8rpx -4rpx #C2F4F6;
  80. border-radius: 26rpx;
  81. display: flex;
  82. justify-content: center;
  83. align-items: center;
  84. font-size: 26rpx;
  85. font-family: PingFang-SC, PingFang-SC;
  86. font-weight: 500;
  87. color: #FFFFFF;
  88. }
  89. .conBtn{
  90. // background: red;
  91. display: flex;
  92. align-items: center;
  93. justify-content: center;
  94. border: none;
  95. width: 130rpx;
  96. }
  97. }
  98. }
  99. }
  100. }
  101. }