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

style(ai-tab-switch): add flex centering and z-index to tab label container

Browse Source 
adjust the container to properly align tab text and set correct stacking order
This commit is contained in:
DEV_DSW
2026-06-01 10:33:09 +08:00
parent a077768584
commit 1307c53c0b
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/home/components/AiTabSwitch/index.vue
View File

@@ -26,7 +26,7 @@
? rightSelected || rightUnselected ? rightSelected || rightUnselected
: rightUnselected || rightSelected : rightUnselected || rightSelected
" class="absolute inset-x-0 bottom-0 top-auto block w-full h-12 align-bottom z-5" /> " class="absolute inset-x-0 bottom-0 top-auto block w-full h-12 align-bottom z-5" />
<div class="translate-x-5"> <div class="relative flex items-center justify-center z-20 translate-x-5">
<span <span
:class="['text-[18px]', modelValue === 1 ? 'text-[#2e312f] font-bold' : 'text-white/65 font-medium']">AI伴游</span> :class="['text-[18px]', modelValue === 1 ? 'text-[#2e312f] font-bold' : 'text-white/65 font-medium']">AI伴游</span>
<div v-if="showDot" :class="['inline-block ml-1.5 w-1.5 h-1.5 rounded-full z-22 -translate-y-px', modelValue === 1 ? 'bg-[#26d46c]' : 'bg-white/65 border border-black/8', <div v-if="showDot" :class="['inline-block ml-1.5 w-1.5 h-1.5 rounded-full z-22 -translate-y-px', modelValue === 1 ? 'bg-[#26d46c]' : 'bg-white/65 border border-black/8',