refactor: replace custom line-height classes with tailwind leading utils
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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user