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/components/CreateServiceOrder/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<view class="create-service-order">
<view class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
<view class="w-full bg-white border border-white overflow-hidden rounded-[20px]">
<view class="border-box order-header w-screen flex items-center justify-between bg-[#F0F8F3]">
<text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
{{ isCallSuccess ? "服务已创建" : "呼叫服务" }}

2
src/components/DetailPopup/index.vue
View File

@@ -9,7 +9,7 @@
<!-- 内容区域 -->
<view class="rounded-[12px] bg-white ml-[12px] mr-[12px] mb-40">
<view
class="border-box border-bottom flex items-center justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
class="border-box border-b border-[#e5e8ee] flex items-center justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
<text class="text-[16px] font-[500] text-[#171717]">在线支付</text>
<text class="text-[14px] text-[#171717]">239</text>
</view>

2
src/components/Feedback/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<view class="create-service-order">
<view class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
<view class="w-full bg-white border border-white overflow-hidden rounded-[20px]">
<view class="border-box order-header w-screen flex items-center justify-between bg-[#F0F8F3]">
<text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
{{ isCallSuccess ? "反馈已创建" : "反馈意见" }}

2
src/components/SurveyQuestionnaire/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<view class="survey-questionnaire w-[calc(100vw_-_24px)]">
<view class="bg-white border-ff overflow-hidden rounded-[20px]">
<view class="bg-white border border-white overflow-hidden rounded-[20px]">
<view class="border-box flex items-center justify-between bg-[#F0F8F3]">
<text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
调查问卷

3
src/pages-booking/components/ConactSection/index.vue
View File

@@ -18,7 +18,8 @@
<!-- 联系方式 -->
<view class="bg-white rounded-[12px] overflow-hidden">
<view class="border-box border-bottom text-[16px] font-[500] text-[#000000] leading-[24px] p-[12px]">联系方式</view>
<view class="border-box border-b border-[#e5e8ee] text-[16px] font-[500] text-[#000000] leading-[24px] p-[12px]">
联系方式</view>
<view class="flex items-center p-[12px]">
<view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 联系人姓名 </view>
<view class="right">

4
src/pages-booking/components/UserSection/index.vue
View File

@@ -8,8 +8,8 @@
</view>
<view class="border-box pl-[12px] pr-[12px]">
<view class="border-box border-bottom pt-[12px] pb-[12px] flex items-center" v-for="(item, index) in userFormList"
:key="index">
<view class="border-box border-b border-[#e5e8ee] pt-[12px] pb-[12px] flex items-center"
v-for="(item, index) in userFormList" :key="index">
<view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 住客姓名 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] text-[15px] text-[#000000] leading-[20px]"

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>

2
src/pages/ChatModule/AigcPhotoCard/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
<view class="w-full bg-white border border-white overflow-hidden rounded-[20px] flex flex-col">
<!-- 占位撑开 -->
<view class="w-screen"></view>

3
src/pages/ChatModule/AnswerComponent/index.vue
View File

@@ -1,5 +1,6 @@
<template>
<view v-if="shouldRenderCard" class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
<view v-if="shouldRenderCard"
class="w-full bg-white border border-white overflow-hidden rounded-[20px] flex flex-col">
<!-- 占位撑开 -->
<view class="w-screen"></view>
<view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="lookDetailAction">

2
src/pages/ChatModule/GeneratorPhotoComponent/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="container w-full border-ff overflow-hidden rounded-[24px] flex flex-col">
<view class="container w-full border border-white overflow-hidden rounded-[24px] flex flex-col">
<!-- 占位撑开 -->
<view class="w-screen"></view>
<view class="content flex flex-col m-[4px] rounded-[24px]">

2
src/pages/ChatModule/LongTextGuideCardPreview/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
<view class="w-full bg-white border border-white overflow-hidden rounded-[20px] flex flex-col">
<!-- 占位撑开 -->
<view class="w-screen"></view>
<view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="openDetail(item)">

2
src/pages/ChatModule/MoreService/index.vue
View File

@@ -7,7 +7,7 @@
</view>
<view class="list bg-white pl-[20px] pr-[20px]">
<view class="item border-bottom pt-[20px] pb-[20px]" v-for="(item, index) in list" :key="index">
<view class="item border-b border-[#e5e8ee] pt-[20px] pb-[20px]" v-for="(item, index) in list" :key="index">
<view class="flex items-center justify-center">
<image v-if="item.icon" class="left" :src="item.icon" />
<view class="center flex-1">

2
src/pages/ChatModule/OpenMapComponent/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
<view class="w-full bg-white border border-white overflow-hidden rounded-[20px] flex flex-col">
<!-- 占位撑开 -->
<view class="w-screen"></view>
<view class="flex items-center justify-between p-[12px] border-box" @click="openMap">

2
src/pages/ChatModule/SharedVisual/CardShell.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="visual-card-shell w-full bg-white border-F1F5F9 rounded-[24px] overflow-hidden"
<view class="visual-card-shell w-full bg-white border border-[#f1f5f9] rounded-[24px] overflow-hidden"
:class="[{ 'is-pressable': pressable, 'is-disabled': disabled }, variantClass]" @click="handleClick">
<slot />
</view>

2
src/pages/ChatModule/ZModuleBase/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="container w-full border-ff overflow-hidden rounded-[24px] flex flex-col">
<view class="container w-full border border-white overflow-hidden rounded-[24px] flex flex-col">
<!-- 占位撑开 -->
<view class="w-screen"></view>
<view class="flex flex-col m-[4px] rounded-[24px]">

2
src/pages/goods/components/GoodPackage/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="border-box border-top-8 pl-[12px] pr-[12px] pt-[6px] pb-[12px]">
<view class="border-box border-t-8 border-[#f5f5f5] pl-[12px] pr-[12px] pt-[6px] pb-[12px]">
<ModuleTitle v-if="showTitle" title="套餐包含内容" />
<view class="flex flex-items-start flex-col" v-for="(item, index) in goodsData.commodityPackageConfig" :key="index">
<view class="title-row py-[4px] ml-[4px]">

31
src/static/scss/border.scss
View File

@@ -1,31 +0,0 @@
.border-top {
border-top: 1px solid #e5e8ee;
}
.border-bottom {
border-bottom: 1px solid #e5e8ee;
}
.border-top-8 {
border-top: 8px solid #f5f5f5;
}
.border-ff {
border: 1px solid #fff;
}
.border-F1F5F9 {
border: 1px solid #f1f5f9;
}
.border-bottom-F1F5F9 {
border-bottom: 1px solid #f1f5f9;
}
.border-none {
border: none;
&::after {
display: none !important;
}
}

1
src/static/scss/index.scss
View File

@@ -1,3 +1,2 @@
@import "./background.scss";
@import "./border.scss";
@import "./font-family.scss";