refactor: replace rounded utility classes and clean up unused scss files
Removed unused text-align.scss, position.scss, and rounded.scss utility files along with their imports from scss/index.scss. Updated all existing uses of the rounded-* utility classes in vue components to use inline border-radius syntax like rounded-[10px] instead.
This commit is contained in:
@@ -10,7 +10,7 @@
|
||||
<uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
|
||||
</view>
|
||||
|
||||
<view class="bg-white rounded-12 flex flex-col flex-items-center flex-justify-center p-[12px] mb-12 mx-12">
|
||||
<view class="bg-white rounded-[12px] 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-[4px]">
|
||||
<view>
|
||||
@@ -20,32 +20,34 @@
|
||||
</view>
|
||||
|
||||
<view v-if="selectedVoucher" class="flex flex-row">
|
||||
<view class="bg-[#f5f7fa] text-[#02C34E] font-size-12 p-[4px] rounded-4 mr-4">总计{{ selectedVoucher.count
|
||||
<view class="bg-[#f5f7fa] text-[#02C34E] font-size-12 p-[4px] rounded-[4px] mr-4">总计{{ selectedVoucher.count
|
||||
}}{{
|
||||
selectedVoucher.unit }}
|
||||
</view>
|
||||
<view class="bg-[#F0F8F3] text-[#0CCD58] font-size-12 p-[4px] rounded-4">剩{{ selectedVoucher.count -
|
||||
<view class="bg-[#F0F8F3] text-[#0CCD58] font-size-12 p-[4px] rounded-[4px]">剩{{ selectedVoucher.count -
|
||||
selectedVoucher.writeOffCount }}{{ selectedVoucher.unit }}可用</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view
|
||||
class="flex flex-col w-full flex-items-center flex-justify-center rounded-8 border pt-[16px] pb-[32px] mt-12">
|
||||
class="flex flex-col w-full flex-items-center flex-justify-center rounded-[8px] border pt-[16px] pb-[32px] mt-12">
|
||||
<view class="flex flex-row flex-justify-between w-full px-[12px]">
|
||||
<view class="bg-[#F0F8F3] text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-12">凭证{{
|
||||
<view class="bg-[#F0F8F3] text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-[12px]">凭证{{
|
||||
selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : '' }}</view>
|
||||
<view class="text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-12">此码仅可核销{{ selectedVoucher.count
|
||||
<view class="text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-[12px]">此码仅可核销{{
|
||||
selectedVoucher.count
|
||||
-
|
||||
selectedVoucher.writeOffCount }}份</view>
|
||||
</view>
|
||||
|
||||
<view class="flex flex-items-center flex-justify-center mt-20 p-[20px] rounded-12 border borderColor"
|
||||
<view class="flex flex-items-center flex-justify-center mt-20 p-[20px] rounded-[12px] 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] text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-12">
|
||||
<view v-if="false"
|
||||
class="mt-20 bg-[#F0F8F3] text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-[12px]">
|
||||
{{ selectedVoucher.name }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user