服务设施ui修改

Reviewed-on: #17

src/views/AboutMall/children/Service.vue

@@ -4,13 +4,15 @@
       <div
         v-for="item of serveList"
         :key="item.title"
-        class="inline-flex flex-col rounded-xl border border-solid border-white bg-gradient-to-b from-white/20 to-white pb-8 pl-12 pr-3 pt-13"
+        class="inline-flex flex-col items-center rounded-xl border border-solid border-white bg-gradient-to-b from-white/20 to-white pb-8 pt-16"
       >
-        <img :src="item.iconList[0]" alt="" class="mb-[104px] size-[88px]" />
+        <img :src="item.iconList[0]" alt="" class="mb-[68px] size-[88px]" />
+        <div class="self-start px-12">
           <div class="truncate text-24 leading-8 text-black/80">{{ item.title }}</div>
           <div v-if="item.titleEn" class="text-12 leading-3 text-black/60">{{ item.titleEn }}</div>
         </div>
       </div>
+    </div>
   </ScrollView>
   <DialogTemplate v-slot="{ resolve, args }">
     <ServeDetail :serve="args[0]" @close="resolve('close')" @go="goPage" />