powerSetting.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .power-setting-main{
  2. padding: 24rpx;
  3. background: linear-gradient( 180deg, #CFD1DE 0%, #F1F3F4 100%);
  4. height: 100vh;
  5. }
  6. .power-setting-head{
  7. flex-direction: column;
  8. margin-bottom: 60rpx;
  9. }
  10. .head-img{
  11. width: 144rpx;
  12. height: 144rpx;
  13. border-radius: 50%;
  14. }
  15. .head-name{
  16. margin: 20rpx 0 12rpx;
  17. font-family: DIN, DIN;
  18. font-weight: bold;
  19. font-size: 40rpx;
  20. color: #060809;
  21. }
  22. .head-email{
  23. font-weight: 500;
  24. font-size: 24rpx;
  25. color: #060809;
  26. opacity: 0.4;
  27. }
  28. .setting-card{
  29. background: #FFFFFF;
  30. border-radius: 40rpx;
  31. padding: 40rpx 36rpx 8rpx;
  32. }
  33. .setting-card-name{
  34. /* margin-bottom: 32rpx; */
  35. font-weight: 400;
  36. font-size: 36rpx;
  37. color: #060809;
  38. }
  39. .setting-card-list >img{
  40. width: 64rpx;
  41. height: 64rpx;
  42. }
  43. .setting-list-text{
  44. font-weight: 600;
  45. font-size: 32rpx;
  46. color: #060809;
  47. flex-grow: 1;
  48. padding: 32rpx;
  49. }
  50. .setting-card-list:not(:last-child){
  51. border-bottom: 2rpx solid #F1F4F5;
  52. }
  53. .check-btn{
  54. height: 88rpx;
  55. line-height: 88rpx;
  56. font-weight: 600;
  57. font-size: 32rpx;
  58. text-align: center;
  59. border-radius: 44rpx;
  60. }
  61. .add-btn{
  62. background: #060809;
  63. color: #FFF;
  64. }
  65. .del-btn{
  66. background: #E4E7EC;
  67. color: #060809;
  68. }
  69. .setting-list-arrow{
  70. width: 88rpx;
  71. height: 44rpx;
  72. }