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

28
src/pages-order/order/components/OrderQrcode/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose" @change="handlePopupChange">
<view class="refund-popup bg-[#f5f7fa] border-box">
<view class="border-box flex flex-items-center justify-between pt-12 pb-12 relative">
<view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
<view class="flex flex-col flex-items-center flex-full ">
<view class="flex-full font-size-16 text-color-900 text-center">核销凭证</view>
<view class="flex-full font-size-12 text-color-600 text-center mt-4">请向工作人员出示此码</view>
@@ -10,9 +10,10 @@
<uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
</view>
<view class="bg-white border-box rounded-12 flex flex-col flex-items-center flex-justify-center p-12 mb-12 mx-12">
<view
class="bg-white border-box rounded-12 flex flex-col flex-items-center flex-justify-center p-[12px] mb-12 mx-12">
<view class="flex w-full flex-row flex-items-center flex-justify-between py-4">
<view class="flex w-full flex-row flex-items-center flex-justify-between py-[4px]">
<view>
<view class="font-size-16 font-500 color-000 line-height-24 ellipsis-1">
{{ selectedVoucher.name }}
@@ -20,30 +21,33 @@
</view>
<view v-if="selectedVoucher" class="flex flex-row">
<view class="bg-[#f5f7fa] text-color-600 font-size-12 p-4 rounded-4 mr-4">总计{{ selectedVoucher.count }}{{
selectedVoucher.unit }}
<view class="bg-[#f5f7fa] text-color-600 font-size-12 p-[4px] rounded-4 mr-4">总计{{ selectedVoucher.count
}}{{
selectedVoucher.unit }}
</view>
<view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-4 rounded-4">剩{{ selectedVoucher.count -
<view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-[4px] rounded-4">剩{{ selectedVoucher.count -
selectedVoucher.writeOffCount }}{{ selectedVoucher.unit }}可用</view>
</view>
</view>
<view
class="flex flex-col w-full flex-items-center flex-justify-center border-box rounded-8 border pt-16 pb-32 mt-12">
<view class="flex flex-row flex-justify-between border-box w-full px-12">
<view class="bg-[#F0F8F3] theme-color-500 font-size-14 px-12 line-height-24 rounded-12">凭证{{
class="flex flex-col w-full flex-items-center flex-justify-center border-box rounded-8 border pt-[16px] pb-[32px] mt-12">
<view class="flex flex-row flex-justify-between border-box w-full px-[12px]">
<view class="bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] line-height-24 rounded-12">凭证{{
selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : '' }}</view>
<view class="text-color-500 font-size-14 px-12 line-height-24 rounded-12">此码仅可核销{{ selectedVoucher.count -
<view class="text-color-500 font-size-14 px-[12px] line-height-24 rounded-12">此码仅可核销{{ selectedVoucher.count
-
selectedVoucher.writeOffCount }}份</view>
</view>
<view class="flex flex-items-center flex-justify-center mt-20 p-20 rounded-12 border borderColor"
<view class="flex flex-items-center flex-justify-center mt-20 p-[20px] rounded-12 border borderColor"
:style="{ borderColor: selectedVoucher?.color }">
<Qrcode v-if="showQrcode" :size="props.size" :unit="props.unit" :val="qrcodeVal" :loadMake="true"
:onval="true" />
</view>
<view v-if="false" class="mt-20 bg-[#F0F8F3] theme-color-500 font-size-14 px-12 line-height-24 rounded-12">
<view v-if="false"
class="mt-20 bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] line-height-24 rounded-12">
{{ selectedVoucher.name }}
</view>
</view>