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

refactor: replace border-box with box-border and clean up unused scss

Browse Source 
Remove the unused box-sizing.scss stylesheet and its import from the main SCSS index file.
Update all Vue component template class references from the custom border-box class to the
native box-border utility class to eliminate redundant custom CSS and align with the project's
utility class conventions.
This commit is contained in:
duanshuwen
2026-07-24 16:48:07 +08:00
parent 79b101978a
commit cb7054cd90
47 changed files with 103 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/CreateServiceOrder/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<view class="create-service-order">
<view class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
<view class="w-full bg-white box-border border-ff overflow-hidden rounded-20">
<view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
<text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
{{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
@@ -10,24 +10,24 @@
<view v-if="!isCallSuccess" class="border-box p-[12px]">
<view
class="bg-[#f5f7fa] border-box flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
class="bg-[#f5f7fa] box-border flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
<text class="font-500 line-height-22 mr-20">所在位置</text>
<input placeholder="请填写所在位置" v-model="roomId" />
</view>
<view
class="bg-[#f5f7fa] border-box flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
class="bg-[#f5f7fa] box-border flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
<text class="font-500 line-height-22 mr-20">联系电话</text>
<input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
</view>
<view class="bg-[#f5f7fa] border-box p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
<view class="bg-[#f5f7fa] box-border p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
<view class="font-500 line-height-22 mb-12">需求信息描述</view>
<textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="font-size-14 font-400" maxlength="100"
v-model="contactText" />
</view>
<view class="bg-[#f5f7fa] border-box p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
<view class="bg-[#f5f7fa] box-border p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
<view class="font-500 line-height-22 mb-12">照片上传</view>
<view class="w-80 h-80 bg-white rounded-8 overflow-hidden flex flex-items-center flex-justify-center">

22
src/components/DateRangeSection/index.vue
View File

@@ -5,10 +5,8 @@
<text class="font-size-12 color-171717 mr-16">
{{ selectedDate.startDate }}
</text>
<text
class="total border-box rounded-50 flex flex-items-center font-size-11 color-43669A relative"
>{{ selectedDate.totalDays }}晚</text
>
<text class="total box-border rounded-50 flex flex-items-center font-size-11 color-43669A relative">{{
selectedDate.totalDays }}晚</text>
<text class="font-size-12 color-99A0AE ml-16">离店</text>
<text class="font-size-12 color-171717 ml-4">
{{ selectedDate.endDate }}
@@ -57,20 +55,16 @@ const emit = defineEmits(["click"]);
}
&::before {
background: linear-gradient(
270deg,
rgba(67, 102, 154, 1),
rgba(67, 102, 154, 0)
);
background: linear-gradient(270deg,
rgba(67, 102, 154, 1),
rgba(67, 102, 154, 0));
left: -9px;
}
&::after {
background: linear-gradient(
270deg,
rgba(67, 102, 154, 0),
rgba(67, 102, 154, 1)
);
background: linear-gradient(270deg,
rgba(67, 102, 154, 0),
rgba(67, 102, 154, 1));
right: -9px;
}
}

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

