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

14
src/pages-booking/components/ConactSection/index.vue
View File

@@ -2,8 +2,8 @@
<!-- 选择数量 -->
<view class="border-box bg-white p-[12px] rounded-12 flex flex-items-center mb-12">
<view class="flex-full">
<view class="font-size-16 font-500 color-000 leading-[24px]">选择数量</view>
<view class="font-size-12 color-A3A3A3 leading-[16px]">
<view class="font-size-16 font-500 text-[#000000] leading-[24px]">选择数量</view>
<view class="font-size-12 text-[#a3a3a3] leading-[16px]">
请选择套餐数量
</view>
</view>
@@ -18,19 +18,19 @@
<!-- 联系方式 -->
<view class="bg-white rounded-12 overflow-hidden">
<view class="border-box border-bottom font-size-16 font-500 color-000 leading-[24px] p-[12px]">联系方式</view>
<view class="border-box border-bottom font-size-16 font-500 text-[#000000] leading-[24px] p-[12px]">联系方式</view>
<view class="flex flex-items-center p-[12px]">
<view class="font-size-14 font-500 color-525866 mr-12"> 联系人姓名 </view>
<view class="font-size-14 font-500 text-[#525866] mr-12"> 联系人姓名 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
<input class="border-box px-[4px] py-[2px] font-size-15 text-[#000000] leading-[20px]"
v-model.trim="userFormList[0].visitorName" placeholder="请输入联系人" maxlength="20" />
</view>
</view>
<view class="flex flex-items-center p-[12px]">
<view class="font-size-14 font-500 color-525866 mr-12"> 手机号码 </view>
<view class="font-size-14 font-500 text-[#525866] mr-12"> 手机号码 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
<input class="border-box px-[4px] py-[2px] font-size-15 text-[#000000] leading-[20px]"
v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />
</view>
</view>

6
src/pages-booking/components/FooterSection/index.vue
View File

@@ -1,15 +1,15 @@
<template>
<view class="booking-footer bg-white flex flex-items-center font-family-misans-vf">
<text class="amt font-size-20 font-bold color-FF3D60 line-height-28 flex flex-items-center mr-8">
<text class="amt font-size-20 font-bold text-[#ff3d60] line-height-28 flex flex-items-center mr-8">
{{ totalAmt }}
</text>
<!-- <view class="flex flex-items-center" @click="emit('detailClick')">
<text class="font-size-12 color-A3A3A3 mr-4">明细</text>
<text class="font-size-12 text-[#a3a3a3] mr-4">明细</text>
<uni-icons type="up" size="16" color="#A3A3A3" />
</view> -->
<view class="btn rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="handleBooking">
<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>
</template>

10
src/pages-booking/components/UserSection/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<view class="bg-white rounded-12 overflow-hidden mb-12">
<view class="flex flex-items-center p-[12px] border-bottom">
<view class="font-size-16 font-500 color-000 leading-[24px] flex-full">入住信息</view>
<view class="font-size-16 font-500 text-[#000000] leading-[24px] flex-full">入住信息</view>
<view class="right">
<Stepper v-model="count" unit="间" />
</view>
@@ -10,17 +10,17 @@
<view class="border-box pl-[12px] pr-[12px]">
<view class="border-box border-bottom pt-[12px] pb-[12px] flex flex-items-center"
v-for="(item, index) in userFormList" :key="index">
<view class="font-size-14 font-500 color-525866 mr-12"> 住客姓名 </view>
<view class="font-size-14 font-500 text-[#525866] mr-12"> 住客姓名 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
<input class="border-box px-[4px] py-[2px] font-size-15 text-[#000000] leading-[20px]"
v-model.trim="item.visitorName" placeholder="请输入姓名" maxlength="11" />
</view>
</view>
<view class="flex flex-items-center pt-[12px] pb-[12px]">
<view class="font-size-14 font-500 color-525866 mr-12"> 联系手机 </view>
<view class="font-size-14 font-500 text-[#525866] mr-12"> 联系手机 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
<input class="border-box px-[4px] py-[2px] font-size-15 text-[#000000] leading-[20px]"
v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />
</view>
</view>