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

refactor: replace theme color utility classes with direct hex values

Browse Source 
remove unused theme color background utility classes from background.scss,
swap all instances of bg-theme-color-50 and bg-theme-color-500 with their
corresponding hex values across vue components, and update bg-liner gradient
to use direct hex colors instead of theme variables
This commit is contained in:
duanshuwen
2026-07-24 16:03:00 +08:00
parent aa0203819c
commit e57617d2c6
8 changed files with 12 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,7 @@
<template>
<view class="create-service-order">
<view class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
<view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
<view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
<text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
{{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
</text>

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

@@ -1,7 +1,7 @@
<template>
<view class="create-service-order">
<view class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
<view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
<view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
<text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
{{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
</text>

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

@@ -1,7 +1,7 @@
<template>
<view class="survey-questionnaire w-vw-24">
<view class="bg-white border-box border-ff overflow-hidden rounded-20">
<view class="border-box flex flex-items-center flex-justify-between bg-theme-color-50">
<view class="border-box flex flex-items-center flex-justify-between bg-[#F0F8F3]">
<text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
调查问卷
</text>

2
src/pages-order/order/components/FooterSection/index.vue
View File

@@ -6,7 +6,7 @@
申请退款
</button>
<button :class="[
'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center font-size-14 font-500 bg-theme-color-500',
'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center font-size-14 font-500 bg-[#0CCD58]',
{
'bg-[#ff3d60]': statusCode === '0',
'color-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),

7
src/pages-order/order/components/OrderQrcode/index.vue
View File

@@ -23,7 +23,7 @@
<view class="bg-[#f5f7fa] text-color-600 font-size-12 p-4 rounded-4 mr-4">总计{{ selectedVoucher.count }}{{
selectedVoucher.unit }}
</view>
<view class="bg-theme-color-50 theme-color-500 font-size-12 p-4 rounded-4">剩{{ selectedVoucher.count -
<view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-4 rounded-4">剩{{ selectedVoucher.count -
selectedVoucher.writeOffCount }}{{ selectedVoucher.unit }}可用</view>
</view>
</view>
@@ -31,7 +31,7 @@
<view
class="flex flex-col w-full flex-items-center flex-justify-center border-box rounded-8 border pt-16 pb-32 mt-12">
<view class="flex flex-row flex-justify-between border-box w-full px-12">
<view class="bg-theme-color-50 theme-color-500 font-size-14 px-12 line-height-24 rounded-12">凭证{{
<view class="bg-[#F0F8F3] theme-color-500 font-size-14 px-12 line-height-24 rounded-12">凭证{{
selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : '' }}</view>
<view class="text-color-500 font-size-14 px-12 line-height-24 rounded-12">此码仅可核销{{ selectedVoucher.count -
selectedVoucher.writeOffCount }}份</view>
@@ -43,8 +43,7 @@
:onval="true" />
</view>
<view v-if="false"
class="mt-20 bg-theme-color-50 theme-color-500 font-size-14 px-12 line-height-24 rounded-12">
<view v-if="false" class="mt-20 bg-[#F0F8F3] theme-color-500 font-size-14 px-12 line-height-24 rounded-12">
{{ selectedVoucher.name }}
</view>
</view>

5
src/pages-order/order/components/VoucherList/index.vue
View File

@@ -12,14 +12,13 @@
<view class="flex flex-row mt-8">
<view class="bg-[#f5f7fa] text-color-600 font-size-12 p-4 rounded-4 mr-4">总计{{ item.count }}{{ item.unit }}
</view>
<view class="bg-theme-color-50 theme-color-500 font-size-12 p-4 rounded-4">剩{{ item.count - item.writeOffCount
<view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-4 rounded-4">剩{{ item.count - item.writeOffCount
}}{{ item.unit }}可用</view>
</view>
</view>
<view class="flex flex-items-center px-14 py-8 rounded-8"
:class="[item.packageStatus === 0 ? 'bg-theme-color-500' : 'bg-[#f5f5f5]']"
@click="handleShowQrcode(item, index)">
:class="[item.packageStatus === 0 ? 'bg-[#0CCD58]' : 'bg-[#f5f5f5]']" @click="handleShowQrcode(item, index)">
<text v-if="item.packageStatus === 0" class="font-size-14 color-white">出示凭证</text>
<text v-else class="font-size-14 text-color-300">已核销</text>
</view>

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

@@ -3,7 +3,7 @@
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="flex flex-items-center flex-justify-between p-12 border-box" @click="openMap">
<view class="rounded-16 p-16 bg-theme-color-50">
<view class="rounded-16 p-16 bg-[#F0F8F3]">
<view class="w-32 h-32 rounded-full bg-white flex flex-items-center flex-justify-center">
<uni-icons type="location" size="16" color="#171717" />
</view>

19
src/static/scss/background.scss
View File

@@ -1,26 +1,11 @@
// 背景颜色
.bg-theme-color-500 {
background-color: $theme-color-500;
}
.bg-theme-color-100 {
background-color: $theme-color-100;
}
.bg-theme-color-50 {
background-color: $theme-color-50;
}
.bg-liner {
background:
linear-gradient(205deg, $theme-color-100 0%, rgba(138, 227, 252, 0) 20%),
linear-gradient(205deg, #e8fff1 0%, rgba(138, 227, 252, 0) 20%),
linear-gradient(155deg, #fef7e1 0%, rgba(254, 247, 225, 0) 20%),
radial-gradient(
48% 48% at 61% 118%,
#ffffff 0%,
rgba(255, 255, 255, 0) 100%
),
linear-gradient(180deg, rgba(238, 248, 255, 0) 0%, $theme-color-50 50%),
$theme-color-50;
linear-gradient(180deg, rgba(238, 248, 255, 0) 0%, #f0f8f3 50%), #f0f8f3;
}