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

style(home components): convert rounded-24 to rounded-[24px] across card components

Browse Source 
Update all home page card components to use Tailwind's arbitrary radius syntax. Also adjust SharedVisual/CardShell.vue to add a subtle box shadow, fix border class formatting, and include transition and opacity styles for pressable and disabled states.
This commit is contained in:
DEV_DSW
2026-05-29 10:28:47 +08:00
parent 653cdd5139
commit 971b4d9cfa
11 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/home/components/PoiCompareCard/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="poi-compare-card w-full">
<div v-if="!isDetail" class="poi-compare-card__overdiv bg-white rounded-24 overflow-hidden">
<div v-if="!isDetail" class="poi-compare-card__overdiv bg-white rounded-[24px] overflow-hidden">
<div class="poi-compare-card__head flex items-center">
<div class="poi-compare-card__mark flex items-center flex-justify-center rounded-full flex-shrink-0">
{{ data.icon }}
@@ -36,7 +36,7 @@
</div>
</div>
<div v-else class="poi-compare-card__detail-card bg-white rounded-24 overflow-hidden">
<div v-else class="poi-compare-card__detail-card bg-white rounded-[24px] overflow-hidden">
<div class="poi-compare-card__detail-head flex items-center">
<div class="poi-compare-card__back flex items-center flex-justify-center rounded-full flex-shrink-0"
@click="closeDetail">