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

style: standardize tailwind classes and clean unused assets

Browse Source 
Standardize Tailwind CSS usage across the codebase: replace legacy shorthand utilities with modern syntax, update color classes to use bracket notation, fix margin/padding units, delete unused CreateServiceOrder SCSS stylesheet and image asset, and resolve minor style inconsistencies.
This commit is contained in:
DEV_DSW
2026-05-29 10:47:36 +08:00
parent 971b4d9cfa
commit 8312273696
40 changed files with 110 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/home/components/AnswerComponent/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="w-full bg-white border-ff overflow-hidden rounded-20 flex flex-col">
<div class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
<!-- 占位撑开 -->
<div class="w-vw"></div>
<div class="w-full"></div>
<div class="flex flex-col px-[16px] pt-16 pb-[12px] ">
<div v-if="tag" class="long-answer-tag">{{ tag }}</div>
<div v-if="title" class="flex flex-row flex-items-start flex-justify-start mb-4">
@@ -14,11 +14,11 @@
</div>
<!-- 超过3行时显示...提示 -->
<div v-if="!finish" class="flex flex-row items-center mt-8">
<span class="text-[12px] font-400 font-color-600">正在生成</span>
<span class="text-[12px] font-normal font-color-600">正在生成</span>
<ChatLoading />
</div>
<div v-if="isOverflow" class="flex flex-row items-center flex-justify-between mt-4" @click="lookDetailAction">
<span class="text-[12px] font-400 theme-color-500 mr-[4px]">查看完整{{ tag }}</span>
<div v-if="isOverflow" class="flex flex-row items-center justify-between mt-4" @click="lookDetailAction">
<span class="text-[12px] font-normal theme-color-500 mr-[4px]">查看完整{{ tag }}</span>
<uni-icons class="icon-active" type="right" size="14" color="opacity"></uni-icons>
</div>

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

@@ -100,7 +100,7 @@
</template>
<template v-else>
<ChatCardOther class="flex flex-justify-center" :text="item.msg">
<ChatCardOther class="flex justify-center" :text="item.msg">
<ChatGuide v-if="chatMsgList.length < 2" />
<ActivityListComponent v-if="
mainPageDataModel.activityList &&

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

@@ -1,8 +1,8 @@
v
<template>
<div class="welcome-content p-[12px]">
<div class="wrap rounded-20">
<div class="flex items-center flex-justify-between pl-12 pr-12">
<div class="wrap rounded-[20px]">
<div class="flex items-center justify-between pl-12 pr-12">
<SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth"
:frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns"
:displayWidth="spriteStyle.displayWidth" :fps="16" />

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

@@ -17,7 +17,7 @@
<span>{{ distance.text }}</span>
</div>
<div class="facility-location-card__location bg-[#f8fafc] rounded-20">
<div class="facility-location-card__location bg-[#f8fafc] rounded-[20px]">
<div class="facility-location-card__location-label flex items-center color-64748B text-[13px] font-bold">
<span class="facility-location-card__location-dot">{{ location.icon }}</span>
<span>{{ location.label }}</span>
@@ -28,7 +28,7 @@
</div>
<div
class="facility-location-card__button flex items-center flex-justify-center bg-0F172A text-white text-[18px] font-bold"
class="facility-location-card__button flex items-center justify-center bg-0F172A text-white text-[18px] font-bold"
:class="{ 'is-disabled': disabled }" @click="handleAction">
<span class="facility-location-card__button-icon">{{ action.icon }}</span>
<span>{{ action.text }}</span>

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

@@ -1,7 +1,7 @@
<template>
<div class="faq-help-card bg-white rounded-[24px] w-full">
<div class="faq-help-card__header flex items-center">
<div class="faq-help-card__icon flex items-center flex-justify-center rounded-full text-[16px] font-bold">
<div class="faq-help-card__icon flex items-center justify-center rounded-full text-[16px] font-bold">
{{ data.icon }}
</div>
<div class="faq-help-card__title text-[#1e293b] font-size-20 font-bold">

8
src/pages/home/components/GeneratorPhotoComponent/index.vue
View File

