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

refactor: remove unused border.scss and update styles

Browse Source 
Remove the deprecated border.scss stylesheet and its import from the main SCSS entry file. Replace all legacy border utility class usages with explicit border classes:
- Replace border-ff with border border-white
- Replace border-F1F5F9 with border border-[#f1f5f9]
- Replace border-bottom with border-b border-[#e5e8ee]
- Replace border-top-8 with border-t-8 border-[#f5f5f5]
- Update border-none button styles to add after:!hidden to retain original pseudo-element hiding behavior
This commit is contained in:
duanshuwen
2026-07-25 10:54:56 +08:00
parent 5209af9508
commit 04b48b7656
21 changed files with 25 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,7 +14,7 @@
超时后，订单将自动取消
</view>
<view v-if="['1', '2'].includes(orderData.orderStatus)"
class="border-box border-top flex items-center justify-between text-[12px] pt-[12px] mt-[12px]">
class="border-box border-t border-[#e5e8ee] flex items-center justify-between text-[12px] pt-[12px] mt-[12px]">
<view class="text-[#525866]">取消政策及说明</view>
<view class="flex items-center" @click="emit('click')">
<text class="theme-color-500 mr-[4px]">查看详情</text>

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

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

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

@@ -7,7 +7,7 @@
{{ orderData.commodityName }}
</view>
<view class="border-box border-bottom text-[12px] text-[#99a0ae] leading-[16px] pb-[12px]">
<view class="border-box border-b border-[#e5e8ee] text-[12px] text-[#99a0ae] leading-[16px] pb-[12px]">
{{ orderData.commodityDescription }}
</view>
@@ -31,7 +31,8 @@
</view>
<view v-if="orderData.orderStatus === '0'"
class="border-box border-top pt-[12px] text-[14px] font-[500] text-[#171717] mt-[12px]">凭[电子凭证]直接验证使用</view>
class="border-box border-t border-[#e5e8ee] pt-[12px] text-[14px] font-[500] text-[#171717] mt-[12px]">
凭[电子凭证]直接验证使用</view>
</view>
</template>

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

@@ -21,7 +21,7 @@
<view v-if="orderData.orderStatus === '0'" class="text-right">
<button
class="go-pay border-none text-[14px] text-white bg-[#ff3d60] rounded-[5px] inline-block text-center leading-[30px]"
class="go-pay border-none after:!hidden text-[14px] text-white bg-[#ff3d60] rounded-[5px] inline-block text-center leading-[30px]"
@click.stop="handleCardClick">
去支付
</button>