feat: 文本换行问题处理

client-configs.json

@@ -50,7 +50,7 @@
     }
   },
   "tianmu": {
-    "clientId": "9",
+    "clientId": "4",
     "appId": "wx0be424e1d22065a9",
     "name": "沐沐",
     "placeholder": "快告诉沐沐您在想什么~",

src/pages-booking/index.vue

@@ -29,7 +29,9 @@
         </view>
 
         <view class="border-box border-bottom">
-          <view class="font-size-12 color-99A0AE line-height-16 pb-12">
+          <view
+            class="font-size-12 color-99A0AE line-height-16 pb-12 break-all"
+          >
             {{ orderData.commodityDescription }}
           </view>
 
@@ -142,7 +144,7 @@ watch(
     if (newQuantity > currentLength) {
       // 数量增加，添加新的表单项
       const newForms = Array.from({ length: newQuantity - currentLength }, () =>
-        createEmptyUserForm()
+        createEmptyUserForm(),
       );
       userFormList.value.push(...newForms);
     } else if (newQuantity < currentLength) {
@@ -153,7 +155,7 @@ watch(
     // 等待DOM更新完成
     await nextTick();
   },
-  { immediate: false }
+  { immediate: false },
 );
 
 onLoad((options) => {
@@ -179,7 +181,7 @@ const getGoodsDetail = async (commodityId) => {
   // 取commodityFacilityList前3个
   orderData.value.commodityFacilityList = res.data.commodityFacilityList.slice(
     0,
-    3
+    3,
   );
 };
 
@@ -206,7 +208,6 @@ const validateUserForms = () => {
 
 // 处理支付点击事件
 const handlePayClick = ThrottleUtils.createThrottle(async (goodsData) => {
-  
   try {
     console.log("处理支付点击事件", userFormList.value);
     // 校验用户姓名
@@ -236,12 +237,12 @@ const handlePayClick = ThrottleUtils.createThrottle(async (goodsData) => {
       purchaseAmount,
       payWay,
       paySource,
-      consumerInfoEntityList
+      consumerInfoEntityList,
     };
 
     // 预约日期，酒店类型不需要
     if (orderData.value.orderType != 0) {
-      params.reservationDate = selectedReservationDate.value; 
+      params.reservationDate = selectedReservationDate.value;
     }
 
     //酒店类型添加入住时间、离店时间

src/static/scss/index.scss

@@ -20,3 +20,4 @@
 @import "./z-index.scss";
 @import "./white-space.scss";
 @import "./box-sizing.scss";
+@import "./word-break.scss";

src/static/scss/word-break.scss

@@ -0,0 +1,3 @@
+.break-all {
+  word-break: break-all;
+}