@@ -1,10 +1,10 @@
<template>
<div class="container w-full border-ff overflow-hidden rounded-[24px] flex flex-col">
<!-- 占位撑开 -->
<div class="w-vw"></div>
<div class="w-full"></div>
<div class="content flex flex-col m-4 rounded-[24px]">
<div class="flex flex-col p-6 items-center justify-center">
<img class="w-full rounded-20" :src="props.toolCall.componentNameParams.background" mode="widthFix" />
<img class="w-full rounded-[20px]" :src="props.toolCall.componentNameParams.background" mode="widthFix" />
<!-- 左上角标签 -->
<div class="tag">
@@ -14,14 +14,14 @@
<img class="g_title mt-20" :src="props.toolCall.componentNameParams.title" />
<span class="text-[14px] font-400 text-white my-12 text-center">
<span class="text-[14px] font-normal text-white my-12 text-center">
{{ props.toolCall.componentNameParams.description }}
</span>
<div class="w-full px-12 pb-8 flex flex-row" @click="jumpClick">
<div class="btn-bg w-full p-4 rounded-[24px] flex flex-row">
<div
class="btn-bg-sub w-full p-16 rounded-20 flex flex-row items-center flex-justify-center text-white text-center text-[18px] font-800">
class="btn-bg-sub w-full p-16 rounded-[20px] flex flex-row items-center justify-center text-white text-center text-[18px] font-800">
{{ props.toolCall.componentNameParams.buttonName }}
</div>
</div>

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

@@ -12,7 +12,7 @@
<div class="long-text-guide-card__summary-text color-94A3B8 text-[14px] font-medium ellipsis-2">
{{ item.summary }}
</div>
<div class="long-text-guide-card__summary-footer flex items-center flex-justify-between">
<div class="long-text-guide-card__summary-footer flex items-center justify-between">
<text class="color-CBD5E1 text-[12px] font-800">{{ item.footer }}</text>
<uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
</div>
@@ -21,7 +21,7 @@
<div v-else class="long-text-guide-card__detail-card bg-white rounded-[24px] overflow-hidden">
<div class="long-text-guide-card__detail-header flex items-center border-bottom-F1F5F9">
<div class="long-text-guide-card__back flex items-center flex-justify-center rounded-full font-700"
<div class="long-text-guide-card__back flex items-center justify-center rounded-full font-700"
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</div>
@@ -104,7 +104,7 @@
<img class="long-text-guide-card__photo-image w-full block" :src="activeItem.action.image"
mode="aspectFill" />
<div
class="long-text-guide-card__expand flex items-center flex-justify-center rounded-full text-white text-[18px] font-bold">
class="long-text-guide-card__expand flex items-center justify-center rounded-full text-white text-[18px] font-bold">
↗
</div>
</div>

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

@@ -1,7 +1,7 @@
<template>
<div class="w-full bg-white border-ff overflow-hidden rounded-20 flex flex-col">
<div class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
<!-- 占位撑开 -->
<div class="w-vw"></div>
<div class="w-full"></div>
<div class="flex flex-col px-[16px] pt-16 pb-[12px] " @click="openDetail(item)">
<div class="long-text-guide-card__badge text-[12px] font-bold" :class="`is-${item.badgeTone}`">
@@ -14,7 +14,7 @@
<div class="long-text-guide-card__summary-text color-94A3B8 text-[14px] font-medium ellipsis-2">
{{ item.summary }}
</div>
<div class="long-text-guide-card__summary-footer flex items-center flex-justify-between">
<div class="long-text-guide-card__summary-footer flex items-center justify-between">
<span class="color-CBD5E1 text-[12px] font-800">{{ item.footer }}</span>
<uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
</div>

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

@@ -18,7 +18,7 @@
</div>
</div>
<div
class="map-navigation-card__button flex items-center flex-justify-center bg-0F172A text-white text-[18px] font-bold"
class="map-navigation-card__button flex items-center justify-center bg-0F172A text-white text-[18px] font-bold"
:class="{ 'is-disabled': disabled }" @click="handleAction">
<span class="map-navigation-card__button-icon">{{ action.icon }}</span>
<span>{{ action.text }}</span>

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

@@ -8,7 +8,7 @@
<div class="list bg-white pl-20 pr-20">
<div class="item border-bottom pt-20 pb-20" v-for="(item, index) in list" :key="index">
<div class="flex items-center flex-justify-center">
<div class="flex items-center justify-center">
<img v-if="item.icon" class="left" :src="item.icon" />
<div class="center flex-1">
<div class="text-[16px] text-black leading-[24px] font-medium">

