deviceInfo.css 908 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .device-info-main{
  2. background: linear-gradient( 180deg, #CFD1DE 0%, #F1F3F4 50%);
  3. height: 100vh;
  4. padding: 24rpx;
  5. }
  6. .device-name{
  7. font-weight: 600;
  8. font-size: 48rpx;
  9. color: #060809;
  10. margin-bottom: 64rpx;
  11. }
  12. .block-card{
  13. background: #FFFFFF;
  14. border-radius: 40rpx;
  15. padding: 0 32rpx;
  16. margin-bottom: 20rpx;
  17. }
  18. .info-view{
  19. padding: 40rpx 0;
  20. }
  21. .info-view:not(:last-child){
  22. border-bottom: 2rpx solid #F1F4F5;
  23. }
  24. .info-title{
  25. font-weight: 600;
  26. font-size: 40rpx;
  27. color: #060809;
  28. opacity: 0.5;
  29. margin-bottom: 32rpx;
  30. }
  31. .info-value{
  32. font-weight: 600;
  33. font-size: 30rpx;
  34. color: #060809;
  35. }
  36. .block-card-1{
  37. background: #FFFFFF;
  38. border-radius: 40rpx;
  39. padding: 32rpx;
  40. width: 100%;
  41. }
  42. .info-icon{
  43. width: 52rpx;
  44. height: 50rpx;
  45. }
  46. .info-text{
  47. margin: 40rpx 0 28rpx;
  48. font-weight: 600;
  49. font-size: 40rpx;
  50. color: #060809;
  51. opacity: 0.5;
  52. }
  53. .info-vosion{
  54. font-weight: 500;
  55. font-size: 30rpx;
  56. color: #060809;
  57. }