knowXetong.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .about-container {
  2. background: #fff;
  3. min-height: 100vh;
  4. }
  5. .nav-bar {
  6. position: relative;
  7. height: 100rpx;
  8. display: flex;
  9. align-items: center;
  10. justify-content: center;
  11. border-bottom: 1rpx solid #f0f0f0;
  12. }
  13. .back-arrow {
  14. position: absolute;
  15. left: 30rpx;
  16. width: 40rpx;
  17. height: 40rpx;
  18. top: 50%;
  19. transform: translateY(-50%);
  20. }
  21. .nav-title {
  22. font-size: 34rpx;
  23. font-weight: bold;
  24. }
  25. .about-header {
  26. display: flex;
  27. flex-direction: column;
  28. align-items: center;
  29. margin: 40rpx 0 30rpx 0;
  30. }
  31. .about-logo {
  32. width: 120rpx;
  33. height: 120rpx;
  34. margin-bottom: 20rpx;
  35. }
  36. .about-title {
  37. font-size: 36rpx;
  38. font-weight: bold;
  39. margin-bottom: 10rpx;
  40. }
  41. .about-version {
  42. color: #888;
  43. font-size: 28rpx;
  44. margin-bottom: 5rpx;
  45. }
  46. .about-id {
  47. color: #bbb;
  48. font-size: 22rpx;
  49. margin-bottom: 20rpx;
  50. }
  51. .about-list {
  52. background: #fff;
  53. border-radius: 20rpx;
  54. overflow: hidden;
  55. margin: 0 20rpx;
  56. }
  57. .about-item {
  58. display: flex;
  59. justify-content: space-between;
  60. align-items: center;
  61. padding: 32rpx 0;
  62. border-bottom: 1rpx solid #f0f0f0;
  63. font-size: 30rpx;
  64. }
  65. .about-item:last-child {
  66. border-bottom: none;
  67. }
  68. .about-right {
  69. color: #bbb;
  70. font-size: 26rpx;
  71. }
  72. .about-dot {
  73. width: 16rpx;
  74. height: 16rpx;
  75. background: #ff3b30;
  76. border-radius: 50%;
  77. margin-left: 10rpx;
  78. }