mine.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. .mine-bg {
  2. position: relative;
  3. }
  4. .mine-score {
  5. position: absolute;
  6. left: 0;
  7. bottom: -60rpx;
  8. display: flex;
  9. align-items: center;
  10. width: 670rpx;
  11. height: 120rpx;
  12. justify-content: space-between;
  13. background: linear-gradient(90deg, #ff7b60 0%, #ffad8e 100%);
  14. border-radius: 18rpx;
  15. margin: 0 40rpx;
  16. overflow: hidden;
  17. }
  18. .score-tip {
  19. margin-left: 40rpx;
  20. color: white;
  21. font-size: 30rpx;
  22. text-shadow: 0 2rpx 9rpx rgba(220, 38, 14, 0.78);
  23. }
  24. .score-btn {
  25. margin-right: 40rpx;
  26. width: 177rpx;
  27. height: 65rpx;
  28. background: #FFFFFF;
  29. box-shadow: 0 2rpx 24rpx 0 rgba(229, 37, 13, 0.4);
  30. border-radius: 32rpx;
  31. font-size: 30rpx;
  32. font-weight: bold;
  33. color: #FF5640;
  34. line-height: 65rpx;
  35. text-align: center;
  36. }
  37. .exam-project {
  38. margin-top: 80rpx;
  39. display: flex;
  40. margin-left: 40rpx;
  41. margin-right: 40rpx;
  42. }
  43. .exam {
  44. margin-right: 25rpx;
  45. flex: 1;
  46. height: 182rpx;
  47. }
  48. .project {
  49. flex: 1;
  50. height: 182rpx;
  51. }
  52. .logout {
  53. margin: 25rpx 33rpx 20rpx;
  54. height: 86rpx;
  55. line-height: 86rpx;
  56. background: #FFFFFF;
  57. border-radius: 10rpx;
  58. font-size: 24rpx;
  59. text-align: center;
  60. font-weight: 400;
  61. color: #596D8D;
  62. overflow: hidden;
  63. }
  64. .loginBtn {
  65. width: 481rpx !important;
  66. height: 83rpx !important;
  67. }
  68. .empty {
  69. height: 100vh;
  70. display: flex;
  71. flex-direction: column;
  72. justify-content: center;
  73. align-items: center;
  74. }