duanshuwen/nianxx-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(find-tabs): adjust spacing and label styles

Browse Source 
Add a spacer div after the last tab to add consistent right padding, remove redundant px-1 padding from tab labels, and clean up excess whitespace in class attributes.
This commit is contained in:
DEV_DSW
2026-06-02 16:00:04 +08:00
parent a024fccab7
commit 0c94c8f798
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/home/components/Discovery/components/FindTabs/index.vue
View File

@@ -1,14 +1,14 @@
<template>
<div class="w-full bg-transparent">
<div class="w-full bg-transparent ">
<div ref="tabsScrollRef"
class="tabs-scroll w-full overflow-x-auto scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
class="tabs-scroll w-full overflow-x-auto scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
<div class="flex items-end h-[50px] gap-4 flex-nowrap px-3">
<div v-for="(tab, idx) in tabs" :key="idx" :id="getTabId(idx)"
class="relative inline-flex items-center justify-center h-[50px] shrink-0" @click="handleSwitch(tab, idx)">
<div class="relative flex items-center justify-center h-[50px]">
<div class="relative inline-flex items-center justify-center">
<span
:class="['relative text-base z-10 px-1 leading-none', modelValue === idx ? 'text-[#0b0b0b] font-bold' : 'font-medium text-[#808c99]/90']">
:class="['relative text-base z-10 leading-none', modelValue === idx ? 'text-[#0b0b0b] font-bold' : 'font-medium text-[#808c99]/90']">
{{ tab.label }}
</span>
<img v-if="modelValue === idx && (isZhiNian ? indicatorSrcB : indicatorSrc)"
@@ -17,6 +17,7 @@
</div>
</div>
</div>
<div class="w-px h-[50px] shrink-0"></div>
</div>
</div>
</div>