修改引导页首页在线报修样式

property-uniapp-project/pages/online-repair/onlineRepair.vue

@@ -16,6 +16,7 @@
         class="type-tab" 
         :class="{ active: activeType === 'public' }"
         @click="publicClick"
+		style="margin-right: 20rpx;"
       >
 	  <image src="/static/在线报修/公共报修.png" style="width: 100%;height: 100%;"></image>
         <!-- <uni-icons type="staff" size="24" color="#fff"></uni-icons> -->
@@ -80,7 +81,7 @@
           {{ item.content }}
         </view>
 
-        <!-- 图片占位（可替换为图片组件） -->
+        <!-- 图片占位 -->
         <view class="item-imgs">
           <view class="img-placeholder" v-for="i in 3" :key="i">
             <!-- <uni-icons type="image" size="20" color="#ccc"></uni-icons> -->
@@ -229,7 +230,6 @@ const goDetail = (item) => {
   border-radius: 8px;
   color: #fff;
   font-size: 14px;
-  margin-right: 20rpx;
 }
 .type-tab.active {
   background: linear-gradient(135deg, #1E88E5 0%, #64B5F6 100%);
@@ -334,8 +334,8 @@ const goDetail = (item) => {
 
 /* 标签 */
 .item-tags {
-  display: flex;
-  gap: 8px;
+  /* display: flex; */
+  /* gap: 8px; */
   margin-bottom: 10px;
 }
 .tag {
@@ -345,6 +345,7 @@ const goDetail = (item) => {
     padding: 2px 8px;
     border-radius: 4px;
     border: 1px solid #999999;
+	margin-right: 8px;
 }
 
 /* 内容 */
@@ -359,7 +360,7 @@ const goDetail = (item) => {
 /* 图片占位 */
 .item-imgs {
   display: flex;
-  gap: 12px;
+  /* gap: 12px; */
   margin-bottom: 10px;
 }
 .img-placeholder {
@@ -370,6 +371,7 @@ const goDetail = (item) => {
   display: flex;
   align-items: center;
   justify-content: center;
+  margin-right: 8px;
 }
 
 /* 底部时间和详情 */