industry-select.wxss 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .industry-selector-page.data-v-ccf07d08 {
  2. min-height: 100vh;
  3. background-color: #FFFFFF;
  4. display: flex;
  5. flex-direction: column;
  6. width: 100%;
  7. box-sizing: border-box;
  8. overflow-x: hidden;
  9. }
  10. .industry-selector-page .selector-content.data-v-ccf07d08 {
  11. flex: 1;
  12. width: 100%;
  13. box-sizing: border-box;
  14. overflow-y: auto;
  15. padding: 20rpx 40rpx 60rpx;
  16. }
  17. .industry-selector-page .selector-content .header-titles.data-v-ccf07d08 {
  18. margin-bottom: 40rpx;
  19. padding-top: 20rpx;
  20. }
  21. .industry-selector-page .selector-content .header-titles .main-title.data-v-ccf07d08 {
  22. font-size: 32rpx;
  23. font-weight: bold;
  24. color: #1A1A1A;
  25. display: block;
  26. margin-bottom: 12rpx;
  27. }
  28. .industry-selector-page .selector-content .header-titles .sub-title.data-v-ccf07d08 {
  29. font-size: 26rpx;
  30. color: #999999;
  31. display: block;
  32. }
  33. .industry-selector-page .selector-content .accordion-list .accordion-item.data-v-ccf07d08 {
  34. border-bottom: 1rpx solid #F0F4FC;
  35. padding-bottom: 24rpx;
  36. margin-bottom: 24rpx;
  37. }
  38. .industry-selector-page .selector-content .accordion-list .accordion-item.data-v-ccf07d08:last-child {
  39. border-bottom: none;
  40. }
  41. .industry-selector-page .selector-content .accordion-list .accordion-item .accordion-header.data-v-ccf07d08 {
  42. display: flex;
  43. justify-content: space-between;
  44. align-items: center;
  45. padding: 24rpx 0;
  46. }
  47. .industry-selector-page .selector-content .accordion-list .accordion-item .accordion-header .category-name.data-v-ccf07d08 {
  48. font-size: 30rpx;
  49. font-weight: 600;
  50. color: #1A1A1A;
  51. }
  52. .industry-selector-page .selector-content .accordion-list .accordion-item .accordion-header .arrow-icon.data-v-ccf07d08 {
  53. width: 12rpx;
  54. height: 12rpx;
  55. border-right: 3rpx solid #B0BACC;
  56. border-bottom: 3rpx solid #B0BACC;
  57. transform: rotate(45deg);
  58. transition: transform 0.3s;
  59. flex-shrink: 0;
  60. margin-right: 12rpx;
  61. margin-bottom: 8rpx;
  62. }
  63. .industry-selector-page .selector-content .accordion-list .accordion-item .accordion-header .arrow-icon.expanded.data-v-ccf07d08 {
  64. transform: rotate(-135deg);
  65. margin-bottom: -8rpx;
  66. }
  67. .industry-selector-page .selector-content .accordion-list .accordion-item .tags-container.data-v-ccf07d08 {
  68. display: flex;
  69. flex-wrap: wrap;
  70. gap: 20rpx;
  71. margin-top: 10rpx;
  72. }
  73. .industry-selector-page .selector-content .accordion-list .accordion-item .tags-container .tag.data-v-ccf07d08 {
  74. background-color: #F8FAFC;
  75. color: #4D5666;
  76. font-size: 24rpx;
  77. padding: 16rpx 28rpx;
  78. border-radius: 8rpx;
  79. transition: all 0.2s;
  80. }
  81. .industry-selector-page .selector-content .accordion-list .accordion-item .tags-container .tag.active.data-v-ccf07d08 {
  82. background-color: #EBF1FA;
  83. color: #1F6CFF;
  84. font-weight: 500;
  85. }