refactor: remove margin utils, use inline pixel spacing
Delete the src/static/scss/margin.scss utility file, update all component templates to replace pre-defined margin classes with inline arbitrary pixel values (e.g. mb-[4px] instead of mb-4), and clean up long template lines for better readability.
This commit is contained in:
@@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<view class="order-card bg-white p-[12px] rounded-[12px] m-12">
|
||||
<view class="order-card bg-white p-[12px] rounded-[12px] m-[12px]">
|
||||
<!-- 卡片头部 -->
|
||||
<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" />
|
||||
<image class="icon mr-[4px]" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
|
||||
<text class="font-size-14 text-[#525866] leading-[20px]">工单</text>
|
||||
<text class="font-size-12 text-[#525866] leading-[20px] ml-auto">{{
|
||||
isCancelWork ? "已取消" : workOrderStatus(orderData.workOrderStatus)
|
||||
@@ -11,8 +11,8 @@
|
||||
<!-- 卡片内容 -->
|
||||
<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 text-[#525866] leading-[20px] mb-4">所在位置:{{ orderData.roomNo }}</view>
|
||||
<view class="font-size-12 text-[#525866] leading-[20px] mb-4">联系方式: {{ orderData.userPhone }}</view>
|
||||
<view class="font-size-12 text-[#525866] leading-[20px] mb-[4px]">所在位置:{{ orderData.roomNo }}</view>
|
||||
<view class="font-size-12 text-[#525866] leading-[20px] mb-[4px]">联系方式: {{ orderData.userPhone }}</view>
|
||||
<view class="font-size-12 text-[#525866] leading-[20px] ellipsis-2">需求描述: {{ orderData.content }}</view>
|
||||
</view>
|
||||
|
||||
@@ -22,9 +22,9 @@
|
||||
|
||||
<!-- 服务人员 -->
|
||||
<view v-if="orderData.processMemberName && orderData.processMemberPhone"
|
||||
class="service-user p-[8px] flex flex-items-center flex-justify-between mb-12">
|
||||
class="service-user p-[8px] flex flex-items-center flex-justify-between mb-[12px]">
|
||||
<view class="font-size-12 leading-[16px]">服务人员:{{ orderData.processMemberName }}</view>
|
||||
<uni-icons class="ml-auto mr-4" type="phone-filled" size="14" color="#436799" />
|
||||
<uni-icons class="ml-auto mr-[4px]" type="phone-filled" size="14" color="#436799" />
|
||||
<text class="font-size-12 leading-[16px]" @click="callService">拨打电话</text>
|
||||
</view>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user