index.scss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. ::v-deep .uni-page-body,page {
  2. height:100%;
  3. background-color: #F8F9FA;;
  4. }
  5. .djfkIndex{
  6. padding-bottom: 40rpx;
  7. .djfkIndex_header{
  8. background: linear-gradient(180deg, rgba(189, 162, 115, 1) 0%, rgba(255, 255, 255, 1) 100%);
  9. height: 450rpx;
  10. .info{
  11. display: flex;
  12. align-items: center;
  13. padding: 10rpx 10rpx 20rpx 10rpx;
  14. .headImg{
  15. width: 120rpx;
  16. height: 160rpx;
  17. }
  18. .userName{
  19. line-height: 100rpx;
  20. font-size: 20px;
  21. font-weight: 500;
  22. color: rgba(255, 255, 255, 1);
  23. text-align: center;
  24. padding-left: 30rpx;
  25. padding-right: 20rpx;
  26. }
  27. }
  28. .slogan{
  29. display:flex;
  30. align-items: center;
  31. justify-content: center;
  32. .slogan_img{
  33. width: 670rpx;
  34. height: 290rpx;
  35. }
  36. }
  37. }
  38. .djfkIndex_title{
  39. display: flex;
  40. justify-content: space-between;
  41. padding: 60rpx 0 20rpx 28rpx;
  42. .title_left{
  43. display:flex;
  44. align-items: center;
  45. justify-content: center;
  46. .uni-badge--x{
  47. padding-left: 5rpx;
  48. }
  49. }
  50. .title_right{
  51. padding-right: 30rpx;
  52. .right_text{
  53. font-size: 17px;
  54. font-weight: 400;
  55. color: rgba(153, 153, 153, 1);
  56. padding-right: 5rpx;
  57. }
  58. }
  59. }
  60. .djfkIndex_list{
  61. .list_content{
  62. display: flex;
  63. padding: 15rpx 20rpx 15rpx;
  64. .list_content_img{
  65. align-self: center;
  66. display: flex;
  67. .statusIcon{
  68. height: 50rpx;
  69. width: 50rpx;
  70. }
  71. }
  72. .list_item{
  73. padding-left:80rpx;
  74. font-size: 15px;
  75. font-weight: 400;
  76. letter-spacing: 0px;
  77. line-height: 21.72px;
  78. color: rgba(102, 102, 102, 1);
  79. vertical-align: top;
  80. }
  81. .list_item_text{
  82. padding-right: 20rpx;
  83. padding-left: 30rpx;
  84. flex: 1;
  85. text-align: right;
  86. font-size: 15px;
  87. font-weight: 400;
  88. letter-spacing: 0.5px;
  89. line-height: 22px;
  90. color: rgba(51, 51, 51, 1);
  91. }
  92. }
  93. .list_content :nth-child(2){
  94. padding-left: 35rpx;
  95. }
  96. .button{
  97. display: flex;
  98. justify-content: flex-start;
  99. border-top: 0.5px solid rgba(221, 221, 221, 1);
  100. height: 80rpx;
  101. .button_upload{
  102. flex: 1;
  103. display: flex;
  104. align-items: center;
  105. justify-content: center;
  106. color: rgba(190, 163, 117, 1);
  107. font-size: 17px;
  108. }
  109. }
  110. }
  111. .empty_data{
  112. display: flex;
  113. justify-content: center;
  114. align-items: center;
  115. }
  116. .notice_popup{
  117. height: 800rpx;
  118. width: 600rpx;
  119. }
  120. }