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/NoticeCard/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="notice-card w-full">
<div v-if="!detailOpen" class="notice-card__summary bg-FFFBEB rounded-24 w-full">
<div v-if="!detailOpen" class="notice-card__summary bg-FFFBEB rounded-[24px] w-full">
<div class="notice-card__summary-title color-B45309 text-[16px] font-bold">
{{ summary.title }}
</div>
@@ -18,7 +18,7 @@
</div>
</div>
<div v-else class="notice-card__detail bg-white rounded-24 overflow-hidden w-full">
<div v-else class="notice-card__detail bg-white rounded-[24px] overflow-hidden w-full">
<div class="notice-card__detail-head flex items-center">
<div class="notice-card__back flex items-center flex-justify-center rounded-full flex-shrink-0"
@click="closeDetail">