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

BIN
src/components/CreateServiceOrder/images/2025-07-11_104138.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 122 KiB

51
src/components/CreateServiceOrder/index.vue
View File

@@ -1,42 +1,41 @@
<template>
<div class="create-service-order">
<div class="w-full bg-white border-ff overflow-hidden rounded-20">
<div class=" order-header w-vw flex items-center flex-justify-between bg-theme-color-50">
<span class="text-[18px] font-medium text-[#171717] text-left ml-12">
<div class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
<div class="w-full h-[48px] flex items-center justify-between bg-[#f0f8f3]">
<span class="text-[18px] font-medium text-[#171717] text-left ml-[12px]">
{{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
</span>
<img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
<img class="w-[98px] h-[48px]" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
</div>
<div v-if="!isCallSuccess" class=" p-[12px]">
<div class="bg-F5F7FA flex items-center p-[12px] rounded-10 text-[14px] text-[#171717] mb-[12px]">
<span class="font-medium line-height-22 mr-20">所在位置</span>
<div class="bg-[#f5f7fa] flex items-center p-[12px] rounded-[10px] text-[14px] text-[#171717] mb-[12px]">
<span class="font-medium leading-[22px] mr-[20px]">所在位置</span>
<input placeholder="请填写所在位置" v-model="roomId" />
</div>
<div class="bg-F5F7FA flex items-center p-[12px] rounded-10 text-[14px] text-[#171717] mb-[12px]">
<span class="font-medium line-height-22 mr-20">联系电话</span>
<div class="bg-[#f5f7fa] flex items-center p-[12px] rounded-[10px] text-[14px] text-[#171717] mb-[12px]">
<span class="font-medium leading-[22px] mr-[20px]">联系电话</span>
<input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
</div>
<div class="bg-F5F7FA p-[12px] rounded-10 text-[14px] font-medium text-[#171717] mb-[12px]">
<div class="font-medium line-height-22 mb-[12px]">需求信息描述</div>
<textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="text-[14px] font-400" maxlength="100"
v-model="contactText" />
<div class="bg-[#f5f7fa] p-[12px] rounded-[10px] text-[14px] font-medium text-[#171717] mb-[12px]">
<div class="font-medium leading-[22px] mb-[12px]">需求信息描述</div>
<textarea class="h-[80px]" placeholder="请输入需求信息描述" maxlength="100" v-model="contactText" />
</div>
<div class="bg-F5F7FA p-[12px] rounded-10 text-[14px] font-medium text-[#171717] mb-[12px]">
<div class="font-medium line-height-22 mb-[12px]">照片上传</div>
<div class="bg-[#f5f7fa] p-[12px] rounded-[10px] text-[14px] font-medium text-[#171717] mb-[12px]">
<div class="font-medium leading-[22px] mb-[12px]">照片上传</div>
<div class="w-80 h-80 bg-white rounded-8 overflow-hidden flex items-center flex-justify-center">
<div class="w-[80px] h-[80px] bg-white rounded-[8px] overflow-hidden flex items-center justify-center">
<div v-if="contentImgUrl" class="w-full h-full relative inline-block">
<img class="w-full h-full block" :src="contentImgUrl" mode="aspectFill" />
<uni-icons class="close-btn absolute z-10" type="close" size="20" color="#6A717F"
<img class="w-full h-full block" :src="contentImgUrl" />
<van-icon class="top-0 right-0 absolute z-10" name="cross" size="20" color="#6A717F"
@click="handleDeleteImage">
</uni-icons>
</van-icon>
</div>
<div v-else class="w-full h-full flex items-center flex-justify-center" @click="handleChooseImage">
<div v-else class="w-full h-full flex items-center justify-center" @click="handleChooseImage">
<zn-icon name="zn-camera" size="24" color="#6A717F"></zn-icon>
</div>
</div>
@@ -56,10 +55,11 @@
</div>
</div>
<img v-if="contentImgUrl" class="right rounded-6" :src="contentImgUrl" mode="aspectFill" />
<img v-if="contentImgUrl" class="w-[88px] h-[88px] rounded-[6px]" :src="contentImgUrl" mode="aspectFill" />
</div>
<div class="btn rounded-[5px]0 text-white bg-button flex items-center flex-justify-center ml-12 mr-12 mb-[12px]"
<div
class="h-[44px] rounded-[5px] text-white bg-linear-[90deg,#f0f8f3_0%,#4de4ff_100%] flex items-center justify-center mx-[12px] mb-[12px]"
@click="handleCall">
{{ isCallSuccess ? "查看服务" : "立即呼叫" }}
</div>
@@ -225,12 +225,3 @@ onMounted(() => {
});
});
</script>
<style scoped lang="scss">
@import "./styles/index.scss";
.close-btn {
top: 0;
right: 0;
}
</style>

