zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: migrate legacy color classes to inline tailwind text utilities

Browse Source 
Replace all usages of legacy `.color-*` and `.text-color-*` SCSS utility classes with inline Tailwind `text-[#hexcode]` arbitrary value classes. Remove the deprecated `src/static/scss/colors.scss` file, and fix minor formatting/indentation issues across multiple component files.
This commit is contained in:
duanshuwen
2026-07-24 21:38:17 +08:00
parent 01fdf80a72
commit 5f06d8ef11
67 changed files with 282 additions and 505 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/ChatMain/ChatCardMine/index.vue
View File

@@ -2,7 +2,7 @@
<!-- 外层行容器：接收来自父组件的对齐类（如 flex flex-justify-end） -->
<view class="chat-mine-row">
<view class="chat-mine bg-[#17294e]">
<text class="font-size-15 color-white">{{ text }}</text>
<text class="font-size-15 text-white">{{ text }}</text>
<slot></slot>
</view>
</view>

2
src/pages/ChatMain/ChatCardOther/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<view class="w-full flex flex-col overflow-hidden pl-[12px] mt-6 mb-6">
<text class="font-size-14 color-333">{{ text }}</text>
<text class="font-size-14 text-[#333333]">{{ text }}</text>
<slot></slot>
</view>
</template>

103
src/pages/ChatMain/ChatInputArea/index.vue
View File

@@ -1,82 +1,35 @@
<template>
<view
class="input-area-wrapper"
@touchend="handleVoiceTouchEndFromContainer"
@touchcancel="handleVoiceTouchEndFromContainer"
>
<view class="input-area-wrapper" @touchend="handleVoiceTouchEndFromContainer"
@touchcancel="handleVoiceTouchEndFromContainer">
<view v-if="!visibleWaveBtn || speechProvider !== 'wechat'" class="area-input">
<!-- 语音/键盘切换 -->
<view
v-if="isSpeechRecognitionSupported"
class="input-container-voice"
@click="toggleVoiceMode"
>
<image
class="voice-icon"
v-if="!isVoiceMode"
src="https://oss.nianxx.cn/mp/static/version_101/home/input_voice_icon.png"
/>
<image
class="voice-icon"
v-else
src="https://oss.nianxx.cn/mp/static/version_101/home/input_keyboard_icon.png"
/>
<view v-if="isSpeechRecognitionSupported" class="input-container-voice" @click="toggleVoiceMode">
<image class="voice-icon" v-if="!isVoiceMode"
src="https://oss.nianxx.cn/mp/static/version_101/home/input_voice_icon.png" />
<image class="voice-icon" v-else
src="https://oss.nianxx.cn/mp/static/version_101/home/input_keyboard_icon.png" />
</view>
<!-- 输入框/语音按钮容器 -->
<view
class="input-button-container"
:class="{ 'input-button-container--no-voice': !isSpeechRecognitionSupported }"
>
<textarea
ref="textareaRef"
v-if="!isVoiceMode"
class="textarea"
type="text"
cursor-spacing="20"
confirm-type="send"
v-model="inputMessage"
auto-height
:focus="isFocused"
:confirm-hold="true"
:placeholder="placeholder"
:show-confirm-bar="false"
:hold-keyboard="holdKeyboard"
:adjust-position="true"
:disable-default-padding="true"
maxlength="300"
@confirm="sendMessage"
@focus="handleFocus"
@blur="handleBlur"
@touchstart="handleTouchStart"
@touchend="handleTouchEnd"
/>
<view class="input-button-container"
:class="{ 'input-button-container--no-voice': !isSpeechRecognitionSupported }">
<textarea ref="textareaRef" v-if="!isVoiceMode" class="textarea" type="text" cursor-spacing="20"
confirm-type="send" v-model="inputMessage" auto-height :focus="isFocused" :confirm-hold="true"
:placeholder="placeholder" :show-confirm-bar="false" :hold-keyboard="holdKeyboard" :adjust-position="true"
:disable-default-padding="true" maxlength="300" @confirm="sendMessage" @focus="handleFocus" @blur="handleBlur"
@touchstart="handleTouchStart" @touchend="handleTouchEnd" />
<!-- #ifdef MP-WEIXIN -->
<view
v-if="isVoiceMode"
class="hold-to-talk-button"
@longpress="handleVoiceTouchStart"
@touchend="handleVoiceTouchEnd"
@touchcancel="handleVoiceTouchEnd"
>
<view v-if="isVoiceMode" class="hold-to-talk-button" @longpress="handleVoiceTouchStart"
@touchend="handleVoiceTouchEnd" @touchcancel="handleVoiceTouchEnd">
按住 说话
</view>
<!-- #endif -->
<!-- #ifdef APP-PLUS -->
<view
v-if="isVoiceMode"
class="hold-to-talk-button"
@touchstart="handleVoiceTouchStart"
@touchend="handleVoiceTouchEnd"
@touchcancel="handleVoiceTouchEnd"
>
<RecordingWaveBtn
v-if="visibleWaveBtn"
class="recording-wave-inline"
ref="recordingWaveBtnRef"
/>
<view v-if="isVoiceMode" class="hold-to-talk-button" @touchstart="handleVoiceTouchStart"
@touchend="handleVoiceTouchEnd" @touchcancel="handleVoiceTouchEnd">
<RecordingWaveBtn v-if="visibleWaveBtn" class="recording-wave-inline" ref="recordingWaveBtnRef" />
<text v-else>按住 说话</text>
</view>
<!-- #endif -->
@@ -85,11 +38,7 @@
<view class="input-container-send">
<view class="input-container-send-btn" @click="sendMessage">
<view v-if="props.isSessionActive" class="send-stop"> </view>
<image
v-else
class="send-icon"
src="https://oss.nianxx.cn/mp/static/version_101/home/input_send_icon.png"
/>
<image v-else class="send-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/input_send_icon.png" />
</view>
</view>
</view>
@@ -100,17 +49,11 @@
<!-- #endif -->
<!-- #ifdef APP-PLUS -->
<yao-asdRealSpeech
v-if="isSpeechRecognitionSupported && appSpeechVisible"
:key="appSpeechKey"
ref="appSpeechRef"
:options="appSpeechOptions"
@result="handleAppSpeechResult"
@change="handleAppSpeechChange"
/>
<yao-asdRealSpeech v-if="isSpeechRecognitionSupported && appSpeechVisible" :key="appSpeechKey" ref="appSpeechRef"
:options="appSpeechOptions" @result="handleAppSpeechResult" @change="handleAppSpeechChange" />
<!-- #endif -->
<view class="color-99A0AE font-size-9 text-center text-gray-400">
<view class="text-[#99a0ae] font-size-9 text-center text-gray-400">
内容由AI大模型生成，请仔细鉴别
</view>
</view>

