style: remove redundant box-border utility classes

Remove the unnecessary box-border CSS class from component template class lists across the codebase, cleaning up styling without altering any component functionality.
2026-07-24 16:50:53 +08:00
parent cb7054cd90
commit e174e3b726
45 changed files with 75 additions and 80 deletions
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -1,6 +1,6 @@
 <template>
  <view class="create-service-order">
-    <view class="w-full bg-white box-border border-ff overflow-hidden rounded-20">
+    <view class="w-full bg-white 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 ? "服务已创建" : "呼叫服务" }}
@@ -9,25 +9,23 @@
      </view>

      <view v-if="!isCallSuccess" class="border-box p-[12px]">
-        <view
-          class="bg-[#f5f7fa] box-border flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] 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] box-border flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] 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] box-border p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] 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] box-border p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] 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">
--- a/src/components/DateRangeSection/index.vue
+++ b/src/components/DateRangeSection/index.vue
@@ -5,7 +5,7 @@
      <text class="font-size-12 color-171717 mr-16">
        {{ selectedDate.startDate }}
      </text>
-      <text class="total box-border rounded-50 flex flex-items-center font-size-11 color-43669A relative">{{
+      <text class="total 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">
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -1,6 +1,6 @@
 <template>
  <view class="create-service-order">
-    <view class="w-full bg-white box-border border-ff overflow-hidden rounded-20">
+    <view class="w-full bg-white 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 ? "反馈已创建" : "反馈意见" }}
@@ -9,12 +9,11 @@
      </view>

      <view v-if="!isCallSuccess" class="border-box p-[12px]">
-        <view
-          class="bg-[#f5f7fa] box-border flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] 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] box-border p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] 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" />
--- a/src/components/Stepper/index.vue
+++ b/src/components/Stepper/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="stepper-wrapper box-border flex flex-items-center rounded-8">
+  <view class="stepper-wrapper 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 }}
--- a/src/components/SurveyQuestionnaire/index.vue
+++ b/src/components/SurveyQuestionnaire/index.vue
@@ -1,6 +1,6 @@
 <template>
  <view class="survey-questionnaire w-vw-24">
-    <view class="bg-white box-border border-ff overflow-hidden rounded-20">
+    <view class="bg-white 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]">
          调查问卷
--- a/src/components/SwipeCards/index.vue
+++ b/src/components/SwipeCards/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="card box-border pb-[12px] relative mt-12">
+  <view class="card 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 box-border p-[12px] flex flex-justify-between flex-items-center">
+        <view class="card-footer 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 }}
--- a/src/components/TopNavBar/index.vue
+++ b/src/components/TopNavBar/index.vue
@@ -4,7 +4,7 @@
    <view :style="{ height: statusBarHeight + 'px' }" v-if="!hideStatusBar"></view>

    <!-- 导航栏内容 -->
-    <view class="flex flex-items-center flex-justify-between box-border pl-[8px] pr-[8px]" :style="navContentStyle">
+    <view class="flex flex-items-center flex-justify-between 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" />
--- a/src/pages-booking/components/ConactSection/index.vue
+++ b/src/pages-booking/components/ConactSection/index.vue
@@ -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 box-border p-[12px]">
+    <view class="flex flex-items-center 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 box-border p-[12px]">
+    <view class="flex flex-items-center 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"
--- a/src/pages-booking/components/FooterSection/index.vue
+++ b/src/pages-booking/components/FooterSection/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="booking-footer box-border bg-white flex flex-items-center font-family-misans-vf">
+  <view class="booking-footer 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 box-border rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="handleBooking">
+    <view class="btn 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>
--- a/src/pages-booking/components/UserSection/index.vue
+++ b/src/pages-booking/components/UserSection/index.vue
@@ -1,6 +1,6 @@
 <template>
  <view class="bg-white rounded-12 overflow-hidden mb-12">
-    <view class="flex flex-items-center box-border p-[12px] border-bottom">
+    <view class="flex flex-items-center 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 box-border pt-[12px] pb-[12px]">
+      <view class="flex flex-items-center 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"
--- a/src/pages-booking/index.vue
+++ b/src/pages-booking/index.vue
@@ -6,7 +6,7 @@
      </template>
    </TopNavBar>

-    <view class="booking-content flex-full box-border p-[12px] overflow-hidden scroll-y">
+    <view class="booking-content flex-full p-[12px] overflow-hidden scroll-y">
      <!-- 预约内容 -->
      <view class="border-box bg-white p-[12px] rounded-12 mb-12">
        <!-- 酒店类型入住离店日期部分 -->
@@ -24,8 +24,7 @@

          <!-- 权益部分 -->
          <view class="flex flex-items-center mb-8">
-            <text
-              class="bg-[#f7f7f7] box-border rounded-4 font-size-11 color-525866 mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
+            <text class="bg-[#f7f7f7] 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>
--- a/src/pages-order/order/components/AmtSection/index.vue
+++ b/src/pages-order/order/components/AmtSection/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="bg-white box-border rounded-12 p-[12px] mb-12">
+  <view class="bg-white 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">
--- a/src/pages-order/order/components/FooterSection/index.vue
+++ b/src/pages-order/order/components/FooterSection/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <view class="footer bg-white box-border flex flex-items-center flex-justify-between p-[12px]">
+  <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 box-border bg-white rounded-10 flex flex-items-center flex-justify-center font-size-14 font-500 color-525866 mr-12"
+      class="left border-none 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>
--- a/src/pages-order/order/components/GoodsInfo/index.vue
+++ b/src/pages-order/order/components/GoodsInfo/index.vue
@@ -13,7 +13,7 @@

    <!-- 权益部分 -->
    <view class="border-box flex flex-items-center pt-[12px]">
-      <text class="bg-[#f7f7f7] box-border rounded-4 font-size-11 color-525866 mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
+      <text class="bg-[#f7f7f7] 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>
--- a/src/pages-order/order/components/OrderCard/OrderCardContent.vue
+++ b/src/pages-order/order/components/OrderCard/OrderCardContent.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="card-content box-border pt-[12px]">
+  <view class="card-content 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 }}
--- a/src/pages-order/order/components/OrderCard/index.vue
+++ b/src/pages-order/order/components/OrderCard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="order-card bg-white box-border p-[12px] rounded-12 m-12" @click.stop="handleCardClick">
+  <view class="order-card bg-white 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 box-border border-none font-size-14 color-white bg-[#ff3d60] rounded-5 inline-block text-center line-height-30"
+        class="go-pay border-none font-size-14 color-white bg-[#ff3d60] rounded-5 inline-block text-center line-height-30"
        @click.stop="handleCardClick">
        去支付
      </button>
--- a/src/pages-order/order/components/OrderInfo/index.vue
+++ b/src/pages-order/order/components/OrderInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="bg-white box-border rounded-10 p-[12px]">
+  <view class="bg-white 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>
--- a/src/pages-order/order/components/OrderQrcode/index.vue
+++ b/src/pages-order/order/components/OrderQrcode/index.vue
@@ -10,8 +10,7 @@
        <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
      </view>

-      <view
-        class="bg-white box-border rounded-12 flex flex-col flex-items-center flex-justify-center p-[12px] mb-12 mx-12">
+      <view class="bg-white 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 +30,8 @@
        </view>

        <view
-          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]">
+          class="flex flex-col w-full flex-items-center flex-justify-center rounded-8 border pt-[16px] pb-[32px] mt-12">
+          <view class="flex flex-row flex-justify-between 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
--- a/src/pages-order/order/components/UserInfo/index.vue
+++ b/src/pages-order/order/components/UserInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="bg-white box-border rounded-10 p-[12px] mb-12" v-if="hasConsumerData">
+  <view class="bg-white 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>
--- a/src/pages-order/order/components/VoucherList/index.vue
+++ b/src/pages-order/order/components/VoucherList/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="bg-white box-border rounded-12 px-[12px] pt-[12px] mb-12">
+  <view class="bg-white rounded-12 px-[12px] pt-[12px] mb-12">
    <text class="font-size-16 color-171717 line-height-24 font-500">
      核销凭证列表
    </text>
--- a/src/pages-order/order/detail.vue
+++ b/src/pages-order/order/detail.vue
@@ -2,7 +2,7 @@
  <view class="order-detail-page flex flex-col h-screen">
    <TopNavBar titleAlign="center" :background="$theme - color - 100" title="订单详情" />

-    <view class="order-detail-wrapper box-border flex-full overflow-hidden scroll-y">
+    <view class="order-detail-wrapper flex-full overflow-hidden scroll-y">
      <OrderStatusInfo :orderData="orderData" />

      <VoucherList v-if="orderData.orderType != 0 && orderData.orderStatus === '2'" :orderData="orderData"
--- a/src/pages-quick/components/Card/index.vue
+++ b/src/pages-quick/components/Card/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <view class="card bg-white box-border p-[8px] rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
+  <view class="card bg-white 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 box-border flex-full pl-[12px]">
+    <view class="right 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 box-border rounded-10 color-white ml-16">订</text>
+        <text class="btn rounded-10 color-white ml-16">订</text>
      </view>
    </view>
  </view>
--- a/src/pages-quick/list.vue
+++ b/src/pages-quick/list.vue
@@ -8,7 +8,7 @@

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

--- a/src/pages-service/order/components/OrderCard/index.vue
+++ b/src/pages-service/order/components/OrderCard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="order-card bg-white box-border p-[12px] rounded-12 m-12">
+  <view class="order-card bg-white 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 box-border p-[8px] flex flex-items-center flex-justify-between mb-12">
+      class="service-user 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 box-border border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
+      <text class="cancel border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
        @click="cancelCall">取消呼叫</text>
    </view>
  </view>
--- a/src/pages/ChatMain/ChatCardOther/index.vue
+++ b/src/pages/ChatMain/ChatCardOther/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="w-full box-border flex flex-col overflow-hidden pl-[12px] mt-6 mb-6">
+  <view class="w-full flex flex-col overflow-hidden pl-[12px] mt-6 mb-6">
    <text class="font-size-14 color-333">{{ text }}</text>
    <slot></slot>
  </view>
--- a/src/pages/ChatMain/ChatLongAnswer/index.vue
+++ b/src/pages/ChatMain/ChatLongAnswer/index.vue
@@ -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] box-border gap-10">
+      <view class="flex flex-col pt-[12px] px-[16px] pb-[24px] 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">
--- a/src/pages/ChatMain/ChatMoreTips/index.vue
+++ b/src/pages/ChatMain/ChatMoreTips/index.vue
@@ -1,7 +1,7 @@
 <template>
  <view class="more-tips bg-white border-box">
    <view class="font-size-0 whitespace-nowrap scroll-x">