22
src/components/CreateServiceOrder/styles/index.scss
View File

@@ -1,22 +0,0 @@
.order-header {
height: 48px;
}
.header-icon {
width: 98px;
height: 48px;
}
.help-icon {
width: 16px;
height: 16px;
}
.btn {
height: 44px;
}
.right {
height: 88px;
width: 88px;
}

2
src/components/DateRangeSection/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class=" flex items-center flex-justify-between mb-[12px]">
<div class=" flex items-center justify-between mb-[12px]">
<div class="left flex items-center">
<span class="text-[12px] text-ink-400 mr-[4px]">入住</span>
<span class="text-[12px] text-[#171717] mr-16">

8
src/components/DetailPopup/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
<div class="refund-popup bg-F5F7FA ">
<div class="refund-popup bg-[#f5f7fa] ">
<div class=" flex items-center justify-between pt-[12px] pb-[12px] relative">
<div class="flex-1 text-[16px] text-[#171717] leading-[24px] text-center">
明细详情
@@ -9,12 +9,12 @@
<uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
</div>
<!-- 内容区域 -->
<div class="rounded-[12px] bg-white ml-12 mr-12 mb-40">
<div class=" border-bottom flex items-center flex-justify-between pt-[12px] pb-[12px] ml-12 mr-12">
<div class="rounded-[12px] bg-white ml-[12px] mr-[12px] mb-40">
<div class=" border-bottom flex items-center justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
<span class="text-[16px] font-medium text-[#171717]">在线支付</span>
<span class="text-[14px] text-[#171717]">239</span>
</div>
<div class=" flex items-center flex-justify-between pt-[12px] pb-[12px] ml-12 mr-12">
<div class=" flex items-center justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
<span class="text-[16px] font-medium text-[#171717]">房费</span>
<span class="text-[14px] text-[#171717]">239</span>
</div>

18
src/components/Feedback/index.vue
View File