2
src/pages/ChatMain/ChatQuickAccess/index.vue
View File

@@ -5,7 +5,7 @@
@click="sendReply(item)">
<view class="flex items-center justify-center">
<image v-if="item.icon" class="icon" :src="item.icon" />
<text class="font-size-14 theme-color-500 leading-[20px]">
<text class="font-size-14 text-[#0CCD58] leading-[20px]">
{{ item.title }}
</text>
</view>

2
src/pages/ChatMain/ChatTopNavBar/index.vue
View File

@@ -12,7 +12,7 @@
:totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns" :displayWidth="spriteStyle.displayWidth"
:fps="16" />
<text v-show="show" :class="[
'font-size-14 font-500 color-171717 ml-10',
'font-size-14 font-500 text-[#171717] ml-10',
{ 'text-animated': show },
]">
{{ config.name }}

2
src/pages/ChatMain/ChatTopWelcome/index.vue
View File

@@ -6,7 +6,7 @@ v
<SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth"
:frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns"
:displayWidth="spriteStyle.displayWidth" :fps="16" />
<view class="welcome-text font-size-14 font-500 font-family-misans-vf color-171717 leading-[24px]">
<view class="welcome-text font-size-14 font-500 font-family-misans-vf text-[#171717] leading-[24px]">
{{ welcomeContent }}
</view>
</view>

2
src/pages/ChatMain/HomeWelcome/index.vue
View File

