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

refactor(shared-visual): clean up shared styles

Browse Source 
Remove the centralized SharedVisual/styles/index.scss file. Inline all component styles directly into each Vue component. Hardcode green default styles for BadgePill and ActionRow, remove dynamic tone classes. Replace the text arrow in ActionRow with the van-icon component. Update disabled states to use opacity-55 instead of is-disabled class. Fix font-700 to font-bold across components. Simplify component class names and remove unused code.
This commit is contained in:
duanshuwen
2026-05-29 20:11:11 +08:00
parent 86f8e9adec
commit c405328da7
5 changed files with 25 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/home/components/LongTextGuideCard/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="long-text-guide-card w-full">
<div v-if="mode === 'list'" class="long-text-guide-card__list w-full">
<div class="w-full">
<div v-if="mode === 'list'" class="w-full">
<div v-for="item in cards" :key="item.id"
class="min-h-[178px] mb-4 pt-[28px] px-[26px] pb-[22px] border border-slate-900/5 [box-shadow:0_12px_28px_rgba(15,23,42,0.04)] [transition:transform_0.15s_ease,opacity_0.15s_ease] bg-white rounded-[24px] active:scale-985"
:class="{ 'opacity-55': disabled }" @click="openDetail(item)">
@@ -24,7 +24,7 @@
<div v-else class="border border-slate-900/5 bg-white rounded-[24px] overflow-hidden">
<div class="min-h-[70px] py-0 pr-[18px] pl-5 flex items-center border-b border-ink-200">
<div
class="w-[34px] h-[34px] mr-3 text-slate-500 bg-[#f2f4f6] text-2xl leading-none flex items-center justify-center rounded-full font-700"
class="w-[34px] h-[34px] mr-3 text-slate-500 bg-[#f2f4f6] text-2xl leading-none flex items-center justify-center rounded-full font-bold"
@click="closeDetail">
<van-icon name="arrow-left" size="16" color="#CBD5E1"></van-icon>
</div>