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/components/CreateServiceOrder/index.vue
View File

@@ -21,14 +21,14 @@
<view class="bg-[#f5f7fa] p-[12px] rounded-[10px] text-[14px] font-[500] text-[#171717] mb-[12px]">
<view class="font-[500] leading-[22px] mb-[12px]">需求信息描述</view>
<textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="text-[14px] font-[400]" maxlength="100"
<textarea class="h-[80px]" placeholder="请输入需求信息描述" placeholder-class="text-[14px] font-[400]" maxlength="100"
v-model="contactText" />
</view>
<view class="bg-[#f5f7fa] p-[12px] rounded-[10px] text-[14px] font-[500] text-[#171717] mb-[12px]">
<view class="font-[500] leading-[22px] mb-[12px]">照片上传</view>
<view class="w-[80px] h-80 bg-white rounded-[8px] overflow-hidden flex items-center justify-center">
<view class="w-[80px] h-[80px] bg-white rounded-[8px] overflow-hidden flex items-center justify-center">
<view v-if="contentImgUrl" class="w-full h-full relative inline-block">
<image class="w-full h-full block" :src="contentImgUrl" mode="aspectFill" />
<uni-icons class="close-btn absolute z-10" type="close" size="20" color="#6A717F"

2
src/components/Feedback/index.vue
View File

@@ -15,7 +15,7 @@
</view>
<view class="bg-[#f5f7fa] p-[12px] rounded-[10px] text-[14px] font-[500] text-[#171717] mb-[12px]">
<view class="font-[500] leading-[22px] mb-[12px]">意见内容</view>
<textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="text-[14px] font-[400]" maxlength="100"
<textarea class="h-[80px]" placeholder="请输入反馈意见" placeholder-class="text-[14px] font-[400]" maxlength="100"
v-model="contactText" />
</view>

4
src/components/SurveyQuestionnaire/index.vue
View File

@@ -5,13 +5,13 @@
<text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
调查问卷
</text>
<image class="w-[102px] h-72" :src="surveyData.logoUrl" mode="widthFix" />
<image class="w-[102px] h-[72px]" :src="surveyData.logoUrl" mode="widthFix" />
</view>
<image class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />
<view
class="h-44 m-[12px] rounded-[50px] bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] text-white flex items-center justify-center"
class="h-[44px] m-[12px] rounded-[50px] bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] text-white flex items-center justify-center"
@click="handleCall">
前往填写
</view>

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>

111
src/static/scss/height.scss
View File

@@ -1,111 +0,0 @@
.h-screen {
height: 100vh;
}
.h-full {
height: 100%;
}
.h-auto {
height: auto;
}
.h-1 {
height: 1px;
}
.h-8 {
height: 8px;
}
.h-10 {
height: 10px;
}
.h-12 {
height: 12px;
}
.h-16 {
height: 16px;
}
.h-18 {
height: 18px;
}
.h-20 {
height: 20px;
}
.h-24 {
height: 24px;
}
.h-32 {
height: 32px;
}
.h-44 {
height: 44px;
}
.h-42 {
height: 42px;
}
.h-54 {
height: 54px;
}
.h-60 {
height: 60px;
}
.h-64 {
height: 64px;
}
.h72 {
height: 72px;
}
.h-72 {
height: 72px;
}
.h-80 {
height: 80px;
}
.h-82 {
height: 82px;
}
.h-96 {
height: 96px;
}
.h-108 {
height: 108px;
}
.h-154 {
height: 154px;
}
.h-164 {
height: 164px;
}
.h-170 {
height: 170px;
}
.h-178 {
height: 178px;
}
.h-260 {
height: 260px;
}

1
src/static/scss/index.scss
View File

@@ -1,6 +1,5 @@
@import "./background.scss";
@import "./border.scss";
@import "./height.scss";
@import "./font-family.scss";
@import "./overflow.scss";
@import "./scroll.scss";