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,23 +1,23 @@
|
||||
<template>
|
||||
<view class="bg-white rounded-[12px] p-[12px] mb-12">
|
||||
<view class="bg-white rounded-[12px] p-[12px] mb-[12px]">
|
||||
<view class="flex flex-items-center flex-justify-between">
|
||||
<view class="flex flex-items-center">
|
||||
<text class="font-size-16 text-[#171717] leading-[24px] font-500">
|
||||
订单金额
|
||||
</text>
|
||||
<text class="amt font-size-18 font-bold text-[#ff3d60] ml-4">
|
||||
<text class="amt font-size-18 font-bold text-[#ff3d60] ml-[4px]">
|
||||
{{ orderData.payAmt }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="orderData.orderStatus === '0'" class="font-size-11 text-[#99a0ae] mt-4">
|
||||
<view v-if="orderData.orderStatus === '0'" class="font-size-11 text-[#99a0ae] mt-[4px]">
|
||||
超时后,订单将自动取消
|
||||
</view>
|
||||
<view v-if="['1', '2'].includes(orderData.orderStatus)"
|
||||
class="border-box border-top flex flex-items-center flex-justify-between font-size-12 pt-[12px] mt-12">
|
||||
class="border-box border-top flex flex-items-center flex-justify-between font-size-12 pt-[12px] mt-[12px]">
|
||||
<view class="text-[#525866]">取消政策及说明</view>
|
||||
<view class="flex flex-items-center" @click="emit('click')">
|
||||
<text class="theme-color-500 mr-4">查看详情</text>
|
||||
<text class="theme-color-500 mr-[4px]">查看详情</text>
|
||||
<uni-icons type="right" size="12" color="#99A0AE" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user