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

refactor: replace custom line-height classes with tailwind leading utils

Browse Source 
Remove the deprecated src/static/scss/line-height.scss custom utility file, and update all component template instances of line-height-* classes to use the equivalent tailwind leading-[xxpx] utilities. This standardizes line height styling across the codebase by using native tailwind classes instead of custom SCSS helpers.
This commit is contained in:
duanshuwen
2026-07-24 17:00:35 +08:00
parent 39b91a8d05
commit 01fdf80a72
27 changed files with 66 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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 line-height-20">
<text class="font-size-14 theme-color-500 leading-[20px]">
{{ item.title }}
</text>
</view>

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 line-height-24">
<view class="welcome-text font-size-14 font-500 font-family-misans-vf color-171717 leading-[24px]">
{{ welcomeContent }}
</view>
</view>

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

@@ -18,7 +18,7 @@
<text class="color-171717 font-size-12 font-weight-600 ml-8">发布时间：{{ publishTime }}</text>
</view>
<view class="mt-20 pt-[16px] color-666 font-size-14 line-height-20 border-top">{{ noticeContent }}</view>
<view class="mt-20 pt-[16px] color-666 font-size-14 leading-[20px] border-top">{{ noticeContent }}</view>
</view>
</view>
</scroll-view>

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

@@ -7,7 +7,7 @@
</view>
<view class="border-box pl-[12px] pr-[12px]">
<view class="font-size-16 color-A3A3A3 line-height-22">
<view class="font-size-16 color-A3A3A3 leading-[22px]">
如有任何疑问，欢迎随时致电景区咨询热线：
<text class="color-2563EB" @click="handleClick(mobleNumber1)">{{ mobleNumber1 }}</text> / <text
class="color-2563EB" @click="handleClick(mobleNumber2)">{{ mobleNumber2 }}</text>，

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

@@ -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 line-height-24 font-500">
<view class="font-size-16 color-000 leading-[24px] font-500">
{{ item.title }}
</view>
<view class="font-size-12 color-A3A3A3 line-height-16">
<view class="font-size-12 color-A3A3A3 leading-[16px]">
{{ item.content }}
</view>
</view>
<view class="right font-size-12 color-white line-height-16" @click="handleClick(item)">
<view class="right font-size-12 color-white leading-[16px]" @click="handleClick(item)">
{{ item.btnText }}
</view>
</view>

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 line-height-20">
<text class="ml-4 font-size-12 color-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 line-height-20 mb-4" v-for="(text, index) in moduleItem.desc"
<text class="font-size-12 color-525866 leading-[20px] mb-4" v-for="(text, index) in moduleItem.desc"
:key="index">
{{ text }}
</text>