index.scss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. ::v-deep .uni-page-body,page {
  2. height:100%
  3. }
  4. .leaderIndex{
  5. background-color: #F8F9FA;
  6. height: 100%;
  7. padding-bottom: 20rpx;
  8. .leaderIndex_header{
  9. background: linear-gradient(180deg, rgba(189, 162, 115, 1) 0%, rgba(255, 255, 255, 1) 100%);
  10. height: 450rpx;
  11. .info{
  12. display: flex;
  13. align-items: center;
  14. padding: 10rpx 10rpx 20rpx 10rpx;
  15. .headImg{
  16. width: 120rpx;
  17. height: 160rpx;
  18. }
  19. .userName{
  20. line-height: 100rpx;
  21. font-size: 20px;
  22. font-weight: 500;
  23. color: rgba(255, 255, 255, 1);
  24. text-align: center;
  25. padding-left: 30rpx;
  26. padding-right: 20rpx;
  27. }
  28. }
  29. .slogan{
  30. display:flex;
  31. align-items: center;
  32. justify-content: center;
  33. .slogan_img{
  34. width: 670rpx;
  35. height: 290rpx;
  36. }
  37. }
  38. }
  39. .leaderIndex_title{
  40. display: flex;
  41. justify-content: space-between;
  42. padding: 60rpx 0 20rpx 28rpx;
  43. .title_left{
  44. display:flex;
  45. align-items: center;
  46. justify-content: center;
  47. .uni-badge--x{
  48. padding-left: 5rpx;
  49. }
  50. }
  51. .title_right{
  52. padding-right: 30rpx;
  53. .right_text{
  54. font-size: 17px;
  55. font-weight: 400;
  56. color: rgba(153, 153, 153, 1);
  57. padding-right: 5rpx;
  58. }
  59. }
  60. }
  61. .leaderIndex_list{
  62. .list_title{
  63. padding: 15rpx 0 5rpx 5rpx;
  64. display: flex;
  65. .statusIcon{
  66. height: 50rpx;
  67. width: 50rpx;
  68. margin-right: 20rpx;
  69. }
  70. .showIcon{
  71. margin-left: 10rpx;
  72. width: 45rpx;
  73. height: 45rpx;
  74. }
  75. }
  76. .list_content{
  77. display: flex;
  78. padding: 10rpx 10rpx 10rpx 55rpx;
  79. .list_item{
  80. padding-left: 20rpx;
  81. font-size: 14px;
  82. font-weight: 400;
  83. letter-spacing: 0.5px;
  84. line-height: 22px;
  85. color: rgba(53, 53, 53, 1);
  86. vertical-align: top;
  87. }
  88. .list_item_text{
  89. padding-right: 20rpx;
  90. padding-left: 30rpx;
  91. flex: 1;
  92. text-align: right;
  93. font-size: 14px;
  94. font-weight: 400;
  95. letter-spacing: 0.5px;
  96. line-height: 22px;
  97. color: rgba(53, 53, 53, 1);
  98. }
  99. }
  100. .button_group{
  101. display: flex;
  102. justify-content: flex-start;
  103. height: 80rpx;
  104. border-top: 1px solid rgba(235, 237, 240, 1);
  105. .button_sign{
  106. flex: 1;
  107. align-items: center;
  108. justify-content: center;
  109. display: flex;
  110. border-right: 0.5px solid rgba(235, 237, 240, 1);
  111. font-size: 17px;
  112. font-weight: 400;
  113. letter-spacing: 1.5px;
  114. color: rgba(190, 163, 117, 1);
  115. }
  116. .button_start{
  117. flex: 1;
  118. display:flex;
  119. align-items: center;
  120. justify-content: center;
  121. font-size: 17px;
  122. font-weight: 400;
  123. letter-spacing: 1.5px;
  124. color: rgba(102, 102, 102, 1);
  125. }
  126. }
  127. }
  128. .seeAll{
  129. display: flex;
  130. justify-content:center;
  131. padding: 10rpx 20rpx;
  132. color: rgba(196, 196, 196, 1);;
  133. }
  134. .empty_data{
  135. display: flex;
  136. justify-content: center;
  137. align-items: center;
  138. }
  139. ::v-deep .uni-popup .uni-popup__wrapper .uni-button-color{
  140. color: rgba(190, 163, 117, 1);
  141. }
  142. ::v-deep .uni-popup__info{
  143. color: rgba(31, 35, 41, 1);
  144. }
  145. ::v-deep .uni-popup__wrapper .uni-dialog-content-text{
  146. color: rgba(31, 35, 41, 1);
  147. }
  148. ::v-deep .uni-popup__wrapper .uni-dialog-button-text{
  149. color: rgba(31, 35, 41, 1);
  150. }
  151. }