筛选组件调整学校选项间隔

src/components/selectTabBox/selectTabBox.vue

@@ -53,10 +53,10 @@
                             <el-carousel :autoplay="false" arrow="never" :loop="false" height="50px"
                                 indicator-position="none" class="s-w-100" ref="schoolData" :initial-index="schoolSelectObj.page">
                                 <el-carousel-item v-for="(item, i) in shcoolData" :key="i">
-                                    <div class="school-carousel-box" :class="{ 'jus-sp': item.length === 4 }">
+                                    <div class="school-carousel-box" :class="{ 'jus-sp': item.length === 8 }">
                                         <div v-for="(items, i) in item" :key="items" @click="setSchoolObj(items)"
                                             class="carousel-info-box"
-                                            :class="[{ 'info-box-check': schoolSelectObj.id === items.id }, { 'mg-r-35': (i + 1) % 4 !== 0 && item.length < 4 }]">
+                                            :class="[{ 'info-box-check': schoolSelectObj.id === items.id }, { 'mg-l-20': i!=0&&(i + 1) % 8 !== 0 && item.length < 8 },{'mg-l-10':i==0&& item.length < 8}]">
                                             {{ items.name }}
                                         </div>
                                     </div>
@@ -339,12 +339,12 @@ let setSchoolData = () => {
         if (!shcoolData[num]) {
             shcoolData[num] = []
         }
-        if (shcoolData[num].length < 4) shcoolData[num].push(arr[i])
+        if (shcoolData[num].length < 8) shcoolData[num].push(arr[i])
         if(arr[i].id===schoolSelectObj.id){
            schoolSelectObj['page']=num 
            schoolPages.value=num
         }
-        if (shcoolData[num].length === 4) {
+        if (shcoolData[num].length === 8) {
             num++
         }
     }
@@ -862,8 +862,12 @@ img {
                 display: flex;
                 align-items: center;
 
-                .mg-r-35 {
-                    margin-right: 35px;
+                .mg-l-10{
+                    margin-left:10px;
+                }
+
+                .mg-l-20 {
+                    margin-left: 20px;
                 }
 
                 .carousel-info-box {

src/components/user/systematic-notification-pop.vue

@@ -389,7 +389,7 @@ const goDetail = (uniqid, status) => {
 }
 
 .btn-qrcode {
-    height: 365px;
+    // height: 365px;
     margin: 0 auto;
 
     .bj {