修改样式名称

src/pages/service/detail.vue

@@ -5,7 +5,7 @@
         textColor="dark"
         backgroundColor="#F6F6F6"
     >
-        <view class="service-header">
+        <view class="service-detail-select-group">
             <view
                 class="select-item"
                 :class="[tabIndex == 0 ? 'active' : '']"
@@ -21,16 +21,16 @@
                 <text class="text">评价</text>
             </view>
         </view>
-        <view class="service-container">
+        <view class="service-detail-group">
             <swiper
-                class="tabs"
+                class="service-detail-tab-list"
                 :current="tabIndex"
                 :duration="300"
                 @change="changeTab"
                 :style="{ height: tabHeight + 'px' }"
             >
                 <swiper-item>
-                    <view class="tab tab0">
+                    <view class="tab-item tab0">
                         <view class="service-section banner-box">
                             <swiper
                                 class="service-banner-swiper"
@@ -83,7 +83,7 @@
                     </view>
                 </swiper-item>
                 <swiper-item>
-                    <view class="tab tab1">
+                    <view class="tab-item tab1">
                         <view class="reviews"> </view>
                     </view>
                 </swiper-item>
@@ -184,7 +184,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.service-header {
+.service-detail-select-group{
     width: 100%;
     display: flex;
     align-items: center;
@@ -210,12 +210,13 @@ export default {
         }
     }
 }
-.service-container {
+.service-detail-group {
     width: 100%;
     height: auto;
-    .tabs {
+    touch-action: none;
+    .service-detail-tab-list {
         width: 100%;
-        .tab {
+        .tab-item {
             min-height: 300rpx;
         }
     }