@@ -150,7 +150,7 @@ const weatherTextMap = {
.home-welcome-title {
flex: 1;
min-width: 0;
color: $text-color-900;
color: $text-[#0B5C2D];
font-size: 21px;
line-height: 28px;
font-weight: 900;

6
src/pages/ChatMain/NoticeMessage/detail.vue
View File

@@ -11,14 +11,14 @@
<image v-if="coverImage" class="w-full h-auto block" :src="coverImage" mode="widthFix" />
<view class="pt-[16px] px-[12px] pb-[24px] border-box">
<view class="color-171717 font-size-16 font-weight-600">{{ detailTitle }}</view>
<view class="text-[#171717] font-size-16 font-weight-600">{{ detailTitle }}</view>
<view v-if="publishTime" class="notice-time-tag flex flex-row flex-items-center mt-16">
<uni-icons type="clock" size="18" color="#5A6780" />
<text class="color-171717 font-size-12 font-weight-600 ml-8">发布时间：{{ publishTime }}</text>
<text class="text-[#171717] font-size-12 font-weight-600 ml-8">发布时间：{{ publishTime }}</text>
</view>
<view class="mt-20 pt-[16px] color-666 font-size-14 leading-[20px] border-top">{{ noticeContent }}</view>
<view class="mt-20 pt-[16px] text-[#666666] font-size-14 leading-[20px] border-top">{{ noticeContent }}</view>
</view>
</view>
</scroll-view>

8
src/pages/ChatMain/NoticeMessage/index.vue
View File

@@ -105,11 +105,12 @@ const clickItem = (item) => {
}
.text-color {
color: $text-color-900;
color: $text-[#0B5C2D];
}
.underline-text {
text-decoration: underline;
text-decoration-color: $text-color-400;
text-decoration-color: $text-[#35F37F];
color: $text-color-400;
}
@@ -128,11 +129,10 @@ const clickItem = (item) => {
}
.noMessage-text {
color: $text-color-900;
color: $text-[#0B5C2D];
line-height: 16px;
white-space: normal;
overflow-wrap: break-word;
word-break: break-all;
}
</style>

4
src/pages/ChatModule/AigcPhotoCard/index.vue
View File

@@ -11,12 +11,12 @@
object-fit="cover" @click.stop @play="handlePlay" @fullscreenchange="handleFullScreenChange"
@error="handleError" />
<view v-if="videoUrl && !disabled"
class="aigc-photo-card__fullscreen flex flex-items-center flex-justify-center color-white font-size-12"
class="aigc-photo-card__fullscreen flex flex-items-center flex-justify-center text-white font-size-12"
@click.stop="requestFullScreen">
全屏
</view>
<view v-if="!videoUrl"
class="aigc-photo-card__empty flex flex-items-center flex-justify-center color-white font-size-14">
class="aigc-photo-card__empty flex flex-items-center flex-justify-center text-white font-size-14">
视频地址为空
</view>
</view>

4
src/pages/ChatModule/AnswerComponent/index.vue
View File

@@ -5,7 +5,7 @@
<view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="lookDetailAction">
<view v-if="tag" class="long-answer-tag" :style="longAnswerTagStyle">{{ tag }}</view>
<view v-if="title" class="flex flex-row flex-items-start flex-justify-start mb-4">
<text class="font-size-16 font-600 text-color-900"> {{ title }}</text>
<text class="font-size-16 font-600 text-[#0B5C2D]"> {{ title }}</text>
</view>
<!-- 文字内容，根据数据模式限制预览行数 -->
<view v-if="processedContent" class="answer-content font-size-12 font-color-600" :style="answerContentStyle">
@@ -17,7 +17,7 @@
<ChatLoading />
</view>
<view v-if="isOverflow" class="flex flex-row flex-items-center flex-justify-between mt-12">
<text class="font-size-12 font-800 color-CBD5E1 mr-4">查看完整{{ tag }}</text>
<text class="font-size-12 font-800 text-[#cbd5e1] mr-4">查看完整{{ tag }}</text>
<uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
</view>

8
src/pages/ChatModule/CallMobile/index.vue
View File

@@ -2,15 +2,15 @@
<uni-popup ref="popup" type="center" :safe-area="false">
<view class="popup-content bg-white mx-24 px-[12px] py-16 rounded-12">
<view class="header flex flex-items-center pb-[12px]">
<view class="title flex-full text-center font-size-17 color-000 font-500 ml-[24px]">呼叫热线</view>
<view class="title flex-full text-center font-size-17 text-[#000000] font-500 ml-[24px]">呼叫热线</view>
<uni-icons type="close" size="24" color="#CACFD8" @click="close" />
</view>
<view class="border-box pl-[12px] pr-[12px]">
<view class="font-size-16 color-A3A3A3 leading-[22px]">
<view class="font-size-16 text-[#a3a3a3] leading-[22px]">
如有任何疑问，欢迎随时致电景区咨询热线：
<text class="color-2563EB" @click="handleClick(mobleNumber1)">{{ mobleNumber1 }}</text> / <text
class="color-2563EB" @click="handleClick(mobleNumber2)">{{ mobleNumber2 }}</text>，
<text class="text-[#2563eb]" @click="handleClick(mobleNumber1)">{{ mobleNumber1 }}</text> / <text
class="text-[#2563eb]" @click="handleClick(mobleNumber2)">{{ mobleNumber2 }}</text>，
我们将全程为您提供细致解答与暖心服务。
</view>
</view>

13
src/pages/ChatModule/FacilityLocationCard/index.vue
View File

@@ -4,31 +4,32 @@
<view class="facility-location-card__body px-[24px] pb-[24px]">
<view class="facility-location-card__title-row flex flex-items-center">
<view class="facility-location-card__badge color-2563EB bg-[#eff6ff] font-size-12 font-900">
<view class="facility-location-card__badge text-[#2563eb] bg-[#eff6ff] font-size-12 font-900">
{{ type.text }}
</view>
<view class="facility-location-card__title color-1E293B font-size-18 font-900 ellipsis-1">
<view class="facility-location-card__title text-[#1e293b] font-size-18 font-900 ellipsis-1">
{{ data.title }}
</view>
</view>
<view class="facility-location-card__distance flex flex-items-center color-94A3B8 font-size-14 font-900">
<view class="facility-location-card__distance flex flex-items-center text-[#94a3b8] font-size-14 font-900">
<text class="facility-location-card__distance-icon">{{ distance.icon }}</text>
<text>{{ distance.text }}</text>
</view>
<view class="facility-location-card__location bg-[#f8fafc] rounded-20">
<view class="facility-location-card__location-label flex flex-items-center color-64748B font-size-13 font-900">
<view
class="facility-location-card__location-label flex flex-items-center text-[#64748b] font-size-13 font-900">
<text class="facility-location-card__location-dot">{{ location.icon }}</text>
<text>{{ location.label }}</text>
</view>
<view class="facility-location-card__location-text color-1E293B font-size-16 font-900">
<view class="facility-location-card__location-text text-[#1e293b] font-size-16 font-900">
{{ location.text }}
</view>
</view>
<view
class="facility-location-card__button flex flex-items-center flex-justify-center bg-[#0f172a] color-white font-size-18 font-900"
class="facility-location-card__button flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-18 font-900"
:class="{ 'is-disabled': disabled }" @click="handleAction">
<text class="facility-location-card__button-icon">{{ action.icon }}</text>
<text>{{ action.text }}</text>

13
src/pages/ChatModule/FaqHelpCard/index.vue
View File

@@ -4,7 +4,7 @@
<view class="faq-help-card__icon flex flex-items-center flex-justify-center rounded-full font-size-16 font-900">
{{ data.icon }}
</view>
<view class="faq-help-card__title color-1E293B font-size-20 font-900">
<view class="faq-help-card__title text-[#1e293b] font-size-20 font-900">
{{ data.title }}
</view>
</view>
@@ -12,14 +12,9 @@
<view class="faq-help-card__divider"></view>
<view class="faq-help-card__list">
<view
v-for="item in questions"
:key="item.id || item.text"
class="faq-help-card__item flex flex-items-center"
:class="{ 'is-disabled': disabled }"
@click="handleSelect(item)"
>
<view class="faq-help-card__question color-475569 font-size-18 font-900 ellipsis-1 flex-full">
<view v-for="item in questions" :key="item.id || item.text" class="faq-help-card__item flex flex-items-center"
:class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
<view class="faq-help-card__question text-[#475569] font-size-18 font-900 ellipsis-1 flex-full">
{{ item.text }}
</view>
<uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>

4
src/pages/ChatModule/GeneratorPhotoComponent/index.vue
View File

@@ -14,14 +14,14 @@
<image class="g_title mt-20" :src="componentDataMap.title" />
<text class="font-size-14 font-400 color-white my-12 text-center">
<text class="font-size-14 font-400 text-white my-12 text-center">
{{ componentDataMap.description }}
</text>
<view class="w-full px-[12px] pb-[8px] flex flex-row" @click="jumpClick">
<view class="btn-bg w-full p-[4px] rounded-24 flex flex-row">
<view
class="btn-bg-sub w-full p-[16px] rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
class="btn-bg-sub w-full p-[16px] rounded-20 flex flex-row flex-items-center flex-justify-center text-white text-center font-size-18 font-800">
{{ componentDataMap.buttonName }}
</view>
</view>

30
src/pages/ChatModule/LongTextGuideCard/index.vue
View File

@@ -7,14 +7,14 @@
<view class="long-text-guide-card__badge font-size-12 font-900" :class="`is-${item.badgeTone}`">
{{ item.badge }}
</view>
<view class="long-text-guide-card__summary-title color-1E293B font-size-18 font-900">
<view class="long-text-guide-card__summary-title text-[#1e293b] font-size-18 font-900">
{{ item.title }}
</view>
<view class="long-text-guide-card__summary-text color-94A3B8 font-size-14 font-500 ellipsis-2">
<view class="long-text-guide-card__summary-text text-[#94a3b8] font-size-14 font-500 ellipsis-2">
{{ item.summary }}
</view>
<view class="long-text-guide-card__summary-footer flex flex-items-center flex-justify-between">
<text class="color-CBD5E1 font-size-12 font-800">{{ item.footer }}</text>
<text class="text-[#cbd5e1] font-size-12 font-800">{{ item.footer }}</text>
<uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
</view>
</view>
@@ -26,7 +26,7 @@
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</view>
<view class="long-text-guide-card__detail-title color-1E293B font-size-18 font-900 ellipsis-1">
<view class="long-text-guide-card__detail-title text-[#1e293b] font-size-18 font-900 ellipsis-1">
{{ activeItem.title }}
</view>
<view class="long-text-guide-card__badge long-text-guide-card__detail-badge font-size-12 font-900"
@@ -37,7 +37,7 @@
<view class="long-text-guide-card__rich-body">
<view v-for="(paragraph, paragraphIndex) in paragraphsBeforeImage" :key="`before-${paragraphIndex}`"
class="long-text-guide-card__paragraph color-475569 font-size-15 font-500">
class="long-text-guide-card__paragraph text-[#475569] font-size-15 font-500">
<template v-for="(segment, segmentIndex) in getSegments(paragraph)"
:key="`${paragraphIndex}-${segmentIndex}`">
<text v-if="segment.highlight" class="long-text-guide-card__highlight font-800">
@@ -50,18 +50,18 @@
<image v-if="activeItem.image" class="long-text-guide-card__main-image w-full rounded-14 block"
:src="activeItem.image" mode="aspectFill" />
<view class="long-text-guide-card__section-title color-1E293B font-size-16 font-900">
<view class="long-text-guide-card__section-title text-[#1e293b] font-size-16 font-900">
{{ activeItem.sectionTitle }}
</view>
<view class="long-text-guide-card__tip-block bg-[#ecfdf5]">
<view v-for="(tip, index) in activeItem.tips || []" :key="tip"
class="long-text-guide-card__tip color-047857 font-size-14 font-800">
class="long-text-guide-card__tip text-[#047857] font-size-14 font-800">
{{ index + 1 }} {{ tip }}
</view>
</view>
<view v-for="(paragraph, paragraphIndex) in paragraphsAfterTips" :key="`after-${paragraphIndex}`"
class="long-text-guide-card__paragraph color-475569 font-size-15 font-500">
class="long-text-guide-card__paragraph text-[#475569] font-size-15 font-500">
<template v-for="(segment, segmentIndex) in getSegments(paragraph)"
:key="`${paragraphIndex}-${segmentIndex}`">
<text v-if="segment.highlight" class="long-text-guide-card__highlight font-800">
@@ -73,23 +73,23 @@
</view>
<view v-if="activeItem.action?.type === 'map'" class="long-text-guide-card__action-zone">
<view class="long-text-guide-card__action-label color-94A3B8 font-size-11 font-800">
<view class="long-text-guide-card__action-label text-[#94a3b8] font-size-11 font-800">
{{ activeItem.action.label }}
</view>
<view class="long-text-guide-card__map-card rounded-16 overflow-hidden">
<view class="long-text-guide-card__map-image-wrap relative">
<image class="long-text-guide-card__map-image w-full block" :src="activeItem.action.image"
mode="aspectFill" />
<view class="long-text-guide-card__map-tag color-white font-size-10 font-900">
<view class="long-text-guide-card__map-tag text-white font-size-10 font-900">
{{ activeItem.action.tag }}
</view>
</view>
<view class="long-text-guide-card__map-bar flex flex-items-center bg-white">
<view class="flex-full">
<view class="color-1E293B font-size-15 font-900">{{ activeItem.action.title }}</view>
<view class="color-94A3B8 font-size-12 font-800 mt-2">{{ activeItem.action.subtitle }}</view>
<view class="text-[#1e293b] font-size-15 font-900">{{ activeItem.action.title }}</view>
<view class="text-[#94a3b8] font-size-12 font-800 mt-2">{{ activeItem.action.subtitle }}</view>
</view>
<view class="long-text-guide-card__nav-btn color-white bg-[#0f172a] font-size-14 font-900"
<view class="long-text-guide-card__nav-btn text-white bg-[#0f172a] font-size-14 font-900"
@click="handleAction(activeItem)">
{{ activeItem.action.buttonText }}
</view>
@@ -98,14 +98,14 @@
</view>
<view v-else-if="activeItem.action?.type === 'image'" class="long-text-guide-card__action-zone">
<view class="long-text-guide-card__action-label color-94A3B8 font-size-11 font-800">
<view class="long-text-guide-card__action-label text-[#94a3b8] font-size-11 font-800">
{{ activeItem.action.label }}
</view>
<view class="long-text-guide-card__photo-card relative" @click="handleAction(activeItem)">
<image class="long-text-guide-card__photo-image w-full block" :src="activeItem.action.image"
mode="aspectFill" />
<view
class="long-text-guide-card__expand flex flex-items-center flex-justify-center rounded-full color-white font-size-18 font-900">
class="long-text-guide-card__expand flex flex-items-center flex-justify-center rounded-full text-white font-size-18 font-900">
↗
</view>
</view>

6
src/pages/ChatModule/LongTextGuideCardPreview/index.vue
View File

@@ -8,14 +8,14 @@
{{ item.badge }}
</view>
<view class="long-text-guide-card__summary-title color-1E293B font-size-18 font-900">
<view class="long-text-guide-card__summary-title text-[#1e293b] font-size-18 font-900">
{{ item.title }}
</view>
<view class="long-text-guide-card__summary-text color-94A3B8 font-size-14 font-500 ellipsis-2">
<view class="long-text-guide-card__summary-text text-[#94a3b8] font-size-14 font-500 ellipsis-2">
{{ item.summary }}
</view>
<view class="long-text-guide-card__summary-footer flex flex-items-center flex-justify-between">
<text class="color-CBD5E1 font-size-12 font-800">{{ item.footer }}</text>
<text class="text-[#cbd5e1] font-size-12 font-800">{{ item.footer }}</text>
<uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
</view>

8
src/pages/ChatModule/MapNavigationCard/index.vue
View File

@@ -2,7 +2,7 @@
<view class="map-navigation-card bg-white rounded-24 overflow-hidden w-full">
<view class="map-navigation-card__media">
<image class="map-navigation-card__image block w-full" :src="data.image" mode="aspectFill" />
<view class="map-navigation-card__badge flex flex-items-center color-white font-size-12 font-900">
<view class="map-navigation-card__badge flex flex-items-center text-white font-size-12 font-900">
<text class="map-navigation-card__badge-icon">{{ badge.icon }}</text>
<text>{{ badge.text }}</text>
</view>
@@ -10,15 +10,15 @@
<view class="map-navigation-card__content flex flex-items-center">
<view class="map-navigation-card__info flex-full">
<view class="map-navigation-card__title color-1E293B font-size-18 font-900 ellipsis-1">
<view class="map-navigation-card__title text-[#1e293b] font-size-18 font-900 ellipsis-1">
{{ data.title }}
</view>
<view class="map-navigation-card__distance color-94A3B8 font-size-14 font-900 ellipsis-1">
<view class="map-navigation-card__distance text-[#94a3b8] font-size-14 font-900 ellipsis-1">
{{ data.distance }}
</view>
</view>
<view
class="map-navigation-card__button flex flex-items-center flex-justify-center bg-[#0f172a] color-white font-size-18 font-900"
class="map-navigation-card__button flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-18 font-900"
:class="{ 'is-disabled': disabled }" @click="handleAction">
<text class="map-navigation-card__button-icon">{{ action.icon }}</text>
<text>{{ action.text }}</text>

8
src/pages/ChatModule/MoreService/index.vue
View File

@@ -2,7 +2,7 @@
<uni-popup ref="popup" type="bottom" :safe-area="false">
<view class="popup-content pt-[12px] pl-[12px] pr-[12px]">
<view class="header flex flex-items-center pb-[12px]">
<view class="title flex-full text-center font-size-17 color-000 font-500 ml-[24px]">更多服务</view>
<view class="title flex-full text-center font-size-17 text-[#000000] font-500 ml-[24px]">更多服务</view>
<uni-icons type="close" size="24" color="#CACFD8" @click="close" />
</view>
@@ -11,14 +11,14 @@
<view class="flex flex-items-center flex-justify-center">
<image v-if="item.icon" class="left" :src="item.icon" />
<view class="center flex-full">
<view class="font-size-16 color-000 leading-[24px] font-500">
<view class="font-size-16 text-[#000000] leading-[24px] font-500">
{{ item.title }}
</view>
<view class="font-size-12 color-A3A3A3 leading-[16px]">
<view class="font-size-12 text-[#a3a3a3] leading-[16px]">
{{ item.content }}
</view>
</view>
<view class="right font-size-12 color-white leading-[16px]" @click="handleClick(item)">
<view class="right font-size-12 text-white leading-[16px]" @click="handleClick(item)">
{{ item.btnText }}
</view>
</view>

18
src/pages/ChatModule/NoticeCard/index.vue
View File

@@ -1,18 +1,18 @@
<template>
<view class="notice-card w-full">
<view v-if="!detailOpen" class="notice-card__summary bg-[#fffbeb] rounded-24 w-full">
<view class="notice-card__summary-title color-B45309 font-size-16 font-900">
<view class="notice-card__summary-title text-[#b45309] font-size-16 font-900">
{{ summary.title }}
</view>
<view class="notice-card__summary-content color-D97706 font-size-14 font-900">
<view class="notice-card__summary-content text-[#d97706] font-size-14 font-900">
{{ summary.content }}
</view>
<view class="notice-card__summary-footer flex flex-items-center flex-justify-between">
<view class="notice-card__summary-time color-D97706 font-size-12 font-900">
<view class="notice-card__summary-time text-[#d97706] font-size-12 font-900">
{{ summary.publishTime }}
</view>
<view class="notice-card__summary-link color-B45309 font-size-14 font-900" :class="{ 'is-disabled': disabled }"
@click="openDetail">
<view class="notice-card__summary-link text-[#b45309] font-size-14 font-900"
:class="{ 'is-disabled': disabled }" @click="openDetail">
{{ summary.actionText }}
</view>
</view>
@@ -24,7 +24,7 @@
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</view>
<view class="notice-card__head-title color-1E293B font-size-18 font-900">
<view class="notice-card__head-title text-[#1e293b] font-size-18 font-900">
{{ detail.navTitle }}
</view>
</view>
@@ -32,16 +32,16 @@
<image class="notice-card__image block w-full" :src="detail.image" mode="aspectFill" />
<view class="notice-card__detail-body">
<view class="notice-card__detail-title color-1E293B font-size-20 font-900">
<view class="notice-card__detail-title text-[#1e293b] font-size-20 font-900">
{{ detail.title }}
</view>
<view class="notice-card__time-pill flex flex-items-center bg-[#f8fafc] color-475569 font-size-13 font-900">
<view class="notice-card__time-pill flex flex-items-center bg-[#f8fafc] text-[#475569] font-size-13 font-900">
<text class="notice-card__time-icon">{{ detail.timeIcon }}</text>
<text>{{ detail.publishTime }}</text>
</view>
<view class="notice-card__divider"></view>
<view v-for="paragraph in paragraphs" :key="paragraph.id"
class="notice-card__paragraph color-475569 font-size-14 font-800">
class="notice-card__paragraph text-[#475569] font-size-14 font-800">
<text v-for="segment in paragraph.segments" :key="segment.text"
:class="{ 'notice-card__strong': segment.strong }">
{{ segment.text }}

28
src/pages/ChatModule/PoiCompareCard/index.vue
View File

@@ -5,7 +5,7 @@
<view class="poi-compare-card__mark flex flex-items-center flex-justify-center rounded-full flex-shrink-0">
{{ data.icon }}
</view>
<view class="poi-compare-card__title color-1E293B font-size-18 font-900 ellipsis-1 flex-full">
<view class="poi-compare-card__title text-[#1e293b] font-size-18 font-900 ellipsis-1 flex-full">
{{ data.title }}
</view>
</view>
@@ -15,14 +15,14 @@
:class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
<image class="poi-compare-card__image block w-full" :src="item.image" mode="aspectFill" />
<view v-for="field in item.fields" :key="field.label" class="poi-compare-card__field">
<view class="poi-compare-card__field-label color-94A3B8 font-size-12 font-800">
<view class="poi-compare-card__field-label text-[#94a3b8] font-size-12 font-800">
{{ field.label }}
</view>
<view v-if="field.tone" class="poi-compare-card__chip font-size-12 font-900"
:class="getToneClass(field.tone)">
{{ field.value }}
</view>
<view v-else class="poi-compare-card__field-value color-1E293B font-size-14 font-900">
<view v-else class="poi-compare-card__field-value text-[#1e293b] font-size-14 font-900">
{{ field.value }}
</view>
</view>
@@ -30,7 +30,7 @@
</view>
<view
class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-[#0f172a] color-white font-size-15 font-900"
class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-15 font-900"
:class="{ 'is-disabled': disabled }" @click="openDetail">
{{ data.detailButtonText }}
</view>
@@ -42,10 +42,10 @@
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</view>
<view class="poi-compare-card__detail-title color-1E293B font-size-20 font-900 flex-full">
<view class="poi-compare-card__detail-title text-[#1e293b] font-size-20 font-900 flex-full">
{{ detail.title }}
</view>
<view class="poi-compare-card__compare-label color-94A3B8 font-size-12 font-900">
<view class="poi-compare-card__compare-label text-[#94a3b8] font-size-12 font-900">
{{ detail.compareLabel }}
</view>
</view>
@@ -54,30 +54,30 @@
<view class="poi-compare-card__table-head poi-compare-card__table-row">
<view></view>
<view v-for="item in items" :key="item.id || item.name"
class="poi-compare-card__table-title color-1E293B font-size-14 font-900">
class="poi-compare-card__table-title text-[#1e293b] font-size-14 font-900">
{{ item.name }}
</view>
</view>
<view v-for="row in detail.rows" :key="row.label"
class="poi-compare-card__table-row poi-compare-card__data-row">
<view class="poi-compare-card__row-label color-94A3B8 font-size-12 font-900">
<view class="poi-compare-card__row-label text-[#94a3b8] font-size-12 font-900">
{{ row.label }}
</view>
<view v-for="cell in row.values" :key="row.label + '-' + cell.text"
class="poi-compare-card__cell color-1E293B font-size-14 font-900" :class="getCellClass(cell.tone)">
class="poi-compare-card__cell text-[#1e293b] font-size-14 font-900" :class="getCellClass(cell.tone)">
{{ cell.text }}
</view>
</view>
</view>
<view class="poi-compare-card__recommend">
<view class="poi-compare-card__recommend-title color-94A3B8 font-size-12 font-900">
<view class="poi-compare-card__recommend-title text-[#94a3b8] font-size-12 font-900">
{{ detail.recommendTitle }}
</view>
<view class="poi-compare-card__tips">
<view v-for="tip in detail.tips" :key="tip.text" class="poi-compare-card__tip flex gap-[10px]">
<view class="poi-compare-card__dot rounded-full flex-shrink-0" :class="getDotClass(tip.tone)" />
<view class="poi-compare-card__tip-text color-334155 font-size-14 font-900">
<view class="poi-compare-card__tip-text text-[#334155] font-size-14 font-900">
{{ tip.text }}
</view>
</view>
@@ -87,7 +87,7 @@
<view class="poi-compare-card__actions grid grid-cols-2 gap-14">
<view v-for="action in detail.actions" :key="action.id || action.text"
class="poi-compare-card__action flex flex-items-center flex-justify-center font-size-15 font-900"
:class="[action.primary ? 'poi-compare-card__action--primary bg-[#0f172a] color-white' : 'poi-compare-card__action--secondary color-334155', { 'is-disabled': disabled }]"
: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)">
<text class="poi-compare-card__action-icon">{{ action.icon }}</text>
<text>{{ action.text }}</text>
@@ -119,8 +119,8 @@ const detail = computed(() => props.data.detail || {});
const getToneClass = (tone) => {
const toneMap = {
green: "poi-compare-card__chip--green color-047857 bg-[#ecfdf5]",
amber: "poi-compare-card__chip--amber color-D97706 bg-[#fffbeb]",
green: "poi-compare-card__chip--green text-[#047857] bg-[#ecfdf5]",
amber: "poi-compare-card__chip--amber text-[#d97706] bg-[#fffbeb]",
};
return toneMap[tone] || "";
};

8
src/pages/ChatModule/PoiDetailCard/index.vue
View File

@@ -9,19 +9,19 @@
</view>
<view class="poi-detail-card__body">
<view class="poi-detail-card__title color-1E293B font-size-24 font-900">
<view class="poi-detail-card__title text-[#1e293b] font-size-24 font-900">
{{ data.title }}
</view>
<view class="poi-detail-card__tip flex flex-items-center gap-[10px]">
<view class="poi-detail-card__spark color-047857 font-size-18 font-900">✦</view>
<view class="poi-detail-card__tip-text color-047857 font-size-14 font-800">
<view class="poi-detail-card__spark text-[#047857] font-size-18 font-900">✦</view>
<view class="poi-detail-card__tip-text text-[#047857] font-size-14 font-800">
{{ data.tip?.text }}
</view>
</view>
<view
class="poi-detail-card__button flex flex-items-center flex-justify-center gap-[8px] color-white bg-[#0f172a] font-size-16 font-900"
class="poi-detail-card__button flex flex-items-center flex-justify-center gap-[8px] text-white bg-[#0f172a] font-size-16 font-900"
:class="{ 'is-disabled': disabled }" @click="handleAction">
<text class="poi-detail-card__button-icon">↗</text>
<text>{{ data.action?.text }}</text>

2
src/pages/ChatModule/RecommendPostsList/index.vue
View File

@@ -12,7 +12,7 @@
</view>
<view class="card-text border-box">
<view class="font-size-11 color-99A0AE ellipsis-1">
<view class="font-size-11 text-[#99a0ae] ellipsis-1">
{{ item.topic }}
</view>
</view>

6
src/pages/ChatModule/RecommendationListCard/index.vue
View File

@@ -7,16 +7,16 @@
:class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
<image class="recommendation-list-card__image block w-full" :src="item.image" mode="aspectFill" />
<view class="recommendation-list-card__body p-[16px]">
<view class="recommendation-list-card__name color-1E293B font-size-18 font-900 ellipsis-1">
<view class="recommendation-list-card__name text-[#1e293b] font-size-18 font-900 ellipsis-1">
{{ item.title }}
</view>
<view
class="recommendation-list-card__distance flex flex-items-center gap-[4px] mt-4 color-94A3B8 font-size-12 font-800">
class="recommendation-list-card__distance flex flex-items-center gap-[4px] mt-4 text-[#94a3b8] font-size-12 font-800">
<text class="recommendation-list-card__pin">⌖</text>
<text>{{ item.distance }}</text>
</view>
<view
class="recommendation-list-card__button flex flex-items-center flex-justify-center mt-12 color-334155 font-size-12 font-900"
class="recommendation-list-card__button flex flex-items-center flex-justify-center mt-12 text-[#334155] font-size-12 font-900"
@click.stop="handleSelect(item)">
{{ getActionText(item) }}
</view>

25
src/pages/ChatModule/RoutePlanCard/index.vue
View File

@@ -5,7 +5,7 @@
:class="{ 'is-disabled': disabled }" @click="openDetail">
<image class="route-plan-card__cover block flex-shrink-0" :src="data.image" mode="aspectFill" />
<view class="route-plan-card__body flex-full">
<view class="route-plan-card__title color-1E293B font-size-18 font-900 ellipsis-1">
<view class="route-plan-card__title text-[#1e293b] font-size-18 font-900 ellipsis-1">
{{ data.title }}
</view>
<view class="route-plan-card__tags flex flex-items-center">
@@ -26,10 +26,10 @@
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</view>
<view class="route-plan-card__detail-title color-1E293B font-size-18 font-900 ellipsis-1 flex-full">
<view class="route-plan-card__detail-title text-[#1e293b] font-size-18 font-900 ellipsis-1 flex-full">
{{ data.title }}
</view>
<view class="route-plan-card__detail-badge color-047857 bg-[#ecfdf5] font-size-12 font-900">
<view class="route-plan-card__detail-badge text-[#047857] bg-[#ecfdf5] font-size-12 font-900">
{{ detail.badge }}
</view>
</view>
@@ -38,19 +38,20 @@
<template v-for="(node, index) in nodes" :key="node.id || node.title">
<view class="route-plan-card__node-wrap" :class="{ 'is-disabled': disabled }" @click="handleSelect(node)">
<view
class="route-plan-card__node-number flex flex-items-center flex-justify-center rounded-full color-047857 bg-[#ecfdf5] font-size-12 font-900">
class="route-plan-card__node-number flex flex-items-center flex-justify-center rounded-full text-[#047857] bg-[#ecfdf5] font-size-12 font-900">
{{ index + 1 }}
</view>
<view class="route-plan-card__node bg-white rounded-20 flex flex-items-center">
<image class="route-plan-card__node-image block flex-shrink-0" :src="node.image" mode="aspectFill" />
<view class="route-plan-card__node-body flex-full">
<view class="route-plan-card__node-title color-1E293B font-size-16 font-900 ellipsis-1">
<view class="route-plan-card__node-title text-[#1e293b] font-size-16 font-900 ellipsis-1">
{{ node.title }}
</view>
<view class="route-plan-card__node-desc color-94A3B8 font-size-12 font-800 ellipsis-1">
<view class="route-plan-card__node-desc text-[#94a3b8] font-size-12 font-800 ellipsis-1">
{{ node.description }}
</view>
<view v-if="node.tag" class="route-plan-card__node-tag color-D97706 bg-[#fffbeb] font-size-12 font-900">
<view v-if="node.tag"
class="route-plan-card__node-tag text-[#d97706] bg-[#fffbeb] font-size-12 font-900">
{{ node.tag }}
</view>
</view>
@@ -61,7 +62,7 @@
<view class="route-plan-card__connector-line"></view>
<view class="route-plan-card__connector-arrow"></view>
<view
class="route-plan-card__connector-chip flex flex-items-center bg-[#f8fafc] rounded-full color-64748B font-size-12 font-900">
class="route-plan-card__connector-chip flex flex-items-center bg-[#f8fafc] rounded-full text-[#64748b] font-size-12 font-900">
<text class="route-plan-card__connector-icon">{{ connectors[index].icon }}</text>
<text>{{ connectors[index].text }}</text>
</view>
@@ -70,11 +71,11 @@
</view>
<view v-if="tips.length" class="route-plan-card__tips bg-[#f8fafc] rounded-20">
<view class="route-plan-card__tips-title color-64748B font-size-14 font-900">
<view class="route-plan-card__tips-title text-[#64748b] font-size-14 font-900">
{{ detail.tipsTitle }}
</view>
<view v-for="tip in tips" :key="tip"
class="route-plan-card__tip flex flex-items-center color-334155 font-size-13 font-900">
class="route-plan-card__tip flex flex-items-center text-[#334155] font-size-13 font-900">
<view class="route-plan-card__tip-dot rounded-full flex-shrink-0"></view>
<view>{{ tip }}</view>
</view>
@@ -107,8 +108,8 @@ const connectors = computed(() => detail.value.connectors || []);
const tips = computed(() => detail.value.tips || []);
const getTagClass = (tone) => {
if (tone === "green") return "color-047857 bg-[#ecfdf5]";
return "color-64748B bg-[#f1f5f9]";
if (tone === "green") return "text-[#047857] bg-[#ecfdf5]";
return "text-[#64748b] bg-[#f1f5f9]";
};
const openDetail = () => {

22
src/pages/ChatModule/ScenicImageCard/index.vue
View File

@@ -1,27 +1,19 @@
<template>
<view
class="scenic-image-card relative rounded-24 overflow-hidden w-full"
:class="{ 'is-disabled': disabled }"
@click="handleSelect"
>
<image
class="scenic-image-card__image block w-full"
:src="data.image"
mode="aspectFill"
/>
<view class="scenic-image-card relative rounded-24 overflow-hidden w-full" :class="{ 'is-disabled': disabled }"
@click="handleSelect">
<image class="scenic-image-card__image block w-full" :src="data.image" mode="aspectFill" />
<view
class="scenic-image-card__expand flex flex-items-center flex-justify-center rounded-full color-white font-size-18 font-900"
@click.stop="handleAction"
>
class="scenic-image-card__expand flex flex-items-center flex-justify-center rounded-full text-white font-size-18 font-900"
@click.stop="handleAction">
{{ action.icon }}
</view>
<view v-if="hasCaption" class="scenic-image-card__caption">
<view v-if="caption.title" class="scenic-image-card__title color-white font-size-18 font-900 ellipsis-1">
<view v-if="caption.title" class="scenic-image-card__title text-white font-size-18 font-900 ellipsis-1">
{{ caption.title }}
</view>
<view v-if="caption.subtitle" class="scenic-image-card__subtitle color-white font-size-14 font-900 ellipsis-1">
<view v-if="caption.subtitle" class="scenic-image-card__subtitle text-white font-size-14 font-900 ellipsis-1">
{{ caption.subtitle }}
</view>
</view>

4
src/pages/ChatModule/SharedVisual/ActionRow.vue
View File

@@ -7,12 +7,12 @@
<slot name="icon">{{ icon }}</slot>
</view>
<view class="visual-action-row__body flex-full">
<view class="visual-action-row__title color-1E293B font-size-14 font-900 ellipsis-1">{{ title }}</view>
<view class="visual-action-row__title text-[#1e293b] font-size-14 font-900 ellipsis-1">{{ title }}</view>
<view v-if="subtitle" class="visual-action-row__subtitle ellipsis-1">
{{ subtitle }}
</view>
</view>
<view class="visual-action-row__arrow color-CBD5E1 font-700">›</view>
<view class="visual-action-row__arrow text-[#cbd5e1] font-700">›</view>
</view>
</template>

4
src/pages/ChatModule/SharedVisual/DetailShell.vue
View File

@@ -1,11 +1,11 @@
<template>
<CardShell variant="detail">
<view class="visual-detail__header flex flex-items-center px-[16px] border-bottom-F1F5F9">
<view class="visual-detail__back mr-8 rounded-full bg-[#f8fafc] color-334155 font-900 text-center"
<view class="visual-detail__back mr-8 rounded-full bg-[#f8fafc] text-[#334155] font-900 text-center"
@click="$emit('back')">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</view>
<view class="visual-detail__title flex-full color-1E293B font-size-14 font-900 ellipsis-1">{{ title }}</view>
<view class="visual-detail__title flex-full text-[#1e293b] font-size-14 font-900 ellipsis-1">{{ title }}</view>
<BadgePill v-if="tag" :label="tag" :tone="tone" />
</view>
<slot />

4
src/pages/Discovery/components/QuickQuestions/index.vue
View File

@@ -9,10 +9,10 @@
<image class="card-img flex-shrink-0 rounded-14" :src="createSvgIndex(index)" />
<view class="min-width-0 flex flex-col flex-full pl-[8px] py-[4px]">
<view class="w-full font-size-12 font-600 color-171717 ellipsis-1">
<view class="w-full font-size-12 font-600 text-[#171717] ellipsis-1">
{{ item.title }}
</view>
<view class="w-full font-size-9 color-94A3B8 ellipsis-1">
<view class="w-full font-size-9 text-[#94a3b8] ellipsis-1">
{{ item.subTitle }}
</view>
</view>

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

@@ -2,7 +2,7 @@
<view class="bg-[#f5f7fa] flex flex-col h-screen overflow-hidden">
<TopNavBar title="房间相册" backgroundColor="transparent" />
<view class="p-[8px]">
<text class="ml-4 font-size-18 color-171717 font-500">全部({{ albumList.length }})</text>
<text class="ml-4 font-size-18 text-[#171717] font-500">全部({{ albumList.length }})</text>
</view>
<scroll-view scroll-y class="scroll-container overflow-auto">

4
src/pages/goods/components/GoodFacility/index.vue
View File

@@ -9,12 +9,12 @@
<uni-icons fontFamily="znicons" size="20" color="#171717">
{{ zniconsMap[moduleItem.icon] }}
</uni-icons>
<text class="ml-4 font-size-12 color-171717 leading-[20px]">
<text class="ml-4 font-size-12 text-[#171717] leading-[20px]">
{{ moduleItem.title }}
</text>
</view>
<view class="border-box flex flex-col flex-items-start mt-4 pb-[12px]">
<text class="font-size-12 color-525866 leading-[20px] mb-4" v-for="(text, index) in moduleItem.desc"
<text class="font-size-12 text-[#525866] leading-[20px] mb-4" v-for="(text, index) in moduleItem.desc"
:key="index">
{{ text }}
</text>

4
src/pages/goods/components/GoodPackage/index.vue
View File

@@ -3,9 +3,9 @@
<ModuleTitle v-if="showTitle" title="套餐包含内容" />
<view class="flex flex-items-start flex-col" v-for="(item, index) in goodsData.commodityPackageConfig" :key="index">
<view class="title-row py-[4px] ml-4">
<text class="left font-size-14 color-171717">{{ item.name }}</text>
<text class="left font-size-14 text-[#171717]">{{ item.name }}</text>
<view class="sep" aria-hidden="true"></view>
<text class="right font-size-14 color-171717">{{ item.count }}{{ item.unit }}</text>
<text class="right font-size-14 text-[#171717]">{{ item.count }}{{ item.unit }}</text>
</view>
</view>

4
src/pages/goods/index.vue
View File

@@ -35,13 +35,13 @@
<!-- 立即抢购 -->
<view class="footer border-top">
<view class="amt font-size-20 font-bold color-FF3D60 line-height-28 flex flex-items-center mr-8">
<view class="amt font-size-20 font-bold text-[#ff3d60] line-height-28 flex flex-items-center mr-8">
{{ calculatedTotalPrice }}
</view>
<view class="btn rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="navigateToPay(goodsData)">
<image class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
<text class="font-size-16 font-500 color-white">立即预定</text>
<text class="font-size-16 font-500 text-white">立即预定</text>
</view>
</view>

23
src/pages/login/index.vue
View File

@@ -16,25 +16,20 @@
<!-- 协议勾选 -->
<view class="login-agreement flex flex-items-center">
<CheckBox v-model="isAgree">
<text class="font-size-12 color-525866">我已阅读并同意</text>
<text class="font-size-12 theme-color-500 ml-4 mr-4" @click.stop="handleAgreeClick('service')">《服务协议》</text>
<text class="font-size-12 color-525866">和</text>
<text class="font-size-12 theme-color-500 ml-4 mr-4" @click.stop="handleAgreeClick('privacy')">《隐私协议》</text>
<text class="font-size-12 color-525866">，\n</text>
<text class="font-size-12 color-525866 ml-30">授权与账号关联操作</text>
<text class="font-size-12 text-[#525866]">我已阅读并同意</text>
<text class="font-size-12 text-[#0CCD58] ml-4 mr-4" @click.stop="handleAgreeClick('service')">《服务协议》</text>
<text class="font-size-12 text-[#525866]">和</text>
<text class="font-size-12 text-[#0CCD58] ml-4 mr-4" @click.stop="handleAgreeClick('privacy')">《隐私协议》</text>
<text class="font-size-12 text-[#525866]">，\n</text>
<text class="font-size-12 text-[#525866] ml-30">授权与账号关联操作</text>
</CheckBox>
</view>
<!-- 按钮区域 -->
<view class="login-btn-area">
<!-- 同意隐私协议并获取手机号按钮 -->
<button
v-if="needWxAuthLogin && !isAppleLogin"
class="login-btn"
type="primary"
open-type="getPhoneNumber"
@getphonenumber="getPhoneNumber"
>
<button v-if="needWxAuthLogin && !isAppleLogin" class="login-btn" type="primary" open-type="getPhoneNumber"
@getphonenumber="getPhoneNumber">
{{ loginButtonText }}
</button>
<button v-else class="login-btn" type="primary" @click="handleAgreeAndGetPhone">
@@ -137,7 +132,7 @@ const getPhoneNumber = (e) => {
title: "获取登录手机号失败",
icon: "none",
});
});
});
};
/// 登录成功返回上一页