@@ -1,6 +1,6 @@
<template>
<view class="create-service-order">
<view class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
<view class="w-full bg-white box-border border-ff overflow-hidden rounded-20">
<view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
<text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
{{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
@@ -10,11 +10,11 @@
<view v-if="!isCallSuccess" class="border-box p-[12px]">
<view
class="bg-[#f5f7fa] border-box flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
class="bg-[#f5f7fa] box-border flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
<text class="font-500 line-height-22 mr-20">联系电话</text>
<input placeholder="请填写联系电话" v-model="contactPhone" />
</view>
<view class="bg-[#f5f7fa] border-box p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
<view class="bg-[#f5f7fa] box-border p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
<view class="font-500 line-height-22 mb-12">意见内容</view>
<textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-400" maxlength="100"
v-model="contactText" />

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

@@ -1,5 +1,5 @@
<template>
<view class="stepper-wrapper border-box flex flex-items-center rounded-8">
<view class="stepper-wrapper box-border flex flex-items-center rounded-8">
<uni-icons type="minus" size="24" color="#D1D1D1" @click="decrease" />
<text class="stepper-text text-center font-size-14 font-500 color-000 ml-4 mr-4">
{{ value }} {{ unit }}

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

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

4
src/components/SwipeCards/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="card border-box pb-[12px] relative mt-12">
<view class="card box-border pb-[12px] relative mt-12">
<view class="card-item absolute overflow-hidden" v-for="(card, index) in list" :key="card.__uid"
:style="[itemStyle(index, card), transformStyle(index, card)]" @touchstart.stop="touchStart($event, index)"
@touchmove.stop.prevent="touchMove($event, index)" @touchend.stop="touchEnd(index)"
@@ -11,7 +11,7 @@
</view>
<!-- 底部：价格 + 购买按钮 -->
<view class="card-footer border-box p-[12px] flex flex-justify-between flex-items-center">
<view class="card-footer box-border p-[12px] flex flex-justify-between flex-items-center">
<view class="border-box">
<view class="font-size-14 font-500 color-333 ellipsis-1">
{{ card.commodityName }}

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

@@ -4,7 +4,7 @@
<view :style="{ height: statusBarHeight + 'px' }" v-if="!hideStatusBar"></view>
<!-- 导航栏内容 -->
<view class="flex flex-items-center flex-justify-between border-box pl-[8px] pr-[8px]" :style="navContentStyle">
<view class="flex flex-items-center flex-justify-between box-border pl-[8px] pr-[8px]" :style="navContentStyle">
<!-- 左侧返回按钮 -->
<view class="nav-bar-left flex flex-items-center flex-justify-center" v-if="showBack" @click="handleBack">
<uni-icons type="left" size="20" :color="backIconColor" />

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

@@ -19,7 +19,7 @@
<!-- 联系方式 -->
<view class="bg-white rounded-12 overflow-hidden">
<view class="border-box border-bottom font-size-16 font-500 color-000 line-height-24 p-[12px]">联系方式</view>
<view class="flex flex-items-center border-box p-[12px]">
<view class="flex flex-items-center box-border p-[12px]">
<view class="font-size-14 font-500 color-525866 mr-12"> 联系人姓名 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
@@ -27,7 +27,7 @@
</view>
</view>
<view class="flex flex-items-center border-box p-[12px]">
<view class="flex flex-items-center box-border p-[12px]">
<view class="font-size-14 font-500 color-525866 mr-12"> 手机号码 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"

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

@@ -1,5 +1,5 @@
<template>
<view class="booking-footer border-box bg-white flex flex-items-center font-family-misans-vf">
<view class="booking-footer box-border bg-white flex flex-items-center font-family-misans-vf">
<text class="amt font-size-20 font-bold color-FF3D60 line-height-28 flex flex-items-center mr-8">
{{ totalAmt }}
</text>
@@ -7,7 +7,7 @@
<text class="font-size-12 color-A3A3A3 mr-4">明细</text>
<uni-icons type="up" size="16" color="#A3A3A3" />
</view> -->
<view class="btn border-box rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="handleBooking">
<view class="btn box-border rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="handleBooking">
<image class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
<text class="font-size-16 font-500 color-white">立即支付</text>
</view>

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

@@ -1,6 +1,6 @@
<template>
<view class="bg-white rounded-12 overflow-hidden mb-12">
<view class="flex flex-items-center border-box p-[12px] border-bottom">
<view class="flex flex-items-center box-border p-[12px] border-bottom">
<view class="font-size-16 font-500 color-000 line-height-24 flex-full">入住信息</view>
<view class="right">
<Stepper v-model="count" unit="间" />
@@ -17,7 +17,7 @@
</view>
</view>
<view class="flex flex-items-center border-box pt-[12px] pb-[12px]">
<view class="flex flex-items-center box-border pt-[12px] pb-[12px]">
<view class="font-size-14 font-500 color-525866 mr-12"> 联系手机 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"

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

@@ -6,7 +6,7 @@
</template>
</TopNavBar>
<view class="booking-content flex-full border-box p-[12px] overflow-hidden scroll-y">
<view class="booking-content flex-full box-border p-[12px] overflow-hidden scroll-y">
<!-- 预约内容 -->
<view class="border-box bg-white p-[12px] rounded-12 mb-12">
<!-- 酒店类型入住离店日期部分 -->
@@ -25,7 +25,7 @@
<!-- 权益部分 -->
<view class="flex flex-items-center mb-8">
<text
class="bg-[#f7f7f7] border-box rounded-4 font-size-11 color-525866 mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
class="bg-[#f7f7f7] box-border rounded-4 font-size-11 color-525866 mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
v-for="(item, index) in orderData.commodityFacilityList" :key="index">
{{ item }}
</text>

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

@@ -1,5 +1,5 @@
<template>
<view class="bg-white border-box rounded-12 p-[12px] mb-12">
<view class="bg-white box-border rounded-12 p-[12px] mb-12">
<view class="flex flex-items-center flex-justify-between">
<view class="flex flex-items-center">
<text class="font-size-16 color-171717 line-height-24 font-500">

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

@@ -1,7 +1,7 @@
<template>
<view class="footer bg-white border-box flex flex-items-center flex-justify-between p-[12px]">
<view class="footer bg-white box-border flex flex-items-center flex-justify-between p-[12px]">
<button v-if="['1', '2'].includes(statusCode)"
class="left border-none border-box bg-white rounded-10 flex flex-items-center flex-justify-center font-size-14 font-500 color-525866 mr-12"
class="left border-none box-border bg-white rounded-10 flex flex-items-center flex-justify-center font-size-14 font-500 color-525866 mr-12"
@click="emit('refund', orderData)">
申请退款
</button>

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

@@ -13,7 +13,7 @@
<!-- 权益部分 -->
<view class="border-box flex flex-items-center pt-[12px]">
<text class="bg-[#f7f7f7] border-box rounded-4 font-size-11 color-525866 mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
<text class="bg-[#f7f7f7] box-border rounded-4 font-size-11 color-525866 mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
v-for="(item, index) in commodityFacilityList" :key="index">
{{ item }}
</text>

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

@@ -1,5 +1,5 @@
<template>
<view class="card-content border-box pt-[12px]">
<view class="card-content box-border pt-[12px]">
<view class="flex items-center justify-between">
<view class="left flex-full font-size-14 line-height-20 color-171717 mr-12">
{{ orderData.commodityName }}

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

@@ -1,5 +1,5 @@
<template>
<view class="order-card bg-white border-box p-[12px] rounded-12 m-12" @click.stop="handleCardClick">
<view class="order-card bg-white box-border p-[12px] rounded-12 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-box border-none font-size-14 color-white bg-[#ff3d60] rounded-5 inline-block text-center line-height-30"
class="go-pay box-border border-none font-size-14 color-white bg-[#ff3d60] rounded-5 inline-block text-center line-height-30"
@click.stop="handleCardClick">
去支付
</button>

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

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

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

@@ -11,7 +11,7 @@
</view>
<view
class="bg-white border-box rounded-12 flex flex-col flex-items-center flex-justify-center p-[12px] mb-12 mx-12">
class="bg-white box-border 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-[4px]">
<view>
@@ -31,8 +31,8 @@
</view>
<view
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]">
class="flex flex-col w-full flex-items-center flex-justify-center box-border rounded-8 border pt-[16px] pb-[32px] mt-12">
<view class="flex flex-row flex-justify-between box-border 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-[12px] line-height-24 rounded-12">此码仅可核销{{ selectedVoucher.count

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

@@ -1,5 +1,5 @@
<template>
<view class="bg-white border-box rounded-10 p-[12px] mb-12" v-if="hasConsumerData">
<view class="bg-white box-border rounded-10 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 color-99A0AE">住客姓名</text>

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

@@ -1,5 +1,5 @@
<template>
<view class="bg-white border-box rounded-12 px-[12px] pt-[12px] mb-12">
<view class="bg-white box-border rounded-12 px-[12px] pt-[12px] mb-12">
<text class="font-size-16 color-171717 line-height-24 font-500">
核销凭证列表
</text>

20
src/pages-order/order/detail.vue
View File

@@ -1,11 +1,12 @@
<template>
<view class="order-detail-page flex flex-col h-screen">
<TopNavBar titleAlign="center" :background="$theme-color-100" title="订单详情" />
<TopNavBar titleAlign="center" :background="$theme - color - 100" title="订单详情" />
<view class="order-detail-wrapper border-box flex-full overflow-hidden scroll-y">
<view class="order-detail-wrapper box-border flex-full overflow-hidden scroll-y">
<OrderStatusInfo :orderData="orderData" />
<VoucherList v-if="orderData.orderType != 0 && orderData.orderStatus === '2'" :orderData="orderData" @selected="handleSelectedVoucher" />
<VoucherList v-if="orderData.orderType != 0 && orderData.orderStatus === '2'" :orderData="orderData"
@selected="handleSelectedVoucher" />
<AmtSection :orderData="orderData" @click="refundVisible = true" />
@@ -16,19 +17,12 @@
<OrderInfo :orderData="orderData" />
</view>
<FooterSection :orderData="orderData" @refund="handleRefundConfirm" @refresh="handlePaySuccess" />
<FooterSection :orderData="orderData" @refund="handleRefundConfirm" @refresh="handlePaySuccess" />
</view>
<!-- 核销凭证 二维码 -->
<OrderQrcode
v-if="orderData.orderStatus === '2'"
v-show="visbleQrcode"
v-model="visbleQrcode"
:orderData="orderData"
:selectedVoucher="selectedVoucher"
:selectedVoucherIndex="selectedVoucherIndex"
@close="handleClose"
/>
<OrderQrcode v-if="orderData.orderStatus === '2'" v-show="visbleQrcode" v-model="visbleQrcode" :orderData="orderData"
:selectedVoucher="selectedVoucher" :selectedVoucherIndex="selectedVoucherIndex" @close="handleClose" />
<!-- 退款状态显示 -->
<RefundPopup v-model="refundVisible" :orderData="orderData" />

6
src/pages-quick/components/Card/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<view class="card bg-white border-box p-[8px] rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
<view class="card bg-white box-border p-[8px] rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
<image class="left rounded-10" :src="item.commodityPhoto" mode="aspectFill" />
<view class="right border-box flex-full pl-[12px]">
<view class="right box-border flex-full pl-[12px]">
<view class="font-size-16 line-height-24 color-171717 mb-4">
{{ item.commodityName }}
</view>
@@ -19,7 +19,7 @@
<text v-if="item.stockUnitLabel" class="font-size-12 line-height-16 color-99A0AE">
/{{ item.stockUnitLabel }}
</text>
<text class="btn border-box rounded-10 color-white ml-16">订</text>
<text class="btn box-border rounded-10 color-white ml-16">订</text>
</view>
</view>
</view>

4
src/pages-quick/list.vue
View File

@@ -8,7 +8,7 @@
<!-- 选择入住、离店日期 0:是酒店 -->
<view v-if="didSelectedTabItem && didSelectedTabItem.orderType == 0"
class="bg-white border-box flex flex-items-center p-[12px]">
class="bg-white box-border flex flex-items-center p-[12px]">
<view class="in flex flex-items-center">
<text class="font-size-11 font-500 color-99A0AE mr-4">入住</text>
<text class="font-size-14 font-500 color-171717">
@@ -17,7 +17,7 @@
</view>
<!-- 几晚 -->
<text class="nights bg-[#e5e8ee] border-box font-size-11 font-500 color-525866 rounded-50 ml-8 mr-8">
<text class="nights bg-[#e5e8ee] box-border font-size-11 font-500 color-525866 rounded-50 ml-8 mr-8">
{{ selectedDate.totalDays }}晚
</text>

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

@@ -1,5 +1,5 @@
<template>
<view class="order-card bg-white border-box p-[12px] rounded-12 m-12">
<view class="order-card bg-white box-border p-[12px] rounded-12 m-12">
<!-- 卡片头部 -->
<view class="border-box flex flex-items-center pb-[12px]">
<image class="icon mr-4" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
@@ -21,7 +21,7 @@
<!-- 服务人员 -->
<view v-if="orderData.processMemberName && orderData.processMemberPhone"
class="service-user border-box p-[8px] flex flex-items-center flex-justify-between mb-12">
class="service-user box-border p-[8px] flex flex-items-center flex-justify-between mb-12">
<view class="font-size-12 line-height-16">服务人员：{{ orderData.processMemberName }}</view>
<uni-icons class="ml-auto mr-4" type="phone-filled" size="14" color="#436799" />
<text class="font-size-12 line-height-16" @click="callService">拨打电话</text>
@@ -33,7 +33,7 @@
orderData.workOrderStatus !== '2' &&
orderData.workOrderStatus !== '3'
" class="flex flex-items-center flex-justify-between">
<text class="cancel border-box border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
<text class="cancel box-border border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
@click="cancelCall">取消呼叫</text>
</view>
</view>

2
src/pages/ChatMain/ChatCardOther/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="w-full border-box flex flex-col overflow-hidden pl-[12px] mt-6 mb-6">
<view class="w-full box-border flex flex-col overflow-hidden pl-[12px] mt-6 mb-6">
<text class="font-size-14 color-333">{{ text }}</text>
<slot></slot>
</view>

2
src/pages/ChatMain/ChatLongAnswer/index.vue
View File

@@ -9,7 +9,7 @@
<scroll-view class="flex-full overflow-hidden chat-scroll" scroll-y :scroll-into-view="scrollIntoViewId"
scroll-with-animation @scroll="onScroll" @touchstart="onTouchStart" @touchend="onTouchEnd"
@touchcancel="onTouchEnd">
<view class="flex flex-col pt-[12px] px-[16px] pb-[24px] border-box gap-10">
<view class="flex flex-col pt-[12px] px-[16px] pb-[24px] box-border gap-10">
<template v-if="hasStructuredLongTextData">
<view v-if="headerSections.title || headerSections.tag" class="long-answer-header">
<view v-if="headerSections.title" class="long-answer-title">

11
src/pages/ChatMain/ChatMoreTips/index.vue
View File

@@ -1,15 +1,8 @@
<template>
<view class="more-tips bg-white border-box">
<view class="font-size-0 whitespace-nowrap scroll-x">
<view
class="more-tips-item border-box inline-block mr-8"
v-for="(item, index) in guideWords"
:key="index"
>
<text
:class="['font-500 font-size-12 text-center', `color-${index}`]"
@click="sendReply(item)"
>
<view class="more-tips-item box-border inline-block mr-8" v-for="(item, index) in guideWords" :key="index">
<text :class="['font-500 font-size-12 text-center', `color-${index}`]" @click="sendReply(item)">
{{ item }}
</text>
</view>

2
src/pages/ChatMain/ChatQuickAccess/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<view>
<view class="quick-access flex flex-row ml-[12px] pt-[8px] pb-[8px] scroll-x whitespace-nowrap">
<view class="item border-box rounded-50 flex flex-row items-center" v-for="(item, index) in itemList" :key="index"
<view class="item box-border rounded-50 flex flex-row items-center" v-for="(item, index) in itemList" :key="index"
@click="sendReply(item)">
<view class="flex items-center justify-center">
<image v-if="item.icon" class="icon" :src="item.icon" />

4
src/pages/ChatMain/ChatTopWelcome/index.vue
View File

@@ -1,8 +1,8 @@
v
<template>
<view class="welcome-content border-box p-[12px]">
<view class="welcome-content box-border p-[12px]">
<view class="wrap rounded-20">
<view class="flex flex-items-center flex-justify-between border-box pl-[12px] pr-[12px]">
<view class="flex flex-items-center flex-justify-between box-border pl-[12px] pr-[12px]">
<SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth"
:frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns"
:displayWidth="spriteStyle.displayWidth" :fps="16" />

2
src/pages/ChatMain/NoticeMessage/detail.vue
View File

@@ -7,7 +7,7 @@
<!-- ✅ 滚动区域 -->
<scroll-view class="flex-full overflow-hidden" scroll-y>
<view class="pb-[24px] border-box overflow-hidden">
<view class="pb-[24px] box-border overflow-hidden">
<image v-if="coverImage" class="w-full h-auto block" :src="coverImage" mode="widthFix" />
<view class="pt-[16px] px-[12px] pb-[24px] border-box">

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

@@ -1,28 +1,27 @@
<template>
<view class="w-full bg-white border-box border-ff overflow-hidden rounded-20 flex flex-col">
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="aigc-photo-card relative rounded-24 overflow-hidden w-full"
<view class="w-full bg-white box-border border-ff overflow-hidden rounded-20 flex flex-col">
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="aigc-photo-card relative rounded-24 overflow-hidden w-full"
:class="{ 'is-disabled': disabled, 'is-empty': !videoUrl }" @click="handleAction">
<video v-if="videoUrl" :id="videoId" class="aigc-photo-card__video block w-full" :src="videoUrl" :poster="poster"
:controls="!disabled" :show-center-play-btn="!disabled" :show-play-btn="!disabled"
:show-fullscreen-btn="!disabled" :enable-progress-gesture="!disabled"
:direction="fullscreenDirection" object-fit="cover" @click.stop @play="handlePlay"
@fullscreenchange="handleFullScreenChange" @error="handleError" />
<view
v-if="videoUrl && !disabled"
:show-fullscreen-btn="!disabled" :enable-progress-gesture="!disabled" :direction="fullscreenDirection"
object-fit="cover" @click.stop @play="handlePlay" @fullscreenchange="handleFullScreenChange"
@error="handleError" />
<view v-if="videoUrl && !disabled"
class="aigc-photo-card__fullscreen flex flex-items-center flex-justify-center color-white font-size-12"
@click.stop="requestFullScreen"
>
@click.stop="requestFullScreen">
全屏
</view>
<view v-if="!videoUrl" class="aigc-photo-card__empty flex flex-items-center flex-justify-center color-white font-size-14">
<view v-if="!videoUrl"
class="aigc-photo-card__empty flex flex-items-center flex-justify-center color-white font-size-14">
视频地址为空
</view>
</view>
</view>
</template>
<script setup>

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

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

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

@@ -1,6 +1,6 @@
<template>
<uni-popup ref="popup" type="center" :safe-area="false">
<view class="popup-content bg-white border-box mx-24 px-[12px] py-16 rounded-12">
<view class="popup-content bg-white box-border mx-24 px-[12px] py-16 rounded-12">
<view class="header flex flex-items-center pb-[12px]">
<view class="title flex-full text-center font-size-17 color-000 font-500 ml-[24px]">呼叫热线</view>
<uni-icons type="close" size="24" color="#CACFD8" @click="close" />

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

@@ -1,9 +1,9 @@
<template>
<view class="container w-full border-box border-ff overflow-hidden rounded-24 flex flex-col">
<view class="container w-full box-border border-ff overflow-hidden rounded-24 flex flex-col">
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="content flex flex-col m-4 border-box rounded-24">
<view class="flex flex-col p-[6px] border-box flex-items-center justify-center">
<view class="content flex flex-col m-4 box-border rounded-24">
<view class="flex flex-col p-[6px] box-border flex-items-center justify-center">
<image class="w-full rounded-20" :src="componentDataMap.background" mode="widthFix" />
<!-- 左上角标签 -->
@@ -18,10 +18,10 @@
{{ componentDataMap.description }}
</text>
<view class="w-full border-box px-[12px] pb-[8px] flex flex-row" @click="jumpClick">
<view class="btn-bg w-full border-box p-[4px] rounded-24 flex flex-row">
<view class="w-full box-border px-[12px] pb-[8px] flex flex-row" @click="jumpClick">
<view class="btn-bg w-full box-border p-[4px] rounded-24 flex flex-row">
<view
class="btn-bg-sub w-full border-box p-[16px] rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
class="btn-bg-sub w-full box-border p-[16px] rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
{{ componentDataMap.buttonName }}
</view>
</view>

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

@@ -20,7 +20,7 @@
</view>
</view>
<view v-else class="long-text-guide-card__detail-card bg-white rounded-24 border-box overflow-hidden">
<view v-else class="long-text-guide-card__detail-card bg-white rounded-24 box-border overflow-hidden">
<view class="long-text-guide-card__detail-header flex flex-items-center border-bottom-F1F5F9">
<view class="long-text-guide-card__back flex flex-items-center flex-justify-center rounded-full font-700"
@click="closeDetail">

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

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

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

@@ -1,13 +1,13 @@
<template>
<uni-popup ref="popup" type="bottom" :safe-area="false">
<view class="popup-content border-box pt-[12px] pl-[12px] pr-[12px]">
<view class="popup-content box-border pt-[12px] pl-[12px] pr-[12px]">
<view class="header flex flex-items-center pb-[12px]">
<view class="title flex-full text-center font-size-17 color-000 font-500 ml-[24px]">更多服务</view>
<uni-icons type="close" size="24" color="#CACFD8" @click="close" />
</view>
<view class="list bg-white border-box pl-[20px] pr-[20px]">
<view class="item border-box border-bottom pt-[20px] pb-[20px]" v-for="(item, index) in list" :key="index">
<view class="list bg-white box-border pl-[20px] pr-[20px]">
<view class="item box-border border-bottom pt-[20px] pb-[20px]" v-for="(item, index) in list" :key="index">
<view class="flex flex-items-center flex-justify-center">
<image v-if="item.icon" class="left" :src="item.icon" />
<view class="center flex-full">
@@ -18,7 +18,7 @@
{{ item.content }}
</view>
</view>
<view class="right border-box font-size-12 color-white line-height-16" @click="handleClick(item)">
<view class="right box-border font-size-12 color-white line-height-16" @click="handleClick(item)">
{{ item.btnText }}
</view>
</view>

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

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

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

@@ -1,5 +1,5 @@
<template>
<view class="poi-detail-card bg-white rounded-24 border-box overflow-hidden">
<view class="poi-detail-card bg-white rounded-24 box-border overflow-hidden">
<view class="poi-detail-card__hero relative">
<image class="poi-detail-card__image w-full h-full block rounded-18" :src="data.image" mode="aspectFill" />
<view class="poi-detail-card__badge flex flex-items-center gap-4 font-size-10 font-900">

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

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

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

@@ -1,6 +1,6 @@
<template>
<CardShell variant="detail">
<view class="visual-detail__header flex flex-items-center px-[16px] border-box border-bottom-F1F5F9">
<view class="visual-detail__header flex flex-items-center px-[16px] box-border border-bottom-F1F5F9">
<view class="visual-detail__back mr-8 rounded-full bg-[#f8fafc] color-334155 font-900 text-center"
@click="$emit('back')">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>

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

@@ -1,9 +1,9 @@
<template>
<view class="container w-full border-box border-ff overflow-hidden rounded-24 flex flex-col">
<view class="container w-full box-border border-ff overflow-hidden rounded-24 flex flex-col">
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="flex flex-col m-4 border-box rounded-24">
<slot name="content"></slot>
<view class="flex flex-col m-4 box-border rounded-24">
<slot name="content"></slot>
</view>
</view>
</template>
@@ -12,10 +12,8 @@
</script>
<style scoped>
.container {
background: rgba(255, 255, 255, 0.2);
box-shadow: 0px 9px 34px 0px rgba(27, 9, 91, 0.07);
}
</style>

2
src/pages/Discovery/components/QuickQuestions/index.vue
View File

@@ -8,7 +8,7 @@
<view class="flex flex-row flex-justify-start p-[10px]">
<image class="card-img flex-shrink-0 rounded-14" :src="createSvgIndex(index)" />
<view class="min-width-0 flex flex-col flex-full border-box pl-[8px] py-[4px]">
<view class="min-width-0 flex flex-col flex-full box-border pl-[8px] py-[4px]">
<view class="w-full font-size-12 font-600 color-171717 ellipsis-1">
{{ item.title }}
</view>

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

@@ -1,5 +1,5 @@
<template>
<view class="good-info border-box pl-[12px] pr-[12px]">
<view class="good-info box-border pl-[12px] pr-[12px]">
<!-- 标题区域 -->
<view class="title-section">
<text class="title">

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

@@ -39,7 +39,7 @@
{{ calculatedTotalPrice }}
</view>
<view class="btn border-box rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="navigateToPay(goodsData)">
<view class="btn box-border rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="navigateToPay(goodsData)">
<image class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
<text class="font-size-16 font-500 color-white">立即预定</text>
</view>

3
src/static/scss/box-sizing.scss
View File

@@ -1,3 +0,0 @@
.border-box {
box-sizing: border-box;
}

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

@@ -17,7 +17,6 @@
@import "./scroll.scss";
@import "./width.scss";
@import "./white-space.scss";
@import "./box-sizing.scss";
@import "./min-height.scss";
@import "./min-width.scss";
@import "./gap.scss";