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

style: replace legacy padding classes with inline pixel values

Browse Source 
Remove the unused padding.scss stylesheet and its import from the main SCSS entrypoint. Update all legacy padding utility class names across every Vue component to use inline pixel-based utility classes (such as replacing `pl-12` with `pl-[12px]`). Also clean up extraneous whitespace and line breaks in component templates for improved readability.
This commit is contained in:
duanshuwen
2026-07-24 16:36:44 +08:00
parent e57617d2c6
commit 79b101978a
50 changed files with 247 additions and 703 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/pages-service/order/components/OrderCard/index.vue
View File

@@ -1,71 +1,40 @@
<template>
<view class="order-card bg-white border-box p-12 rounded-12 m-12">
<view class="order-card bg-white border-box p-[12px] rounded-12 m-12">
<!-- 卡片头部 -->
<view class="border-box flex flex-items-center pb-12">
<image
class="icon mr-4"
src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png"
/>
<view class="border-box flex flex-items-center pb-[12px]">
<image class="icon mr-4" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
<text class="font-size-14 color-525866 line-height-20">工单</text>
<text class="font-size-12 color-525866 line-height-20 ml-auto">{{
isCancelWork ? "已取消" : workOrderStatus(orderData.workOrderStatus)
}}</text>
</view>
<!-- 卡片内容 -->
<view class="border-box card-content flex flex-items-center pb-12">
<view class="border-box left flex-full pr-20">
<view class="font-size-12 color-525866 line-height-20 mb-4"
>所在位置：{{ orderData.roomNo }}</view
>
<view class="font-size-12 color-525866 line-height-20 mb-4"
>联系方式: {{ orderData.userPhone }}</view
>
<view class="font-size-12 color-525866 line-height-20 ellipsis-2"
>需求描述: {{ orderData.content }}</view
>
<view class="border-box card-content flex flex-items-center pb-[12px]">
<view class="border-box left flex-full pr-[20px]">
<view class="font-size-12 color-525866 line-height-20 mb-4">所在位置：{{ orderData.roomNo }}</view>
<view class="font-size-12 color-525866 line-height-20 mb-4">联系方式: {{ orderData.userPhone }}</view>
<view class="font-size-12 color-525866 line-height-20 ellipsis-2">需求描述: {{ orderData.content }}</view>
</view>
<image
v-if="orderData.contentImgUrl"
class="right rounded-6"
:src="orderData.contentImgUrl"
mode="aspectFill"
/>
<image v-if="orderData.contentImgUrl" class="right rounded-6" :src="orderData.contentImgUrl" mode="aspectFill" />
</view>
<!-- 服务人员 -->
<view
v-if="orderData.processMemberName && orderData.processMemberPhone"
class="service-user border-box p-8 flex flex-items-center flex-justify-between mb-12"
>
<view class="font-size-12 line-height-16"
>服务人员：{{ orderData.processMemberName }}</view
>
<uni-icons
class="ml-auto mr-4"
type="phone-filled"
size="14"
color="#436799"
/>
<text class="font-size-12 line-height-16" @click="callService"
>拨打电话</text
>
<view v-if="orderData.processMemberName && orderData.processMemberPhone"
class="service-user border-box p-[8px] flex flex-items-center flex-justify-between mb-12">
<view class="font-size-12 line-height-16">服务人员：{{ orderData.processMemberName }}</view>
<uni-icons class="ml-auto mr-4" type="phone-filled" size="14" color="#436799" />
<text class="font-size-12 line-height-16" @click="callService">拨打电话</text>
</view>
<!-- 取消操作 -->
<view
v-if="
!isCancelWork &&
orderData.workOrderStatus !== '2' &&
orderData.workOrderStatus !== '3'
"
class="flex flex-items-center flex-justify-between"
>
<text
class="cancel border-box border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
@click="cancelCall"
>取消呼叫</text
>
<view v-if="
!isCancelWork &&
orderData.workOrderStatus !== '2' &&
orderData.workOrderStatus !== '3'
" class="flex flex-items-center flex-justify-between">
<text class="cancel border-box border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
@click="cancelCall">取消呼叫</text>
</view>
</view>
</template>