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

refactor: replace legacy height utility classes with inline pixel units

Browse Source 
Remove the unused height.scss partial and its import from the main SCSS entry file. Update all component templates to use explicit h-[numberpx] classes instead of the legacy h-* height utilities, eliminating the separate dependency file.
This commit is contained in:
duanshuwen
2026-07-25 10:18:12 +08:00
parent 15560574e0
commit 06119f00db
8 changed files with 10 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/ChatMain/ChatTopNavBar/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="border-box h-44 flex items-center pl-[12px] pr-[12px]" :style="navBarStyle">
<view class="border-box h-[44px] flex items-center pl-[12px] pr-[12px]" :style="navBarStyle">
<view class="nav-icon-button" @tap.stop="showDrawer">
<uni-icons type="bars" size="24" color="#ffffff" />
</view>
@@ -19,7 +19,7 @@
</text>
</view>
<view class="w-[24px] h-24"></view>
<view class="w-[24px] h-[24px]"></view>
</view>
</template>

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

@@ -4,7 +4,7 @@
<view class="w-screen"></view>
<view class="flex items-center justify-between p-[12px] border-box" @click="openMap">
<view class="rounded-[16px] p-[16px] bg-[#F0F8F3]">
<view class="w-[32px] h-32 rounded-full bg-white flex items-center justify-center">
<view class="w-[32px] h-[32px] rounded-full bg-white flex items-center justify-center">
<uni-icons type="location" size="16" color="#171717" />
</view>
</view>
@@ -12,7 +12,7 @@
<view class="font-color-900 text-[14px]">打开导览地图</view>
<view class="font-color-500 text-[12px] mt-[6px]">距你 {{ distance }} · 步行 {{ walk }}</view>
</view>
<view class="ml-[12px] flex items-center justify-center w-[32px] h-32 rounded-full bg-[#f2f5f8]">
<view class="ml-[12px] flex items-center justify-center w-[32px] h-[32px] rounded-full bg-[#f2f5f8]">
<uni-icons class="mb-[2px]" type="right" size="12" color="#99A0AE" />
</view>
</view>

2
src/pages/ChatModule/SharedVisual/ActionRow.vue
View File

@@ -2,7 +2,7 @@
<view class="visual-action-row flex items-center gap-[12px] p-[12px] bg-white rounded-[18px] border-box"
:class="{ 'is-disabled': disabled }" @click="handleClick">
<view
class="visual-action-row__icon flex items-center justify-center w-[42px] h-42 rounded-[14px] text-[18px] font-bold"
class="visual-action-row__icon flex items-center justify-center w-[42px] h-[42px] rounded-[14px] text-[18px] font-bold"
:class="toneClass">
<slot name="icon">{{ icon }}</slot>
</view>