style(layout): 调整首页和服务页面的布局和样式

- 调整首页轮播图位置和内容区域样式
-优化服务页面布局结构，添加背景图片
- 统一列表项样式，调整列表项间距

src/views/home/home.vue

@@ -196,7 +196,7 @@ $bg-color: #f5f5f5;
       width: 99px;
       position: absolute;
       right: 26px;
-      top: 42px;
+      top: 60px;
     }
     .title {
       position: absolute;
@@ -218,8 +218,7 @@ $bg-color: #f5f5f5;
 
   .content {
     background-color: $bg-color;
-    position: relative;
-    z-index: 2;
+
     padding: 15px 0;
     margin-top: -10px;
 
@@ -238,6 +237,10 @@ $bg-color: #f5f5f5;
   padding: 0 0 20px 0;
   width: 100vw;
   border-radius: 12px;
+  img {
+    position: relative;
+    z-index: 2;
+  }
 
   & > div {
     position: relative;
@@ -440,7 +443,7 @@ $bg-color: #f5f5f5;
     margin-top: 17px;
     margin-left: 76px;
     p {
-      margin: 7px 0 7px 0;
+      margin: 7px 0 5px 0;
     }
   }
 

src/views/service/service-t.vue

@@ -5,7 +5,8 @@
       <h2>{{ title }}</h2>
     </div>
     <div class="commodity">
-      <ul ref="shopContent">
+      <img src="../../assets/images/sunful/page-banner.png" alt="" class="back-img" />
+      <ul ref="shopContent" class="shopContent">
         <li class="eventList" v-for="(item, index) in shopList" :key="index">
           <div class="list-title">
             {{ item.menuName }}
@@ -178,26 +179,37 @@ export default {
     }
   }
   .commodity {
-    border-radius: 10px;
+    border-radius: 16px;
     position: relative;
     margin-top: -10px;
-    padding-top: 30px;
+    //padding-top: 30px;
     flex: 1;
+    //border: 2px solid #fff;
 
-    background-image: url('../../assets/images/sunful/page-banner.png');
+    //background-image: url('../../assets/images/sunful/page-banner.png');
     background-size: cover;
     background-repeat: no-repeat;
     //background-position: 100% 100%;
-
+    .back-img {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+    }
+    .shopContent {
+      padding-top: 30px;
+    }
     .eventList {
+      position: relative;
+      z-index: 2;
       padding-bottom: 20px;
+
       margin: 0 15px;
       .list-title {
         color: #000;
         font-weight: 600;
         position: relative;
         //margin: 10px 10px;
-        margin-top: 5x;
+        margin-top: 5px;
         padding: 0 10px 0 10px;
         &::before {
           position: absolute;