helpList.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  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: 32rpx;
  46. margin-left: 20rpx;
  47. color: #333333;
  48. font-weight: bold;
  49. }
  50. .item {
  51. width: 630rpx;
  52. margin-left: 30rpx;
  53. display: flex;
  54. height: 96rpx;
  55. flex-direction: row;
  56. align-items: center;
  57. border-bottom: 1rpx solid #E8E8E8;
  58. }
  59. .item:active {
  60. opacity: 0.7;
  61. }
  62. .item:last-child {
  63. border: 0;
  64. }
  65. .item-title {
  66. flex: 1;
  67. font-size: 28rpx;
  68. color: #333333;
  69. }