5
src/pages/home/components/NoticeCard/index.vue
View File

@@ -7,7 +7,7 @@
<div class="notice-card__summary-content color-D97706 text-[14px] font-bold">
{{ summary.content }}
</div>
<div class="notice-card__summary-footer flex items-center flex-justify-between">
<div class="notice-card__summary-footer flex items-center justify-between">
<div class="notice-card__summary-time color-D97706 text-[12px] font-bold">
{{ summary.publishTime }}
</div>
@@ -20,8 +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 flex-justify-center rounded-full flex-shrink-0"
@click="closeDetail">
<div class="notice-card__back flex items-center justify-center rounded-full flex-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">

14
src/pages/home/components/OpenMapComponent/index.vue
View File

@@ -1,18 +1,18 @@
<template>
<div class="w-full bg-white border-ff overflow-hidden rounded-20 flex flex-col">
<div class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
<!-- 占位撑开 -->
<div class="w-vw"></div>
<div class="flex items-center flex-justify-between p-[12px] " @click="openMap">
<div class="rounded-[16px] p-16 bg-theme-color-50">
<div class="w-32 h-32 rounded-full bg-white flex items-center flex-justify-center">
<div class="w-full"></div>
<div class="flex items-center justify-between p-[12px] " @click="openMap">
<div class="rounded-[16px] p-16 bg-[#f0f8f3]">
<div class="w-32 h-32 rounded-full bg-white flex items-center justify-center">
<uni-icons type="location" size="16" color="#171717" />
</div>
</div>
<div class="center ml-12">
<div class="center ml-[12px]">
<div class="font-color-900 text-[14px]">打开导览地图</div>
<div class="font-color-500 text-[12px] mt-6">距你 {{ distance }} · 步行 {{ walk }}</div>
</div>
<div class="ml-12 flex items-center flex-justify-center w-32 h-32 rounded-full bg-F2F5F8">
<div class="ml-[12px] flex items-center justify-center w-32 h-32 rounded-full bg-F2F5F8">
<uni-icons class="mb-2" type="right" size="12" color="#99A0AE" />
</div>
</div>

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

@@ -2,7 +2,7 @@
<div class="poi-compare-card w-full">
<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">
<div class="poi-compare-card__mark flex items-center justify-center rounded-full flex-shrink-0">
{{ data.icon }}
</div>
<div class="poi-compare-card__title text-[#1e293b] text-[18px] font-bold truncate flex-1">
@@ -29,8 +29,7 @@
</div>
</div>
<div
class="poi-compare-card__primary flex items-center flex-justify-center bg-0F172A text-white text-[15px] font-bold"
<div class="poi-compare-card__primary flex items-center justify-center bg-0F172A text-white text-[15px] font-bold"
:class="{ 'is-disabled': disabled }" @click="openDetail">
{{ data.detailButtonText }}
</div>
@@ -38,7 +37,7 @@
<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"
<div class="poi-compare-card__back flex items-center justify-center rounded-full flex-shrink-0"
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</div>
@@ -85,7 +84,7 @@
<div class="poi-compare-card__actions grid grid-cols-2 gap-14">
<div v-for="action in detail.actions" :key="action.id || action.text"
class="poi-compare-card__action flex items-center flex-justify-center text-[15px] font-bold"
class="poi-compare-card__action flex items-center justify-center text-[15px] font-bold"
:class="[action.primary ? 'poi-compare-card__action--primary bg-0F172A text-white' : 'poi-compare-card__action--secondary text-[#334155]', { 'is-disabled': disabled }]"
@click="handleAction(action)">
<span class="poi-compare-card__action-icon">{{ action.icon }}</span>

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

@@ -21,7 +21,7 @@
</div>
<div
class="poi-detail-card__button flex items-center flex-justify-center gap-8 text-white bg-0F172A text-[16px] font-bold"
class="poi-detail-card__button flex items-center justify-center gap-8 text-white bg-0F172A text-[16px] font-bold"
:class="{ 'is-disabled': disabled }" @click="handleAction">
<span class="poi-detail-card__button-icon">↗</span>
<span>{{ data.action?.text }}</span>

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