@@ -1,25 +1,25 @@
<template>
<div class="create-service-order">
<div class="w-full bg-white border-ff overflow-hidden rounded-20">
<div class=" order-header w-vw flex items-center flex-justify-between bg-theme-color-50">
<span class="text-[18px] font-medium text-[#171717] text-left ml-12">
<div class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
<div class=" order-header w-full flex items-center justify-between bg-[#f0f8f3]">
<span class="text-[18px] font-medium text-[#171717] text-left ml-[12px]">
{{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
</span>
<img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
</div>
<div v-if="!isCallSuccess" class=" p-[12px]">
<div class="bg-F5F7FA flex items-center p-[12px] rounded-10 text-[14px] text-[#171717] mb-[12px]">
<span class="font-medium line-height-22 mr-20">联系电话</span>
<div class="bg-[#f5f7fa] flex items-center p-[12px] rounded-[10px] text-[14px] text-[#171717] mb-[12px]">
<span class="font-medium leading-[22px] mr-[20px]">联系电话</span>
<input placeholder="请填写联系电话" v-model="contactPhone" />
</div>
<div class="bg-F5F7FA p-[12px] rounded-10 text-[14px] font-medium text-[#171717] mb-[12px]">
<div class="font-medium line-height-22 mb-[12px]">意见内容</div>
<textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="text-[14px] font-400" maxlength="100"
<div class="bg-[#f5f7fa] p-[12px] rounded-[10px] text-[14px] font-medium text-[#171717] mb-[12px]">
<div class="font-medium leading-[22px] mb-[12px]">意见内容</div>
<textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="text-[14px] font-normal" maxlength="100"
v-model="contactText" />
</div>
<div class="btn rounded-[5px]0 text-white bg-button flex items-center flex-justify-center" @click="handleCall">
<div class="btn rounded-[5px]0 text-white bg-button flex items-center justify-center" @click="handleCall">
立即提交
</div>
</div>

4
src/components/RefundPopup/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
<div class="refund-popup bg-F5F7FA ">
<div class="refund-popup bg-[#f5f7fa] ">
<div class=" flex items-center justify-between pt-[12px] pb-[12px] relative">
<div class="flex-1 text-[16px] text-[#171717] leading-[24px] text-center">
取消政策
@@ -9,7 +9,7 @@
<uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
</div>
<!-- 内容区域 -->
<div class=" rounded-[12px] bg-white p-[12px] ml-12 mr-12 mb-40">
<div class=" rounded-[12px] bg-white p-[12px] ml-[12px] mr-[12px] mb-40">
<div class="flex items-center mb-8">
<uni-icons fontFamily="znicons" size="20" color="#333">
{{ iconsMap["zn-refund"] }}

2
src/components/Stepper/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="stepper-wrapper flex items-center rounded-8">
<div class="stepper-wrapper flex items-center rounded-[8px]">
<uni-icons type="minus" size="24" color="#D1D1D1" @click="decrease" />
<text class="stepper-text text-center text-[14px] font-medium text-black ml-4 mr-[4px]">
{{ value }} {{ unit }}

10
src/components/SurveyQuestionnaire/index.vue
View File

@@ -1,8 +1,8 @@
<template>
<div class="survey-questionnaire w-vw-24">
<div class="bg-white border-ff overflow-hidden rounded-20">
<div class=" flex items-center flex-justify-between bg-theme-color-50">
<span class="text-[18px] font-medium text-[#171717] text-left ml-12">
<div class="survey-questionnaire w-[calc(100%-24px)]">
<div class="bg-white border-ff overflow-hidden rounded-[20px]">
<div class=" flex items-center justify-between bg-[#f0f8f3]">
<span class="text-[18px] font-medium text-[#171717] text-left ml-[12px]">
调查问卷
</span>
<img class="w-102 h-72" :src="surveyData.logoUrl" mode="widthFix" />
@@ -10,7 +10,7 @@
<img class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />
<div class="h-44 m-[12px] rounded-[5px]0 bg-button text-white flex items-center flex-justify-center"
<div class="h-44 m-[12px] rounded-[5px]0 bg-button text-white flex items-center justify-center"
@click="handleCall">
前往填写
</div>

2
src/pages/album/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="bg-F5F7FA flex flex-col h-screen overflow-hidden">
<div class="bg-[#f5f7fa] flex flex-col h-screen overflow-hidden">
<TopNavBar title="房间相册" backgroundColor="transparent" />
<div class="p-8">
<span class="ml-4 text-[18px] text-[#171717] font-medium">全部({{ albumList.length }})</span>

4
src/pages/booking/components/ConactSection/index.vue
View File

@@ -20,7 +20,7 @@
联系方式
</div>
<div class="flex items-center p-[12px]">
<div class="text-[14px] font-medium text-ink-600 mr-12">联系人姓名</div>
<div class="text-[14px] font-medium text-ink-600 mr-[12px]">联系人姓名</div>
<div class="right">
<input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="userFormList[0].visitorName"
placeholder="请输入联系人" maxlength="20" />
@@ -28,7 +28,7 @@
</div>
<div class="flex items-center p-[12px]">
<div class="text-[14px] font-medium text-ink-600 mr-12">手机号码</div>
<div class="text-[14px] font-medium text-ink-600 mr-[12px]">手机号码</div>
<div class="right">
<input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="userFormList[0].contactPhone"
placeholder="请输入联系手机" maxlength="11" />

2
src/pages/booking/components/FooterSection/index.vue
View File

@@ -7,7 +7,7 @@
<span class="text-[12px] color-A3A3A3 mr-[4px]">明细</span>
<uni-icons type="up" size="16" color="#A3A3A3" />
</div> -->
<div class="btn rounded-10 flex items-center ml-auto pl-8" @click="handleBooking">
<div class="btn rounded-[10px] flex items-center ml-auto pl-8" @click="handleBooking">
<img class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
<span class="text-[16px] font-medium text-white">立即支付</span>
</div>

4
src/pages/booking/components/UserSection/index.vue
View File

@@ -12,7 +12,7 @@
<div class=" pl-12 pr-12">
<div class=" border-bottom pt-[12px] pb-[12px] flex items-center" v-for="(item, index) in userFormList"
:key="index">
<div class="text-[14px] font-medium text-ink-600 mr-12">住客姓名</div>
<div class="text-[14px] font-medium text-ink-600 mr-[12px]">住客姓名</div>
<div class="right">
<input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="item.visitorName"
placeholder="请输入姓名" maxlength="11" />
@@ -20,7 +20,7 @@
</div>
<div class="flex items-center pt-[12px] pb-[12px]">
<div class="text-[14px] font-medium text-ink-600 mr-12">联系手机</div>
<div class="text-[14px] font-medium text-ink-600 mr-[12px]">联系手机</div>
<div class="right">
<input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="userFormList[0].contactPhone"
placeholder="请输入联系手机" maxlength="11" />

2
src/pages/booking/index.vue
View File

@@ -32,7 +32,7 @@
</div>
</div>
<div class=" flex items-center flex-justify-between pt-[12px]">
<div class=" flex items-center justify-between pt-[12px]">
<span class="text-[12px] text-ink-600 line-height-18">取消政策及说明</span>
<div class="flex items-center">
<span class="text-[12px] theme-color-500 leading-[16px]" @click="refundVisible = true">取消政策</span>

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>

4
src/pages/order/order/components/AmtSection/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="bg-white rounded-[12px] p-[12px] mb-[12px]">
<div class="flex items-center flex-justify-between">
<div class="flex items-center justify-between">
<div class="flex items-center">
<span class="text-[16px] text-[#171717] leading-[24px] font-medium">
订单金额
@@ -14,7 +14,7 @@
超时后，订单将自动取消
</div>
<div v-if="['1', '2'].includes(orderData.orderStatus)"
class=" border-top flex items-center flex-justify-between text-[12px] pt-[12px] mt-[12px]">
class=" border-top flex items-center justify-between text-[12px] pt-[12px] mt-[12px]">
<div class="text-ink-600">取消政策及说明</div>
<div class="flex items-center" @click="emit('click')">
<span class="theme-color-500 mr-[4px]">查看详情</span>

6
src/pages/order/order/components/FooterSection/index.vue
View File

@@ -1,12 +1,12 @@
<template>
<div class="footer bg-white flex items-center flex-justify-between p-[12px]">
<div class="footer bg-white flex items-center justify-between p-[12px]">
<button v-if="['1', '2'].includes(statusCode)"
class="left border-none bg-white rounded-10 flex items-center flex-justify-center text-[14px] font-medium text-ink-600 mr-12"
class="left border-none bg-white rounded-[10px] flex items-center justify-center text-[14px] font-medium text-ink-600 mr-[12px]"
@click="emit('refund', orderData)">
申请退款
</button>
<button :class="[
'right border-none rounded-10 flex flex-1 items-center flex-justify-center text-[14px] font-medium bg-theme-color-500',
'right border-none rounded-[10px] flex flex-1 items-center justify-center text-[14px] font-medium bg-[#f0f8f3]0',
{
'text-[#ff3d60]': statusCode === '0',
'text-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),

2
src/pages/order/order/components/OrderCard/OrderCardContent.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="card-content pt-[12px]">
<div class="flex items-center justify-between">
<div class="left flex-1 text-[14px] leading-[20px] text-[#171717] mr-12">
<div class="left flex-1 text-[14px] leading-[20px] text-[#171717] mr-[12px]">
{{ orderData.commodityName }}
</div>
<div :class="[

2
src/pages/order/order/components/OrderInfo/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="bg-white rounded-10 p-[12px]">
<div class="bg-white rounded-[10px] p-[12px]">
<div class="flex mb-8 text-[12px]">
<span class="w-60 text-ink-400">订单编号</span>
<span class="text-ink-600">{{ orderData.orderId }}</span>

2
src/pages/order/order/components/OrderQrcode/index.vue
View File

@@ -56,7 +56,7 @@
</div>
<div v-if="false"
class="mt-[20px] bg-theme-color-50 text-[#0CCD58] text-[14px] px-12 leading-[24px] rounded-[12px]">
class="mt-[20px] bg-[#f0f8f3] text-[#0CCD58] text-[14px] px-12 leading-[24px] rounded-[12px]">
{{ selectedVoucher.name }}
</div>
</div>

2
src/pages/order/order/components/UserInfo/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="bg-white rounded-10 p-[12px] mb-[12px]" v-if="hasConsumerData">
<div class="bg-white rounded-[10px] p-[12px] mb-[12px]" v-if="hasConsumerData">
<div v-for="(item, index) in consumerList" :key="index">
<div class="flex mb-8 text-[12px]">
<span class="w-60 text-ink-400">住客姓名</span>

10
src/pages/order/order/components/VoucherList/index.vue
View File

@@ -4,7 +4,7 @@
核销凭证列表
</span>
<div class="flex items-center flex-justify-between py-12" :class="[
<div class="flex items-center justify-between py-12" :class="[
index + 1 === props.orderData.commodityPackageConfig.length
? ''
: 'border-bottom',
@@ -12,17 +12,17 @@
<div class="flex flex-col">
<span class="span-color-900 text-[16px]">{{ item.name }}</span>
<div class="flex flex-row mt-8">
<div class="bg-F5F7FA span-color-600 text-[12px] p-4 rounded-[4px] mr-[4px]">
<div class="bg-[#f5f7fa] span-color-600 text-[12px] p-4 rounded-[4px] mr-[4px]">
总计{{ item.count }}{{ item.unit }}
</div>
<div class="bg-theme-color-50 theme-color-500 text-[12px] p-4 rounded-[4px]">
<div class="bg-[#f0f8f3] theme-color-500 text-[12px] p-4 rounded-[4px]">
剩{{ item.count - item.writeOffCount }}{{ item.unit }}可用
</div>
</div>
</div>
<div class="flex items-center px-14 py-8 rounded-8"
:class="[item.packageStatus === 0 ? 'bg-theme-color-500' : 'bg-gray']" @click="handleShowQrcode(item, index)">
<div class="flex items-center px-14 py-8 rounded-[8px]"
:class="[item.packageStatus === 0 ? 'bg-[#f0f8f3]0' : 'bg-gray']" @click="handleShowQrcode(item, index)">
<span v-if="item.packageStatus === 0" class="text-[14px] text-white">出示凭证</span>
<span v-else class="text-[14px] span-color-300">已核销</span>
</div>