-      <view class="more-tips-item box-border inline-block mr-8" v-for="(item, index) in guideWords" :key="index">
+      <view class="more-tips-item 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>
--- a/src/pages/ChatMain/ChatQuickAccess/index.vue
+++ b/src/pages/ChatMain/ChatQuickAccess/index.vue
@@ -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 box-border rounded-50 flex flex-row items-center" v-for="(item, index) in itemList" :key="index"
+      <view class="item 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" />
--- a/src/pages/ChatMain/ChatTopWelcome/index.vue
+++ b/src/pages/ChatMain/ChatTopWelcome/index.vue
@@ -1,8 +1,8 @@
 v
 <template>
-  <view class="welcome-content box-border p-[12px]">
+  <view class="welcome-content p-[12px]">
    <view class="wrap rounded-20">
-      <view class="flex flex-items-center flex-justify-between box-border pl-[12px] pr-[12px]">
+      <view class="flex flex-items-center flex-justify-between 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" />
--- a/src/pages/ChatMain/NoticeMessage/detail.vue
+++ b/src/pages/ChatMain/NoticeMessage/detail.vue
@@ -7,7 +7,7 @@

    <!-- ✅ 滚动区域 -->
    <scroll-view class="flex-full overflow-hidden" scroll-y>
-      <view class="pb-[24px] box-border overflow-hidden">
+      <view class="pb-[24px] 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">
--- a/src/pages/ChatModule/AigcPhotoCard/index.vue
+++ b/src/pages/ChatModule/AigcPhotoCard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="w-full bg-white box-border border-ff overflow-hidden rounded-20 flex flex-col">
+  <view class="w-full bg-white border-ff overflow-hidden rounded-20 flex flex-col">
    <!-- 占位撑开 -->
    <view class="w-vw"></view>