@@ -3,7 +3,7 @@
<div class="recommendation-list-card__scroll scroll-x whitespace-nowrap w-full" scroll-x :show-scrollbar="false"
enhanced>
<div v-for="item in items" :key="item.id || item.title"
class="recommendation-list-card__item inline-block bg-white rounded-20 overflow-hidden"
class="recommendation-list-card__item inline-block bg-white rounded-[20px] overflow-hidden"
:class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
<img class="recommendation-list-card__image block w-full" :src="item.image" mode="aspectFill" />
<div class="recommendation-list-card__body p-16">
@@ -16,7 +16,7 @@
<span>{{ item.distance }}</span>
</div>
<div
class="recommendation-list-card__button flex items-center flex-justify-center mt-[12px] text-[#334155] text-[12px] font-bold"
class="recommendation-list-card__button flex items-center justify-center mt-[12px] text-[#334155] text-[12px] font-bold"
@click.stop="handleSelect(item)">
{{ getActionText(item) }}
</div>

8
src/pages/home/components/RoutePlanCard/index.vue
View File

@@ -22,7 +22,7 @@
<div v-else class="route-plan-card__detail bg-white rounded-[24px] overflow-hidden w-full">
<div class="route-plan-card__detail-head flex items-center">
<div class="route-plan-card__back flex items-center flex-justify-center rounded-full flex-shrink-0"
<div class="route-plan-card__back flex items-center justify-center rounded-full flex-shrink-0"
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</div>
@@ -38,10 +38,10 @@
<template v-for="(node, index) in nodes" :key="node.id || node.title">
<div class="route-plan-card__node-wrap" :class="{ 'is-disabled': disabled }" @click="handleSelect(node)">
<div
class="route-plan-card__node-number flex items-center flex-justify-center rounded-full color-047857 bg-ECFDF5 text-[12px] font-bold">
class="route-plan-card__node-number flex items-center justify-center rounded-full color-047857 bg-ECFDF5 text-[12px] font-bold">
{{ index + 1 }}
</div>
<div class="route-plan-card__node bg-white rounded-20 flex items-center">
<div class="route-plan-card__node bg-white rounded-[20px] flex items-center">
<img class="route-plan-card__node-image block flex-shrink-0" :src="node.image" mode="aspectFill" />
<div class="route-plan-card__node-body flex-1">
<div class="route-plan-card__node-title text-[#1e293b] text-[16px] font-bold truncate">
@@ -69,7 +69,7 @@
</template>
</div>
<div v-if="tips.length" class="route-plan-card__tips bg-[#f8fafc] rounded-20">
<div v-if="tips.length" class="route-plan-card__tips bg-[#f8fafc] rounded-[20px]">
<div class="route-plan-card__tips-title color-64748B text-[14px] font-bold">
{{ detail.tipsTitle }}
</div>

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

@@ -4,7 +4,7 @@
<img class="scenic-image-card__image block w-full" :src="data.image" mode="aspectFill" />
<div
class="scenic-image-card__expand flex items-center flex-justify-center rounded-full text-white text-[18px] font-bold"
class="scenic-image-card__expand flex items-center justify-center rounded-full text-white text-[18px] font-bold"
@click.stop="handleAction">
{{ action.icon }}
</div>

3
src/pages/home/components/SharedVisual/ActionRow.vue
View File

@@ -1,8 +1,7 @@
<template>
<div class="visual-action-row flex items-center gap-[12px] p-[12px] bg-white rounded-18 "
:class="{ 'is-disabled': disabled }" @click="handleClick">
<div
class="visual-action-row__icon flex items-center flex-justify-center w-42 h-42 rounded-14 text-[18px] font-bold"
<div class="visual-action-row__icon flex items-center justify-center w-42 h-42 rounded-14 text-[18px] font-bold"
:class="toneClass">
<slot name="icon">{{ icon }}</slot>
</div>

2
src/pages/home/components/SharedVisual/BadgePill.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="visual-badge flex items-center flex-justify-center rounded-[5px]0 font-size-10 font-800 whitespace-nowrap"
<div class="visual-badge flex items-center justify-center rounded-[5px]0 font-size-10 font-800 whitespace-nowrap"
:class="toneClass">
<slot>{{ label }}</slot>
</div>