refactor: migrate legacy color classes to inline tailwind text utilities
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:
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user