--- a/src/pages/ChatModule/AnswerComponent/index.vue
+++ b/src/pages/ChatModule/AnswerComponent/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view v-if="shouldRenderCard" class="w-full bg-white box-border border-ff overflow-hidden rounded-20 flex flex-col">
+  <view v-if="shouldRenderCard" class="w-full bg-white 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">
--- a/src/pages/ChatModule/CallMobile/index.vue
+++ b/src/pages/ChatModule/CallMobile/index.vue
@@ -1,6 +1,6 @@
 <template>
  <uni-popup ref="popup" type="center" :safe-area="false">
-    <view class="popup-content bg-white box-border mx-24 px-[12px] py-16 rounded-12">
+    <view class="popup-content bg-white 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" />
--- a/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
+++ b/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
@@ -1,9 +1,9 @@
 <template>
-  <view class="container w-full box-border border-ff overflow-hidden rounded-24 flex flex-col">
+  <view class="container w-full border-ff overflow-hidden rounded-24 flex flex-col">
    <!-- 占位撑开 -->
    <view class="w-vw"></view>
-    <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">
+    <view class="content flex flex-col m-4 rounded-24">
+      <view class="flex flex-col p-[6px] 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 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="w-full px-[12px] pb-[8px] flex flex-row" @click="jumpClick">
+          <view class="btn-bg w-full p-[4px] rounded-24 flex flex-row">
            <view
