helpList.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. /* subpages/helpList/helpList.wxss */
  2. page {
  3. background: #F8F9FA;
  4. display: flex;
  5. flex-direction: column;
  6. position: relative;
  7. }
  8. .help-bg {
  9. position: absolute;
  10. z-index: -1;
  11. width: 100vw;
  12. display: block;
  13. }
  14. .nav-bar {
  15. background: transparent !important;
  16. }
  17. .list {
  18. margin-top: 100rpx;
  19. display: flex;
  20. flex-direction: column;
  21. align-items: center;
  22. width: 100vw;
  23. margin-bottom: 24rpx;
  24. }
  25. .item-card {
  26. margin-top: 24rpx;
  27. display: flex;
  28. flex-direction: column;
  29. width: 690rpx;
  30. background: #FFFFFF;
  31. border-radius: 24rpx;
  32. }
  33. .h-view {
  34. display: flex;
  35. flex-direction: row;
  36. align-items: center;
  37. }
  38. .menu-icon {
  39. display: block;
  40. margin-left: 30rpx;
  41. width: 64rpx;
  42. height: 64rpx;
  43. }
  44. .menu-title {
  45. font-size: 28rpx;
  46. margin-left: 20rpx;
  47. color: #333333;
  48. }
  49. .item {
  50. width: 630rpx;
  51. margin-left: 30rpx;
  52. display: flex;
  53. height: 96rpx;
  54. flex-direction: row;
  55. align-items: center;
  56. border-bottom: 1rpx solid #E8E8E8;
  57. }
  58. .item:active {
  59. opacity: 0.7;
  60. }
  61. .item:last-child {
  62. border: 0;
  63. }
  64. .item-title {
  65. flex: 1;
  66. font-size: 26rpx;
  67. color: #333333;
  68. }