Kaynağa Gözat

Fix 下拉菜单样式修复

Yue 2 yıl önce
ebeveyn
işleme
560aa8aa0c

+ 4 - 1
UI/VAP.APP/src/components/searchBar.vue

@@ -156,7 +156,10 @@ function search() {
           <view class="text-gray-4">|</view>
           <view
             class="px-5"
-            :class="{ 'text-vb font-bold': activeTabIndex == i + (searchDropdownList?.length || 0) }"
+            :class="{
+              'text-vb font-bold': activeTabIndex == i + (searchDropdownList?.length || 0),
+              'text-gray-8': activeTabIndex != i + (searchDropdownList?.length || 0),
+            }"
             @click="bindSearchTabClick(i + (searchDropdownList?.length || 0), v.value)"
           >
             {{ v.text }}

+ 2 - 2
UI/VAP.APP/src/components/vber/dropdown/vb-dropdown.vue

@@ -111,9 +111,9 @@ defineExpose({ close })
         @click="bindItemClick(item)"
         :key="index"
       >
-        <view slot="title" class="van-dropdown-item__title item-title-class" :style="itemStyle(item)">
+        <text slot="title" class="vb-dropdown__option__title" :style="itemStyle(item)">
           {{ item[props.map.text] }}
-        </view>
+        </text>
       </view>
     </view>
   </view>

+ 2 - 3
UI/VAP.APP/src/static/scss/vb-component/_dropdown.scss

@@ -64,9 +64,8 @@ view {
     padding-left: 25px;
     cursor: pointer;
     border-bottom: 1px solid #ebeef5;
-    &__title {
-      color: var(--vb-gray-6);
-    }
+    color: var(--vb-gray-7);
+
     &.active {
       color: var(--dropdown-menu-option-active-color);
       font-weight: bold;