style: standardize tailwind classes and cleanup legacy styles

Replace `flex-shrink-0` with `shrink-0` across components for consistency
Migrate legacy color utility classes to inline hex Tailwind classes
Replace background color utility classes with inline hex equivalents
Delete unused SCSS style files for ScenicImageCard and RoutePlanCard
Refactor RoutePlanCard to use inline Tailwind styles instead of external CSS
Update icon component usage in RoutePlanCard to match project standards
This commit is contained in:
DEV_DSW
2026-05-29 14:32:05 +08:00
parent f0a149d8a6
commit 79770b03d4
14 changed files with 74 additions and 341 deletions

View File

@@ -1,14 +1,14 @@
<template>
<div class="notice-card w-full">
<div v-if="!detailOpen" class="notice-card__summary bg-FFFBEB rounded-[24px] 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>
<div class="notice-card__summary-content color-D97706 text-[14px] font-bold">
<div class="notice-card__summary-content text-[#D97706] text-[14px] font-bold">
{{ summary.content }}
</div>
<div class="notice-card__summary-footer flex items-center justify-between">
<div class="notice-card__summary-time color-D97706 text-[12px] font-bold">
<div class="notice-card__summary-time text-[#D97706] text-[12px] font-bold">
{{ summary.publishTime }}
</div>
<div class="notice-card__summary-link color-B45309 text-[14px] font-bold" :class="{ 'is-disabled': disabled }"
@@ -20,7 +20,7 @@
<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 justify-center rounded-full flex-shrink-0" @click="closeDetail">
<div class="notice-card__back flex items-center justify-center rounded-full shrink-0" @click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</div>
<div class="notice-card__head-title text-[#1e293b] text-[18px] font-bold">