解决我的工单-类型文字过多超出边框

wuye-manager-uniapp/manifest.json

@@ -2,8 +2,8 @@
     "name" : "花开管家",
     "appid" : "__UNI__5F224F3",
     "description" : "智慧社区管家端，专为小区物业管理人员打造，支持多小区灵活切换管理。集成账号密码、手机号密码双重登录模式，内置忘记密码找回功能，保障账号安全。涵盖消息通知、日常巡检、故障报修、一键开门、工单流转、投诉处理等核心办公功能，物业人员可在线完成巡检打卡、问题上报、工单派发跟进、投诉对接处理等日常工作，同时支持查看个人上报记录、巡检历史，便捷修改账号信息与登录密码。高效简化社区物业办公流程，提升小区服务与管理效率，打造便捷智能的社区管理服务平台。",
-    "versionName" : "1.0.5",
+    "versionName" : "1.0.6",
-    "versionCode" : 105,
+    "versionCode" : 106,
     "transformPx" : false,
     "app-plus" : {
         "usingComponents" : true,

wuye-manager-uniapp/pageSubPack/ticket/myticket.vue

@@ -61,9 +61,7 @@
           </view>
 
           <!-- 内容 -->
-          <view class="card-content">
+          <view class="card-content"> {{ record.problem }} </view>
-            {{ record.problem }}
-          </view>
           <!-- 底部信息 -->
           <view class="card-footer">
             <text class="create-time">{{ record.createTime }}</text>
@@ -388,6 +386,7 @@ function handlePrivew(imgs) {
 /* 类型标签组 */
 .tag-group {
   display: flex;
+  flex-wrap: wrap;
   margin-bottom: 20rpx;
 }
 .tag-group > .tag-item:not(:last-child) {
@@ -395,7 +394,9 @@ function handlePrivew(imgs) {
 }
 .tag-item {
   padding: 0 10rpx;
-  height: 42rpx;
+  margin: 5rpx;
+  min-height: 42rpx;
+  text-align: left;
   border-radius: 8rpx 8rpx 8rpx 8rpx;
   border: 1rpx solid #999999;
 
@@ -403,7 +404,6 @@ function handlePrivew(imgs) {
   font-size: 24rpx;
   color: #999999;
   line-height: 42rpx;
-  text-align: center;
 }
 
 /* 内容 */