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

refactor: replace rounded utility classes and clean up unused scss files

Browse Source 
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:
duanshuwen
2026-07-24 21:46:42 +08:00
parent 5f06d8ef11
commit 0883d2b9c9
53 changed files with 110 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages-order/order/components/AmtSection/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="bg-white rounded-12 p-[12px] mb-12">
<view class="bg-white rounded-[12px] p-[12px] mb-12">
<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">

4
src/pages-order/order/components/FooterSection/index.vue
View File

@@ -1,12 +1,12 @@
<template>
<view class="footer bg-white flex flex-items-center flex-justify-between p-[12px]">
<button v-if="['1', '2'].includes(statusCode)"
class="left border-none bg-white rounded-10 flex flex-items-center flex-justify-center font-size-14 font-500 text-[#525866] mr-12"
class="left border-none bg-white rounded-[10px] flex flex-items-center flex-justify-center font-size-14 font-500 text-[#525866] mr-12"
@click="emit('refund', orderData)">
申请退款
</button>
<button :class="[
'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center font-size-14 font-500 bg-[#0CCD58]',
'right border-none rounded-[10px] flex flex-full flex-items-center flex-justify-center font-size-14 font-500 bg-[#0CCD58]',
{
'bg-[#ff3d60]': statusCode === '0',
'text-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),

6
src/pages-order/order/components/GoodsInfo/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view v-if="orderType == 0" class="border-box bg-white p-[12px] rounded-12 mb-12">
<view v-if="orderType == 0" class="border-box bg-white p-[12px] rounded-[12px] mb-12">
<!-- 酒店类型入住离店日期部分 -->
<DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" />
@@ -13,14 +13,14 @@
<!-- 权益部分 -->
<view class="border-box flex flex-items-center pt-[12px]">
<text class="bg-[#f7f7f7] rounded-4 font-size-11 text-[#525866] mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
<text class="bg-[#f7f7f7] rounded-[4px] font-size-11 text-[#525866] mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
v-for="(item, index) in commodityFacilityList" :key="index">
{{ item }}
</text>
</view>
</view>
<view v-if="orderType != 0" class="border-box bg-white p-[12px] rounded-12 mb-12">
<view v-if="orderType != 0" class="border-box bg-white p-[12px] rounded-[12px] mb-12">
<view class="font-size-16 font-500 text-[#000000] leading-[24px] ellipsis-1 mb-8">
{{ orderData.commodityName }}
</view>

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

@@ -1,5 +1,5 @@
<template>
<view class="order-card bg-white p-[12px] rounded-12 m-12" @click.stop="handleCardClick">
<view class="order-card bg-white p-[12px] rounded-[12px] m-12" @click.stop="handleCardClick">
<!-- 卡片头部 -->
<view class="card-header flex items-center">
<view class="status-info flex items-center flex-full">
@@ -21,7 +21,7 @@
<view v-if="orderData.orderStatus === '0'" class="text-right">
<button
class="go-pay border-none font-size-14 text-white bg-[#ff3d60] rounded-5 inline-block text-center leading-[30px]"
class="go-pay border-none font-size-14 text-white bg-[#ff3d60] rounded-[5px] inline-block text-center leading-[30px]"
@click.stop="handleCardClick">
去支付
</button>

2
src/pages-order/order/components/OrderInfo/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="bg-white rounded-10 p-[12px]">
<view class="bg-white rounded-[10px] p-[12px]">
<view class="flex mb-8 font-size-12">
<text class="w-60 text-[#99a0ae]">订单编号</text>
<text class="text-[#525866]">{{ orderData.orderId }}</text>

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

@@ -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>

2
src/pages-order/order/components/UserInfo/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="bg-white rounded-10 p-[12px] mb-12" v-if="hasConsumerData">
<view class="bg-white rounded-[10px] p-[12px] mb-12" v-if="hasConsumerData">
<view v-for="(item, index) in consumerList" :key="index">
<view class="flex mb-8 font-size-12">
<text class="w-60 text-[#99a0ae]">住客姓名</text>

10
src/pages-order/order/components/VoucherList/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="bg-white rounded-12 px-[12px] pt-[12px] mb-12">
<view class="bg-white rounded-[12px] px-[12px] pt-[12px] mb-12">
<text class="font-size-16 text-[#171717] leading-[24px] font-500">
核销凭证列表
</text>
@@ -10,15 +10,17 @@
<view class="flex flex-col">
<text class="text-[#0B5C2D] font-size-16">{{ item.name }}</text>
<view class="flex flex-row mt-8">
<view class="bg-[#f5f7fa] text-[#02C34E] font-size-12 p-[4px] rounded-4 mr-4">总计{{ item.count }}{{ item.unit
<view class="bg-[#f5f7fa] text-[#02C34E] font-size-12 p-[4px] rounded-[4px] mr-4">总计{{ item.count }}{{
item.unit
}}
</view>
<view class="bg-[#F0F8F3] text-[#0CCD58] font-size-12 p-[4px] rounded-4">剩{{ item.count - item.writeOffCount
<view class="bg-[#F0F8F3] text-[#0CCD58] font-size-12 p-[4px] rounded-[4px]">剩{{ item.count -
item.writeOffCount
}}{{ item.unit }}可用</view>
</view>
</view>
<view class="flex flex-items-center px-[14px] py-[8px] rounded-8"
<view class="flex flex-items-center px-[14px] py-[8px] rounded-[8px]"
:class="[item.packageStatus === 0 ? 'bg-[#0CCD58]' : 'bg-[#f5f5f5]']" @click="handleShowQrcode(item, index)">
<text v-if="item.packageStatus === 0" class="font-size-14 text-white">出示凭证</text>
<text v-else class="font-size-14 text-[#77FEAB]">已核销</text>