From 0883d2b9c9fba669376584f2b9af6da91a46647d Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Fri, 24 Jul 2026 21:46:42 +0800
Subject: [PATCH] refactor: replace rounded utility classes and clean up unused
 scss files

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.
---
 src/components/CreateServiceOrder/index.vue   | 16 +++---
 src/components/DateRangeSection/index.vue     |  2 +-
 src/components/DetailPopup/index.vue          |  2 +-
 src/components/Feedback/index.vue             |  8 +--
 src/components/RefundPopup/index.vue          |  2 +-
 src/components/Stepper/index.vue              |  2 +-
 src/components/SurveyQuestionnaire/index.vue  |  4 +-
 src/components/UseDateRange/index.vue         |  2 +-
 .../components/ConactSection/index.vue        |  4 +-
 .../components/FooterSection/index.vue        |  2 +-
 .../components/UserSection/index.vue          |  2 +-
 src/pages-booking/index.vue                   |  5 +-
 .../order/components/AmtSection/index.vue     |  2 +-
 .../order/components/FooterSection/index.vue  |  4 +-
 .../order/components/GoodsInfo/index.vue      |  6 +--
 .../order/components/OrderCard/index.vue      |  4 +-
 .../order/components/OrderInfo/index.vue      |  2 +-
 .../order/components/OrderQrcode/index.vue    | 18 ++++---
 .../order/components/UserInfo/index.vue       |  2 +-
 .../order/components/VoucherList/index.vue    | 10 ++--
 src/pages-quick/components/Card/index.vue     |  6 +--
 src/pages-quick/list.vue                      |  2 +-
 .../order/components/OrderCard/index.vue      |  7 +--
 src/pages/ChatMain/ChatQuickAccess/index.vue  |  2 +-
 src/pages/ChatMain/ChatTopWelcome/index.vue   |  2 +-
 src/pages/ChatModule/AigcPhotoCard/index.vue  |  4 +-
 .../ChatModule/AnswerComponent/index.vue      |  2 +-
 src/pages/ChatModule/CallMobile/index.vue     |  2 +-
 .../ChatModule/FacilityLocationCard/index.vue |  4 +-
 src/pages/ChatModule/FaqHelpCard/index.vue    |  2 +-
 .../GeneratorPhotoComponent/index.vue         | 10 ++--
 .../ChatModule/LongTextGuideCard/index.vue    | 10 ++--
 .../LongTextGuideCardPreview/index.vue        |  2 +-
 .../ChatModule/MapNavigationCard/index.vue    |  2 +-
 src/pages/ChatModule/NoticeCard/index.vue     |  4 +-
 .../ChatModule/OpenMapComponent/index.vue     |  4 +-
 src/pages/ChatModule/PoiCompareCard/index.vue |  4 +-
 src/pages/ChatModule/PoiDetailCard/index.vue  |  4 +-
 .../ChatModule/RecommendPostsList/index.vue   |  6 +--
 .../RecommendationListCard/index.vue          |  2 +-
 src/pages/ChatModule/RoutePlanCard/index.vue  |  8 +--
 .../ChatModule/ScenicImageCard/index.vue      |  2 +-
 .../ChatModule/SharedVisual/ActionRow.vue     |  4 +-
 .../ChatModule/SharedVisual/BadgePill.vue     |  4 +-
 .../ChatModule/SharedVisual/CardShell.vue     |  2 +-
 .../ChatModule/SharedVisual/MediaFrame.vue    |  2 +-
 src/pages/ChatModule/ZModuleBase/index.vue    |  4 +-
 .../components/QuickQuestions/index.vue       |  4 +-
 src/pages/goods/index.vue                     |  2 +-
 src/static/scss/index.scss                    |  3 --
 src/static/scss/position.scss                 | 24 ---------
 src/static/scss/rounded.scss                  | 52 -------------------
 src/static/scss/text-align.scss               | 12 -----
 53 files changed, 110 insertions(+), 193 deletions(-)
 delete mode 100644 src/static/scss/position.scss
 delete mode 100644 src/static/scss/rounded.scss
 delete mode 100644 src/static/scss/text-align.scss

diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index f81199e..da16450 100644
--- 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 border-ff overflow-hidden rounded-20">
+    <view class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
       <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
         <text class="font-size-18 font-500 text-[#171717] text-left ml-[12px]">
           {{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
@@ -9,26 +9,26 @@
       </view>
 
       <view v-if="!isCallSuccess" class="border-box p-[12px]">
-        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 text-[#171717] mb-12">
+        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] font-size-14 text-[#171717] mb-12">
           <text class="font-500 leading-[22px] mr-20">所在位置</text>
           <input placeholder="请填写所在位置" v-model="roomId" />
         </view>
 
-        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 text-[#171717] mb-12">
+        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] font-size-14 text-[#171717] mb-12">
           <text class="font-500 leading-[22px] mr-20">联系电话</text>
           <input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
         </view>
 
-        <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 text-[#171717] mb-12">
+        <view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-500 text-[#171717] mb-12">
           <view class="font-500 leading-[22px] 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] p-[12px] rounded-10 font-size-14 font-500 text-[#171717] mb-12">
+        <view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-500 text-[#171717] mb-12">
           <view class="font-500 leading-[22px] mb-12">照片上传</view>
 
-          <view class="w-80 h-80 bg-white rounded-8 overflow-hidden flex flex-items-center flex-justify-center">
+          <view class="w-80 h-80 bg-white rounded-[8px] overflow-hidden flex flex-items-center flex-justify-center">
             <view v-if="contentImgUrl" class="w-full h-full relative inline-block">
               <image class="w-full h-full block" :src="contentImgUrl" mode="aspectFill" />
               <uni-icons class="close-btn absolute z-10" type="close" size="20" color="#6A717F"
@@ -52,11 +52,11 @@
           <view class="font-size-12 text-[#525866] leading-[20px] ellipsis-2">需求描述: {{ contactText }}</view>
         </view>
 
-        <image v-if="contentImgUrl" class="right rounded-6" :src="contentImgUrl" mode="aspectFill" />
+        <image v-if="contentImgUrl" class="right rounded-[6px]" :src="contentImgUrl" mode="aspectFill" />
       </view>
 
       <view
-        class="btn rounded-50 text-white bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] flex flex-items-center flex-justify-center ml-[12px] mr-12 mb-12"
+        class="btn rounded-[50px] text-white bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] flex flex-items-center flex-justify-center ml-[12px] mr-12 mb-12"
         @click="handleCall">
         {{ isCallSuccess ? "查看服务" : "立即呼叫" }}
       </view>
diff --git a/src/components/DateRangeSection/index.vue b/src/components/DateRangeSection/index.vue
index 652395b..0f85576 100644
--- a/src/components/DateRangeSection/index.vue
+++ b/src/components/DateRangeSection/index.vue
@@ -5,7 +5,7 @@
       <text class="font-size-12 text-[#171717] mr-16">
         {{ selectedDate.startDate }}
       </text>
-      <text class="total rounded-50 flex flex-items-center font-size-11  text-[#43669a] relative">{{
+      <text class="total rounded-[50px] flex flex-items-center font-size-11  text-[#43669a] relative">{{
         selectedDate.totalDays }}晚</text>
       <text class="font-size-12 text-[#99a0ae] ml-16">离店</text>
       <text class="font-size-12 text-[#171717] ml-4">
diff --git a/src/components/DetailPopup/index.vue b/src/components/DetailPopup/index.vue
index 45b48b1..a04d49c 100644
--- a/src/components/DetailPopup/index.vue
+++ b/src/components/DetailPopup/index.vue
@@ -7,7 +7,7 @@
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </view>
       <!-- 内容区域 -->
-      <view class="rounded-12 bg-white ml-[12px] mr-12 mb-40">
+      <view class="rounded-[12px] bg-white ml-[12px] mr-12 mb-40">
         <view
           class="border-box border-bottom flex flex-items-center flex-justify-between pt-[12px] pb-[12px] ml-[12px] mr-12">
           <text class="font-size-16 font-500 text-[#171717]">在线支付</text>
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index f79085d..96fa468 100644
--- 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 border-ff overflow-hidden rounded-20">
+    <view class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
       <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
         <text class="font-size-18 font-500 text-[#171717] text-left ml-[12px]">
           {{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
@@ -9,18 +9,18 @@
       </view>
 
       <view v-if="!isCallSuccess" class="border-box p-[12px]">
-        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 text-[#171717] mb-12">
+        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] font-size-14 text-[#171717] mb-12">
           <text class="font-500 leading-[22px] mr-20">联系电话</text>
           <input placeholder="请填写联系电话" v-model="contactPhone" />
         </view>
-        <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 text-[#171717] mb-12">
+        <view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-500 text-[#171717] mb-12">
           <view class="font-500 leading-[22px] mb-12">意见内容</view>
           <textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-400" maxlength="100"
             v-model="contactText" />
         </view>
 
         <view
-          class="btn rounded-50 text-white bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] flex flex-items-center flex-justify-center"
+          class="btn rounded-[50px] text-white bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] flex flex-items-center flex-justify-center"
           @click="handleCall">
           立即提交
         </view>
diff --git a/src/components/RefundPopup/index.vue b/src/components/RefundPopup/index.vue
index b3f8be0..310832b 100644
--- a/src/components/RefundPopup/index.vue
+++ b/src/components/RefundPopup/index.vue
@@ -7,7 +7,7 @@
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </view>
       <!-- 内容区域 -->
-      <view class="border-box rounded-12 bg-white p-[12px] ml-[12px] mr-12 mb-40">
+      <view class="border-box rounded-[12px] bg-white p-[12px] ml-[12px] mr-12 mb-40">
         <view class="flex flex-items-center mb-8">
           <uni-icons fontFamily="znicons" size="20" color="#333">
             {{ zniconsMap["zn-refund"] }}
diff --git a/src/components/Stepper/index.vue b/src/components/Stepper/index.vue
index bc2b617..09c2083 100644
--- a/src/components/Stepper/index.vue
+++ b/src/components/Stepper/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="stepper-wrapper flex flex-items-center rounded-8">
+  <view class="stepper-wrapper flex flex-items-center rounded-[8px]">
     <uni-icons type="minus" size="24" color="#D1D1D1" @click="decrease" />
     <text class="stepper-text text-center font-size-14 font-500 text-[#000000] ml-4 mr-4">
       {{ value }} {{ unit }}
diff --git a/src/components/SurveyQuestionnaire/index.vue b/src/components/SurveyQuestionnaire/index.vue
index 615e6f9..f856e1b 100644
--- 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 border-ff overflow-hidden rounded-20">
+    <view class="bg-white border-ff overflow-hidden rounded-[20px]">
       <view class="border-box flex flex-items-center flex-justify-between bg-[#F0F8F3]">
         <text class="font-size-18 font-500 text-[#171717] text-left ml-[12px]">
           调查问卷
@@ -11,7 +11,7 @@
       <image class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />
 
       <view
-        class="h-44 m-12 rounded-50 bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] text-white flex flex-items-center flex-justify-center"
+        class="h-44 m-12 rounded-[50px] bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] text-white flex flex-items-center flex-justify-center"
         @click="handleCall">
         前往填写
       </view>
diff --git a/src/components/UseDateRange/index.vue b/src/components/UseDateRange/index.vue
index 6814efb..787b493 100644
--- a/src/components/UseDateRange/index.vue
+++ b/src/components/UseDateRange/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="bg-white rounded-12 overflow-hidden mb-12">
+  <view class="bg-white rounded-[12px] overflow-hidden mb-12">
     <view class="border-box font-size-16 font-500 text-[#000000] leading-[24px] p-[12px]">使用日期</view>
     <view class="flex flex-items-center border-box">
       <scroll-view class="date-scroll" scroll-x>
diff --git a/src/pages-booking/components/ConactSection/index.vue b/src/pages-booking/components/ConactSection/index.vue
index d62a198..35aac0c 100644
--- a/src/pages-booking/components/ConactSection/index.vue
+++ b/src/pages-booking/components/ConactSection/index.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- 选择数量 -->
-  <view class="border-box bg-white p-[12px] rounded-12 flex flex-items-center mb-12">
+  <view class="border-box bg-white p-[12px] rounded-[12px] flex flex-items-center mb-12">
     <view class="flex-full">
       <view class="font-size-16 font-500 text-[#000000] leading-[24px]">选择数量</view>
       <view class="font-size-12 text-[#a3a3a3] leading-[16px]">
@@ -17,7 +17,7 @@
     v-model:selectedDate="reservationDate" />
 
   <!-- 联系方式 -->
-  <view class="bg-white rounded-12 overflow-hidden">
+  <view class="bg-white rounded-[12px] overflow-hidden">
     <view class="border-box border-bottom font-size-16 font-500 text-[#000000] leading-[24px] p-[12px]">联系方式</view>
     <view class="flex flex-items-center p-[12px]">
       <view class="font-size-14 font-500 text-[#525866] mr-12"> 联系人姓名 </view>
diff --git a/src/pages-booking/components/FooterSection/index.vue b/src/pages-booking/components/FooterSection/index.vue
index 2358584..a41ed3d 100644
--- a/src/pages-booking/components/FooterSection/index.vue
+++ b/src/pages-booking/components/FooterSection/index.vue
@@ -7,7 +7,7 @@
       <text class="font-size-12 text-[#a3a3a3] mr-4">明细</text>
       <uni-icons type="up" size="16" color="#A3A3A3" />
     </view> -->
-    <view class="btn rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="handleBooking">
+    <view class="btn rounded-[10px] 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 text-white">立即支付</text>
     </view>
diff --git a/src/pages-booking/components/UserSection/index.vue b/src/pages-booking/components/UserSection/index.vue
index e207536..a8fa4bf 100644
--- a/src/pages-booking/components/UserSection/index.vue
+++ b/src/pages-booking/components/UserSection/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="bg-white rounded-12 overflow-hidden mb-12">
+  <view class="bg-white rounded-[12px] overflow-hidden mb-12">
     <view class="flex flex-items-center p-[12px] border-bottom">
       <view class="font-size-16 font-500 text-[#000000] leading-[24px] flex-full">入住信息</view>
       <view class="right">
diff --git a/src/pages-booking/index.vue b/src/pages-booking/index.vue
index bce7d3b..2857a18 100644
--- a/src/pages-booking/index.vue
+++ b/src/pages-booking/index.vue
@@ -8,7 +8,7 @@
 
     <view class="booking-content flex-full p-[12px] overflow-hidden scroll-y">
       <!-- 预约内容 -->
-      <view class="border-box bg-white p-[12px] rounded-12 mb-12">
+      <view class="border-box bg-white p-[12px] rounded-[12px] mb-12">
         <!-- 酒店类型入住离店日期部分 -->
         <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
           @click="navigateToDetail(orderData)" />
@@ -24,7 +24,8 @@
 
           <!-- 权益部分 -->
           <view class="flex flex-items-center mb-8">
-            <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 orderData.commodityFacilityList" :key="index">
               {{ item }}
             </text>
diff --git a/src/pages-order/order/components/AmtSection/index.vue b/src/pages-order/order/components/AmtSection/index.vue
index f3ac5ca..93912f1 100644
--- 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 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">
diff --git a/src/pages-order/order/components/FooterSection/index.vue b/src/pages-order/order/components/FooterSection/index.vue
index 0443dfc..311b369 100644
--- a/src/pages-order/order/components/FooterSection/index.vue
+++ b/src/pages-order/order/components/FooterSection/index.vue
@@ -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),
diff --git a/src/pages-order/order/components/GoodsInfo/index.vue b/src/pages-order/order/components/GoodsInfo/index.vue
index d3c007a..6431ce0 100644
--- a/src/pages-order/order/components/GoodsInfo/index.vue
+++ b/src/pages-order/order/components/GoodsInfo/index.vue
@@ -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>
diff --git a/src/pages-order/order/components/OrderCard/index.vue b/src/pages-order/order/components/OrderCard/index.vue
index b46ab7c..3b698c0 100644
--- 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 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>
diff --git a/src/pages-order/order/components/OrderInfo/index.vue b/src/pages-order/order/components/OrderInfo/index.vue
index df332c4..9f8ce42 100644
--- 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 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>
diff --git a/src/pages-order/order/components/OrderQrcode/index.vue b/src/pages-order/order/components/OrderQrcode/index.vue
index 633d352..e27dae0 100644
--- a/src/pages-order/order/components/OrderQrcode/index.vue
+++ b/src/pages-order/order/components/OrderQrcode/index.vue
@@ -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>
diff --git a/src/pages-order/order/components/UserInfo/index.vue b/src/pages-order/order/components/UserInfo/index.vue
index b4e5989..e54cce8 100644
--- 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 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>
diff --git a/src/pages-order/order/components/VoucherList/index.vue b/src/pages-order/order/components/VoucherList/index.vue
index 59e4b0e..1c09bcd 100644
--- 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 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>
diff --git a/src/pages-quick/components/Card/index.vue b/src/pages-quick/components/Card/index.vue
index db23a32..d245972 100644
--- a/src/pages-quick/components/Card/index.vue
+++ b/src/pages-quick/components/Card/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <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="card bg-white p-[8px] rounded-[12px] flex flex-items-start m-12" @click.stop="handleClick(item)">
+    <image class="left rounded-[10px]" :src="item.commodityPhoto" mode="aspectFill" />
     <view class="right flex-full pl-[12px]">
       <view class="font-size-16 leading-[24px] text-[#171717] mb-4">
         {{ item.commodityName }}
@@ -19,7 +19,7 @@
         <text v-if="item.stockUnitLabel" class="font-size-12 leading-[16px] text-[#99a0ae]">
           /{{ item.stockUnitLabel }}
         </text>
-        <text class="btn rounded-10 text-white ml-16">订</text>
+        <text class="btn rounded-[10px] text-white ml-16">订</text>
       </view>
     </view>
   </view>
diff --git a/src/pages-quick/list.vue b/src/pages-quick/list.vue
index 04cf3a2..811a9bd 100644
--- a/src/pages-quick/list.vue
+++ b/src/pages-quick/list.vue
@@ -17,7 +17,7 @@
         </view>
 
         <!-- 几晚 -->
-        <text class="nights bg-[#e5e8ee] font-size-11 font-500 text-[#525866] rounded-50 ml-8 mr-8">
+        <text class="nights bg-[#e5e8ee] font-size-11 font-500 text-[#525866] rounded-[50px] ml-8 mr-8">
           {{ selectedDate.totalDays }}晚
         </text>
 
diff --git a/src/pages-service/order/components/OrderCard/index.vue b/src/pages-service/order/components/OrderCard/index.vue
index 794c464..b53c2ab 100644
--- 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 p-[12px] rounded-12 m-12">
+  <view class="order-card bg-white p-[12px] rounded-[12px] 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" />
@@ -16,7 +16,8 @@
         <view class="font-size-12 text-[#525866] leading-[20px] ellipsis-2">需求描述: {{ orderData.content }}</view>
       </view>
 
-      <image v-if="orderData.contentImgUrl" class="right rounded-6" :src="orderData.contentImgUrl" mode="aspectFill" />
+      <image v-if="orderData.contentImgUrl" class="right rounded-[6px]" :src="orderData.contentImgUrl"
+        mode="aspectFill" />
     </view>
 
     <!-- 服务人员 -->
@@ -33,7 +34,7 @@
       orderData.workOrderStatus !== '2' &&
       orderData.workOrderStatus !== '3'
     " class="flex flex-items-center flex-justify-between">
-      <text class="cancel border rounded-6 font-size-12 leading-[16px] text-[#525866] ml-auto"
+      <text class="cancel border rounded-[6px] font-size-12 leading-[16px] text-[#525866] ml-auto"
         @click="cancelCall">取消呼叫</text>
     </view>
   </view>
diff --git a/src/pages/ChatMain/ChatQuickAccess/index.vue b/src/pages/ChatMain/ChatQuickAccess/index.vue
index 87c6059..6619a3a 100644
--- 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 rounded-50 flex flex-row items-center" v-for="(item, index) in itemList" :key="index"
+      <view class="item rounded-[50px] 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" />
diff --git a/src/pages/ChatMain/ChatTopWelcome/index.vue b/src/pages/ChatMain/ChatTopWelcome/index.vue
index 16f34d3..8480d2d 100644
--- a/src/pages/ChatMain/ChatTopWelcome/index.vue
+++ b/src/pages/ChatMain/ChatTopWelcome/index.vue
@@ -1,7 +1,7 @@
 v
 <template>
   <view class="welcome-content p-[12px]">
-    <view class="wrap rounded-20">
+    <view class="wrap rounded-[20px]">
       <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"
diff --git a/src/pages/ChatModule/AigcPhotoCard/index.vue b/src/pages/ChatModule/AigcPhotoCard/index.vue
index bcaf7a5..4862740 100644
--- a/src/pages/ChatModule/AigcPhotoCard/index.vue
+++ b/src/pages/ChatModule/AigcPhotoCard/index.vue
@@ -1,9 +1,9 @@
 <template>
-  <view class="w-full bg-white border-ff overflow-hidden rounded-20 flex flex-col">
+  <view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-vw"></view>
 
-    <view class="aigc-photo-card relative rounded-24 overflow-hidden w-full"
+    <view class="aigc-photo-card relative rounded-[24px] 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"
diff --git a/src/pages/ChatModule/AnswerComponent/index.vue b/src/pages/ChatModule/AnswerComponent/index.vue
index d7190b9..d400b27 100644
--- 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 border-ff overflow-hidden rounded-20 flex flex-col">
+  <view v-if="shouldRenderCard" class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-vw"></view>
     <view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="lookDetailAction">
diff --git a/src/pages/ChatModule/CallMobile/index.vue b/src/pages/ChatModule/CallMobile/index.vue
index 412f536..5a65c11 100644
--- 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 mx-24 px-[12px] py-16 rounded-12">
+    <view class="popup-content bg-white mx-24 px-[12px] py-16 rounded-[12px]">
       <view class="header flex flex-items-center pb-[12px]">
         <view class="title flex-full text-center font-size-17 text-[#000000] font-500 ml-[24px]">呼叫热线</view>
         <uni-icons type="close" size="24" color="#CACFD8" @click="close" />
diff --git a/src/pages/ChatModule/FacilityLocationCard/index.vue b/src/pages/ChatModule/FacilityLocationCard/index.vue
index 93c6b54..770113a 100644
--- a/src/pages/ChatModule/FacilityLocationCard/index.vue
+++ b/src/pages/ChatModule/FacilityLocationCard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="facility-location-card bg-white rounded-24 overflow-hidden w-full">
+  <view class="facility-location-card bg-white rounded-[24px] overflow-hidden w-full">
     <image class="facility-location-card__image block w-full" :src="data.image" mode="aspectFill" />
 
     <view class="facility-location-card__body px-[24px] pb-[24px]">
@@ -17,7 +17,7 @@
         <text>{{ distance.text }}</text>
       </view>
 
-      <view class="facility-location-card__location bg-[#f8fafc] rounded-20">
+      <view class="facility-location-card__location bg-[#f8fafc] rounded-[20px]">
         <view
           class="facility-location-card__location-label flex flex-items-center text-[#64748b] font-size-13 font-900">
           <text class="facility-location-card__location-dot">{{ location.icon }}</text>
diff --git a/src/pages/ChatModule/FaqHelpCard/index.vue b/src/pages/ChatModule/FaqHelpCard/index.vue
index b50aaf6..5a8848a 100644
--- a/src/pages/ChatModule/FaqHelpCard/index.vue
+++ b/src/pages/ChatModule/FaqHelpCard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="faq-help-card bg-white rounded-24 w-full">
+  <view class="faq-help-card bg-white rounded-[24px] w-full">
     <view class="faq-help-card__header flex flex-items-center">
       <view class="faq-help-card__icon flex flex-items-center flex-justify-center rounded-full font-size-16 font-900">
         {{ data.icon }}
diff --git a/src/pages/ChatModule/GeneratorPhotoComponent/index.vue b/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
index ad2b51d..0d7d1e0 100644
--- a/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
+++ b/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
@@ -1,10 +1,10 @@
 <template>
-  <view class="container w-full border-ff overflow-hidden rounded-24 flex flex-col">
+  <view class="container w-full border-ff overflow-hidden rounded-[24px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-vw"></view>
-    <view class="content flex flex-col m-4 rounded-24">
+    <view class="content flex flex-col m-4 rounded-[24px]">
       <view class="flex flex-col p-[6px] flex-items-center justify-center">
-        <image class="w-full rounded-20" :src="componentDataMap.background" mode="widthFix" />
+        <image class="w-full rounded-[20px]" :src="componentDataMap.background" mode="widthFix" />
 
         <!-- 左上角标签 -->
         <view class="tag">
@@ -19,9 +19,9 @@
         </text>
 
         <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 w-full p-[4px] rounded-[24px] flex flex-row">
             <view
-              class="btn-bg-sub w-full p-[16px] rounded-20 flex flex-row flex-items-center flex-justify-center text-white text-center font-size-18 font-800">
+              class="btn-bg-sub w-full p-[16px] rounded-[20px] flex flex-row flex-items-center flex-justify-center text-white text-center font-size-18 font-800">
               {{ componentDataMap.buttonName }}
             </view>
           </view>
diff --git a/src/pages/ChatModule/LongTextGuideCard/index.vue b/src/pages/ChatModule/LongTextGuideCard/index.vue
index d65436f..8f70900 100644
--- a/src/pages/ChatModule/LongTextGuideCard/index.vue
+++ b/src/pages/ChatModule/LongTextGuideCard/index.vue
@@ -2,8 +2,8 @@
   <view class="long-text-guide-card w-full">
     <view v-if="mode === 'list'" class="long-text-guide-card__list w-full">
       <view v-for="item in cards" :key="item.id"
-        class="long-text-guide-card__summary-card bg-white rounded-24 border-box" :class="{ 'is-disabled': disabled }"
-        @click="openDetail(item)">
+        class="long-text-guide-card__summary-card bg-white rounded-[24px] border-box"
+        :class="{ 'is-disabled': disabled }" @click="openDetail(item)">
         <view class="long-text-guide-card__badge font-size-12 font-900" :class="`is-${item.badgeTone}`">
           {{ item.badge }}
         </view>
@@ -20,7 +20,7 @@
       </view>
     </view>
 
-    <view v-else class="long-text-guide-card__detail-card bg-white rounded-24 overflow-hidden">
+    <view v-else class="long-text-guide-card__detail-card bg-white rounded-[24px] 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">
@@ -47,7 +47,7 @@
           </template>
         </view>
 
-        <image v-if="activeItem.image" class="long-text-guide-card__main-image w-full rounded-14 block"
+        <image v-if="activeItem.image" class="long-text-guide-card__main-image w-full rounded-[14px] block"
           :src="activeItem.image" mode="aspectFill" />
 
         <view class="long-text-guide-card__section-title text-[#1e293b] font-size-16 font-900">
@@ -76,7 +76,7 @@
         <view class="long-text-guide-card__action-label text-[#94a3b8] font-size-11 font-800">
           {{ activeItem.action.label }}
         </view>
-        <view class="long-text-guide-card__map-card rounded-16 overflow-hidden">
+        <view class="long-text-guide-card__map-card rounded-[16px] overflow-hidden">
           <view class="long-text-guide-card__map-image-wrap relative">
             <image class="long-text-guide-card__map-image w-full block" :src="activeItem.action.image"
               mode="aspectFill" />
diff --git a/src/pages/ChatModule/LongTextGuideCardPreview/index.vue b/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
index df08774..7868ce3 100644
--- 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 border-ff overflow-hidden rounded-20 flex flex-col">
+  <view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-vw"></view>
     <view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="openDetail(item)">
diff --git a/src/pages/ChatModule/MapNavigationCard/index.vue b/src/pages/ChatModule/MapNavigationCard/index.vue
index d0d721a..e0d06f2 100644
--- a/src/pages/ChatModule/MapNavigationCard/index.vue
+++ b/src/pages/ChatModule/MapNavigationCard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="map-navigation-card bg-white rounded-24 overflow-hidden w-full">
+  <view class="map-navigation-card bg-white rounded-[24px] overflow-hidden w-full">
     <view class="map-navigation-card__media">
       <image class="map-navigation-card__image block w-full" :src="data.image" mode="aspectFill" />
       <view class="map-navigation-card__badge flex flex-items-center text-white font-size-12 font-900">
diff --git a/src/pages/ChatModule/NoticeCard/index.vue b/src/pages/ChatModule/NoticeCard/index.vue
index 5f83222..e98f952 100644
--- a/src/pages/ChatModule/NoticeCard/index.vue
+++ b/src/pages/ChatModule/NoticeCard/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="notice-card w-full">
-    <view v-if="!detailOpen" class="notice-card__summary bg-[#fffbeb] rounded-24 w-full">
+    <view v-if="!detailOpen" class="notice-card__summary bg-[#fffbeb] rounded-[24px] w-full">
       <view class="notice-card__summary-title  text-[#b45309] font-size-16 font-900">
         {{ summary.title }}
       </view>
@@ -18,7 +18,7 @@
       </view>
     </view>
 
-    <view v-else class="notice-card__detail bg-white rounded-24 overflow-hidden w-full">
+    <view v-else class="notice-card__detail bg-white rounded-[24px] overflow-hidden w-full">
       <view class="notice-card__detail-head flex flex-items-center">
         <view class="notice-card__back flex flex-items-center flex-justify-center rounded-full flex-shrink-0"
           @click="closeDetail">
diff --git a/src/pages/ChatModule/OpenMapComponent/index.vue b/src/pages/ChatModule/OpenMapComponent/index.vue
index feb9b9b..6212cdc 100644
--- a/src/pages/ChatModule/OpenMapComponent/index.vue
+++ b/src/pages/ChatModule/OpenMapComponent/index.vue
@@ -1,9 +1,9 @@
 <template>
-    <view class="w-full bg-white border-ff overflow-hidden rounded-20 flex flex-col">
+    <view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
         <!-- 占位撑开 -->
         <view class="w-vw"></view>
         <view class="flex flex-items-center flex-justify-between p-[12px] border-box" @click="openMap">
-            <view class="rounded-16 p-[16px] bg-[#F0F8F3]">
+            <view class="rounded-[16px] p-[16px] bg-[#F0F8F3]">
                 <view class="w-32 h-32 rounded-full bg-white flex flex-items-center flex-justify-center">
                     <uni-icons type="location" size="16" color="#171717" />
                 </view>
diff --git a/src/pages/ChatModule/PoiCompareCard/index.vue b/src/pages/ChatModule/PoiCompareCard/index.vue
index d355fe6..b1917e0 100644
--- a/src/pages/ChatModule/PoiCompareCard/index.vue
+++ b/src/pages/ChatModule/PoiCompareCard/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="poi-compare-card w-full">
-    <view v-if="!isDetail" class="poi-compare-card__overview bg-white rounded-24 overflow-hidden">
+    <view v-if="!isDetail" class="poi-compare-card__overview bg-white rounded-[24px] overflow-hidden">
       <view class="poi-compare-card__head flex flex-items-center">
         <view class="poi-compare-card__mark flex flex-items-center flex-justify-center rounded-full flex-shrink-0">
           {{ data.icon }}
@@ -36,7 +36,7 @@
       </view>
     </view>
 
-    <view v-else class="poi-compare-card__detail-card bg-white rounded-24 overflow-hidden">
+    <view v-else class="poi-compare-card__detail-card bg-white rounded-[24px] overflow-hidden">
       <view class="poi-compare-card__detail-head flex flex-items-center">
         <view class="poi-compare-card__back flex flex-items-center flex-justify-center rounded-full flex-shrink-0"
           @click="closeDetail">
diff --git a/src/pages/ChatModule/PoiDetailCard/index.vue b/src/pages/ChatModule/PoiDetailCard/index.vue
index dfc56d4..abc3511 100644
--- a/src/pages/ChatModule/PoiDetailCard/index.vue
+++ b/src/pages/ChatModule/PoiDetailCard/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <view class="poi-detail-card bg-white rounded-24 overflow-hidden">
+  <view class="poi-detail-card bg-white rounded-[24px] 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" />
+      <image class="poi-detail-card__image w-full h-full block rounded-[18px]" :src="data.image" mode="aspectFill" />
       <view class="poi-detail-card__badge flex flex-items-center  gap-[4px] font-size-10 font-900">
         <text class="poi-detail-card__badge-icon">⌖</text>
         <text>{{ data.badge?.text }}</text>
diff --git a/src/pages/ChatModule/RecommendPostsList/index.vue b/src/pages/ChatModule/RecommendPostsList/index.vue
index a454d49..de59cc4 100644
--- a/src/pages/ChatModule/RecommendPostsList/index.vue
+++ b/src/pages/ChatModule/RecommendPostsList/index.vue
@@ -3,12 +3,12 @@
     <ModuleTitle :title="recommendTheme.themeName" />
 
     <view class="container-scroll font-size-0 scroll-x whitespace-nowrap">
-      <view class="card-item bg-white inline-block rounded-20 mr-8"
+      <view class="card-item bg-white inline-block rounded-[20px] mr-8"
         v-for="(item, index) in recommendTheme.recommendPostsList" :key="index" @click="sendReply(item)">
         <view class="m-4 relative">
-          <image class="card-img rounded-16 relative z-10" :src="item.coverPhoto" mode="aspectFill" />
+          <image class="card-img rounded-[16px] relative z-10" :src="item.coverPhoto" mode="aspectFill" />
 
-          <view class="shadow absolute rounded-16"></view>
+          <view class="shadow absolute rounded-[16px]"></view>
         </view>
 
         <view class="card-text border-box">
diff --git a/src/pages/ChatModule/RecommendationListCard/index.vue b/src/pages/ChatModule/RecommendationListCard/index.vue
index 40b633c..82776e0 100644
--- a/src/pages/ChatModule/RecommendationListCard/index.vue
+++ b/src/pages/ChatModule/RecommendationListCard/index.vue
@@ -3,7 +3,7 @@
     <scroll-view class="recommendation-list-card__scroll scroll-x whitespace-nowrap w-full" scroll-x
       :show-scrollbar="false" enhanced>
       <view v-for="item in items" :key="item.id || item.title"
-        class="recommendation-list-card__item inline-block bg-white rounded-20 overflow-hidden"
+        class="recommendation-list-card__item inline-block bg-white rounded-[20px] overflow-hidden"
         :class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
         <image class="recommendation-list-card__image block w-full" :src="item.image" mode="aspectFill" />
         <view class="recommendation-list-card__body p-[16px]">
diff --git a/src/pages/ChatModule/RoutePlanCard/index.vue b/src/pages/ChatModule/RoutePlanCard/index.vue
index 6c8dd08..312e1f9 100644
--- a/src/pages/ChatModule/RoutePlanCard/index.vue
+++ b/src/pages/ChatModule/RoutePlanCard/index.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="route-plan-card w-full">
     <view v-if="!detailOpen"
-      class="route-plan-card__summary flex flex-items-center bg-white rounded-24 overflow-hidden w-full"
+      class="route-plan-card__summary flex flex-items-center bg-white rounded-[24px] overflow-hidden w-full"
       :class="{ 'is-disabled': disabled }" @click="openDetail">
       <image class="route-plan-card__cover block flex-shrink-0" :src="data.image" mode="aspectFill" />
       <view class="route-plan-card__body flex-full">
@@ -20,7 +20,7 @@
       </view>
     </view>
 
-    <view v-else class="route-plan-card__detail bg-white rounded-24 overflow-hidden w-full">
+    <view v-else class="route-plan-card__detail bg-white rounded-[24px] overflow-hidden w-full">
       <view class="route-plan-card__detail-head flex flex-items-center">
         <view class="route-plan-card__back flex flex-items-center flex-justify-center rounded-full flex-shrink-0"
           @click="closeDetail">
@@ -41,7 +41,7 @@
               class="route-plan-card__node-number flex flex-items-center flex-justify-center rounded-full text-[#047857] bg-[#ecfdf5] font-size-12 font-900">
               {{ index + 1 }}
             </view>
-            <view class="route-plan-card__node bg-white rounded-20 flex flex-items-center">
+            <view class="route-plan-card__node bg-white rounded-[20px] flex flex-items-center">
               <image class="route-plan-card__node-image block flex-shrink-0" :src="node.image" mode="aspectFill" />
               <view class="route-plan-card__node-body flex-full">
                 <view class="route-plan-card__node-title text-[#1e293b] font-size-16 font-900 ellipsis-1">
@@ -70,7 +70,7 @@
         </template>
       </view>
 
-      <view v-if="tips.length" class="route-plan-card__tips bg-[#f8fafc] rounded-20">
+      <view v-if="tips.length" class="route-plan-card__tips bg-[#f8fafc] rounded-[20px]">
         <view class="route-plan-card__tips-title text-[#64748b] font-size-14 font-900">
           {{ detail.tipsTitle }}
         </view>
diff --git a/src/pages/ChatModule/ScenicImageCard/index.vue b/src/pages/ChatModule/ScenicImageCard/index.vue
index 99c7658..9f0bc7b 100644
--- a/src/pages/ChatModule/ScenicImageCard/index.vue
+++ b/src/pages/ChatModule/ScenicImageCard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="scenic-image-card relative rounded-24 overflow-hidden w-full" :class="{ 'is-disabled': disabled }"
+  <view class="scenic-image-card relative rounded-[24px] overflow-hidden w-full" :class="{ 'is-disabled': disabled }"
     @click="handleSelect">
     <image class="scenic-image-card__image block w-full" :src="data.image" mode="aspectFill" />
 
diff --git a/src/pages/ChatModule/SharedVisual/ActionRow.vue b/src/pages/ChatModule/SharedVisual/ActionRow.vue
index 11f3f90..ab90f77 100644
--- a/src/pages/ChatModule/SharedVisual/ActionRow.vue
+++ b/src/pages/ChatModule/SharedVisual/ActionRow.vue
@@ -1,8 +1,8 @@
 <template>
-  <view class="visual-action-row flex flex-items-center  gap-[12px] p-[12px] bg-white rounded-18 border-box"
+  <view class="visual-action-row flex flex-items-center  gap-[12px] p-[12px] bg-white rounded-[18px] border-box"
     :class="{ 'is-disabled': disabled }" @click="handleClick">
     <view
-      class="visual-action-row__icon flex flex-items-center flex-justify-center w-42 h-42 rounded-14 font-size-18 font-900"
+      class="visual-action-row__icon flex flex-items-center flex-justify-center w-42 h-42 rounded-[14px] font-size-18 font-900"
       :class="toneClass">
       <slot name="icon">{{ icon }}</slot>
     </view>
diff --git a/src/pages/ChatModule/SharedVisual/BadgePill.vue b/src/pages/ChatModule/SharedVisual/BadgePill.vue
index 2d1cb41..0b88c52 100644
--- a/src/pages/ChatModule/SharedVisual/BadgePill.vue
+++ b/src/pages/ChatModule/SharedVisual/BadgePill.vue
@@ -1,5 +1,7 @@
 <template>
-  <view class="visual-badge flex flex-items-center flex-justify-center rounded-50 font-size-10 font-800 whitespace-nowrap" :class="toneClass">
+  <view
+    class="visual-badge flex flex-items-center flex-justify-center rounded-[50px] font-size-10 font-800 whitespace-nowrap"
+    :class="toneClass">
     <slot>{{ label }}</slot>
   </view>
 </template>
diff --git a/src/pages/ChatModule/SharedVisual/CardShell.vue b/src/pages/ChatModule/SharedVisual/CardShell.vue
index a8dd2e0..8120e6f 100644
--- 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 overflow-hidden"
+  <view class="visual-card-shell w-full bg-white border-F1F5F9 rounded-[24px] overflow-hidden"
     :class="[{ 'is-pressable': pressable, 'is-disabled': disabled }, variantClass]" @click="handleClick">
     <slot />
   </view>
diff --git a/src/pages/ChatModule/SharedVisual/MediaFrame.vue b/src/pages/ChatModule/SharedVisual/MediaFrame.vue
index 9059fdc..48efef1 100644
--- a/src/pages/ChatModule/SharedVisual/MediaFrame.vue
+++ b/src/pages/ChatModule/SharedVisual/MediaFrame.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="visual-media relative w-full overflow-hidden bg-[#f1f5f9]" :class="{ 'rounded-16': rounded }">
+  <view class="visual-media relative w-full overflow-hidden bg-[#f1f5f9]" :class="{ 'rounded-[16px]': rounded }">
     <image v-if="src" class="visual-media__image block w-full h-full" :src="src" :mode="mode" />
     <view v-else class="visual-media__empty block w-full h-full"></view>
     <slot />
diff --git a/src/pages/ChatModule/ZModuleBase/index.vue b/src/pages/ChatModule/ZModuleBase/index.vue
index c146b64..6f8ffee 100644
--- a/src/pages/ChatModule/ZModuleBase/index.vue
+++ b/src/pages/ChatModule/ZModuleBase/index.vue
@@ -1,8 +1,8 @@
 <template>
-  <view class="container w-full border-ff overflow-hidden rounded-24 flex flex-col">
+  <view class="container w-full border-ff overflow-hidden rounded-[24px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-vw"></view>
-    <view class="flex flex-col m-4 rounded-24">
+    <view class="flex flex-col m-4 rounded-[24px]">
       <slot name="content"></slot>
     </view>
   </view>
diff --git a/src/pages/Discovery/components/QuickQuestions/index.vue b/src/pages/Discovery/components/QuickQuestions/index.vue
index 4eff3d4..4685792 100644
--- a/src/pages/Discovery/components/QuickQuestions/index.vue
+++ b/src/pages/Discovery/components/QuickQuestions/index.vue
@@ -2,11 +2,11 @@
   <view class="container pl-[12px]">
     <view class="container-scroll font-size-0 scroll-x whitespace-nowrap">
 
-      <view class="card-item bg-white inline-block rounded-20 mr-10" v-for="(item, index) in list" :key="index"
+      <view class="card-item bg-white inline-block rounded-[20px] mr-10" v-for="(item, index) in list" :key="index"
         @click="sendReply(item)">
 
         <view class="flex flex-row flex-justify-start p-[10px]">
-          <image class="card-img flex-shrink-0 rounded-14" :src="createSvgIndex(index)" />
+          <image class="card-img flex-shrink-0 rounded-[14px]" :src="createSvgIndex(index)" />
 
           <view class="min-width-0 flex flex-col flex-full pl-[8px] py-[4px]">
             <view class="w-full font-size-12 font-600 text-[#171717] ellipsis-1">
diff --git a/src/pages/goods/index.vue b/src/pages/goods/index.vue
index 427b6d1..06c505b 100644
--- a/src/pages/goods/index.vue
+++ b/src/pages/goods/index.vue
@@ -39,7 +39,7 @@
         {{ calculatedTotalPrice }}
       </view>
 
-      <view class="btn rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="navigateToPay(goodsData)">
+      <view class="btn rounded-[10px] 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 text-white">立即预定</text>
       </view>
diff --git a/src/static/scss/index.scss b/src/static/scss/index.scss
index 6f899f5..5b9523f 100644
--- a/src/static/scss/index.scss
+++ b/src/static/scss/index.scss
@@ -7,10 +7,7 @@
 @import "./margin.scss";
 @import "./font-size.scss";
 @import "./font-family.scss";
-@import "./text-align.scss";
-@import "./rounded.scss";
 @import "./ellipsis.scss";
-@import "./position.scss";
 @import "./overflow.scss";
 @import "./scroll.scss";
 @import "./width.scss";
diff --git a/src/static/scss/position.scss b/src/static/scss/position.scss
deleted file mode 100644
index 0d064fa..0000000
--- a/src/static/scss/position.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-// 定位
-.relative {
-  position: relative;
-}
-
-.absolute {
-  position: absolute;
-}
-
-.left-0 {
-  left: 0;
-}
-
-.right-0 {
-  right: 0;
-}
-
-.bottom-0 {
-  bottom: 0;
-}
-
-.top-0 {
-  top: 0;
-}
diff --git a/src/static/scss/rounded.scss b/src/static/scss/rounded.scss
deleted file mode 100644
index d962c57..0000000
--- a/src/static/scss/rounded.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-// 圆角
-.rounded-4 {
-  border-radius: 4px;
-}
-
-.rounded-5 {
-  border-radius: 5px;
-}
-
-.rounded-6 {
-  border-radius: 6px;
-}
-
-.rounded-8 {
-  border-radius: 8px;
-}
-
-.rounded-10 {
-  border-radius: 10px;
-}
-
-.rounded-12 {
-  border-radius: 12px;
-}
-
-.rounded-14 {
-  border-radius: 14px;
-}
-
-.rounded-16 {
-  border-radius: 16px;
-}
-
-.rounded-18 {
-  border-radius: 18px;
-}
-
-.rounded-20 {
-  border-radius: 20px;
-}
-
-.rounded-24 {
-  border-radius: 24px;
-}
-
-.rounded-50 {
-  border-radius: 50px;
-}
-
-.rounded-full {
-  border-radius: 50%;
-}
diff --git a/src/static/scss/text-align.scss b/src/static/scss/text-align.scss
deleted file mode 100644
index ff67924..0000000
--- a/src/static/scss/text-align.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// 文本-align
-.text-center {
-  text-align: center;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-right {
-  text-align: right;
-}