-              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">
+              class="btn-bg-sub w-full 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>
--- a/src/pages/ChatModule/LongTextGuideCard/index.vue
+++ b/src/pages/ChatModule/LongTextGuideCard/index.vue
@@ -20,7 +20,7 @@
      </view>
    </view>

-    <view v-else class="long-text-guide-card__detail-card bg-white rounded-24 box-border overflow-hidden">
+    <view v-else class="long-text-guide-card__detail-card bg-white rounded-24 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">
--- a/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
+++ b/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="w-full bg-white box-border border-ff overflow-hidden rounded-20 flex flex-col">
+  <view class="w-full bg-white 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)">
--- a/src/pages/ChatModule/MoreService/index.vue
+++ b/src/pages/ChatModule/MoreService/index.vue
@@ -1,13 +1,13 @@
 <template>
  <uni-popup ref="popup" type="bottom" :safe-area="false">
-    <view class="popup-content box-border pt-[12px] pl-[12px] pr-[12px]">
+    <view class="popup-content 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 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="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="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 box-border font-size-12 color-white line-height-16" @click="handleClick(item)">
+            <view class="right font-size-12 color-white line-height-16" @click="handleClick(item)">
              {{ item.btnText }}
            </view>
          </view>
--- a/src/pages/ChatModule/OpenMapComponent/index.vue
+++ b/src/pages/ChatModule/OpenMapComponent/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <view class="w-full bg-white box-border border-ff overflow-hidden rounded-20 flex flex-col">
+    <view class="w-full bg-white 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">
--- a/src/pages/ChatModule/PoiDetailCard/index.vue
+++ b/src/pages/ChatModule/PoiDetailCard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="poi-detail-card bg-white rounded-24 box-border overflow-hidden">
+  <view class="poi-detail-card bg-white rounded-24 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">
--- a/src/pages/ChatModule/SharedVisual/CardShell.vue
+++ b/src/pages/ChatModule/SharedVisual/CardShell.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="visual-card-shell w-full bg-white border-F1F5F9 rounded-24 box-border overflow-hidden"
+  <view class="visual-card-shell w-full bg-white border-F1F5F9 rounded-24 overflow-hidden"
    :class="[{ 'is-pressable': pressable, 'is-disabled': disabled }, variantClass]" @click="handleClick">
    <slot />
  </view>
--- a/src/pages/ChatModule/SharedVisual/DetailShell.vue
+++ b/src/pages/ChatModule/SharedVisual/DetailShell.vue
@@ -1,6 +1,6 @@
 <template>
  <CardShell variant="detail">
-    <view class="visual-detail__header flex flex-items-center px-[16px] box-border border-bottom-F1F5F9">
+    <view class="visual-detail__header flex flex-items-center px-[16px] 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>
--- a/src/pages/ChatModule/ZModuleBase/index.vue
+++ b/src/pages/ChatModule/ZModuleBase/index.vue
@@ -1,8 +1,8 @@
 <template>
-  <view class="container w-full box-border border-ff overflow-hidden rounded-24 flex flex-col">
+  <view class="container w-full border-ff overflow-hidden rounded-24 flex flex-col">
    <!-- 占位撑开 -->
    <view class="w-vw"></view>
-    <view class="flex flex-col m-4 box-border rounded-24">
+    <view class="flex flex-col m-4 rounded-24">
      <slot name="content"></slot>
    </view>
  </view>
--- a/src/pages/Discovery/components/QuickQuestions/index.vue
+++ b/src/pages/Discovery/components/QuickQuestions/index.vue
@@ -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 box-border pl-[8px] py-[4px]">
+          <view class="min-width-0 flex flex-col flex-full pl-[8px] py-[4px]">
            <view class="w-full font-size-12 font-600 color-171717 ellipsis-1">
              {{ item.title }}
            </view>
--- a/src/pages/goods/components/GoodInfo/index.vue
+++ b/src/pages/goods/components/GoodInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="good-info box-border pl-[12px] pr-[12px]">
+  <view class="good-info pl-[12px] pr-[12px]">
    <!-- 标题区域 -->
    <view class="title-section">
      <text class="title">
--- a/src/pages/goods/index.vue
+++ b/src/pages/goods/index.vue
@@ -39,7 +39,7 @@
        {{ calculatedTotalPrice }}
      </view>

-      <view class="btn box-border rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="navigateToPay(goodsData)">
+      <view class="btn 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>