优化服务预览组件

src/components/cate/template/cate.vue

@@ -15,7 +15,7 @@
                     :src="child.icon"
                     mode=""
                 ></image>
-                <view class="item-menu-name">{{ child.name }}</view>
+                <view class="item-menu-name limit-line clamp-1">{{ child.name }}</view>
             </view>
         </view>
     </view>

src/components/service/preview-item.vue

@@ -7,8 +7,11 @@
                 :src="data.icon"
                 @click="clickItem(data.id)"
             ></image>
-            <view class="item-box" @click="clickItem(data.id)">
-                <view class="title">{{ data.name }}</view>
+            <view
+                class="item-box"
+                @click="clickItem(data.id)"
+            >
+                <view class="title limit-line clamp-1">{{ data.name }}</view>
                 <view class="text-box">
                     {{ "已服务113256次" }}
                 </view>
@@ -54,9 +57,10 @@ export default {
     box-sizing: border-box;
     border-radius: 20rpx;
     border: 2rpx solid #d8d8d8;
+    flex-shrink: 0;
 }
 .item-box {
-    width: 306rpx;
+    width: 100%;
     display: flex;
     justify-content: space-between;
     flex-direction: column;

src/pages/service/list.vue

@@ -49,7 +49,7 @@ export default {
                     child: [
                         {
                             id: 2,
-                            name: "空调安装",
+                            name: "空调安装空调安装空调安装空调安装空调安装空调安装",
                             icon: require("@/static/temp/cate/1.png"),
                             buyNumber: 1,
                         },