去掉轮播

src/views/report/reportIndex.vue

@@ -9,46 +9,43 @@
                 <div class="titleBox">
                     TechBook科创管理系统
                 </div>
-                <div class="loginBox" @click="handleTo(1)">
+                <div class="loginBox" style="border-color: #FFB822;background-color: rgba(255,184,34,0.8)" @click="handleTo(1)">
                     <p>以政府机构身份登录</p>
                 </div>
-                <div class="loginBox" @click="handleTo(2)">
+                <div class="loginBox" style="border-color: #5d78ff;background-color: rgba(93,120,255,0.8);" @click="handleTo(2)">
                     <p>以企业身份登录</p>
                 </div>
             </div>
             <div class="main-bg"></div>
         </section>
         <section class="box-screen secondScreen" v-show="isShowOther&&isWhich==1">
-            <swiper :options="swiperOption" class="swiper-wrap" ref="mySwiper" style="cursor: pointer">
-                <swiper-slide style="width:100%;height:100%;" ><!---->
-                    <secondMap :isShowOther="isShowSecond" @hidePage="hidePage" v-if="isShowSecond"></secondMap>
-                </swiper-slide>
-                <swiper-slide style="width:100%;height:100%;" > <!---->
-                    <thirdScreen :isShow="isShowThird" v-if="isShowThird" @hidePage="hidePage"></thirdScreen>
-                </swiper-slide>
-                <swiper-slide style="width:100%;height:100%;"><!---->
-                    <forthScreen v-if="isShowForth"></forthScreen>
-                </swiper-slide>
-                <div class="swiper-pagination" v-show="isShowPage" v-for="(item,index) in list" :key="index" slot="pagination"></div>
-            </swiper>
+            <div style="width:100%;height:100%;" v-if="isShowSecond">
+                <secondMap :isShowOther="isShowSecond" @hidePage="hidePage"></secondMap>
+            </div>
+            <div style="width:100%;height:100%;" v-if="isShowThird">
+                <thirdScreen :isShow="isShowThird" @hidePage="hidePage"></thirdScreen>
+            </div>
+            <div style="width:100%;height:100%;" v-if="isShowForth">
+                <forthScreen></forthScreen>
+            </div>
 
         </section>
         <section class="box-screen secondScreen" v-show="isShowBusiness&&isWhich==2">
-            <swiper :options="swiperOption1" class="swiper-wrap" ref="mySwiper1" style="cursor: pointer">
-                <swiper-slide style="width:100%;height:100%;">
-                    <businessFirstScreen v-if="isShowSecond"></businessFirstScreen>
-                </swiper-slide>
-                <swiper-slide style="width:100%;height:100%;">
-                    <businessSecondScreen v-if="isShowThird"></businessSecondScreen>
-                </swiper-slide>
-                <swiper-slide style="width:100%;height:100%;">
-                    <businessThirdScreen v-if="isShowForth"></businessThirdScreen>
-                </swiper-slide>
-                <div class="swiper-pagination1" v-show="isShowPage" v-for="(item,index) in list1" :key="index" slot="pagination"></div>
-            </swiper>
+            <div style="width:100%;height:100%;" v-if="isShowSecond">
+                <businessFirstScreen></businessFirstScreen>
+            </div>
+            <div style="width:100%;height:100%;" v-if="isShowThird">
+                <businessSecondScreen></businessSecondScreen>
+            </div>
+            <div style="width:100%;height:100%;" v-if="isShowForth">
+                <businessThirdScreen></businessThirdScreen>
+            </div>
         </section>
         <div class="buttonWrap" v-show="isShowPage">
-            <p @click="handleToIndex">首页</p>
+            <p class="indexPage" @click="handleToIndex">首页</p>
+            <p class="pageIcon" :class="currentScreen==1?'activeP':''" @click="handleToWhich(1)"></p>
+            <p class="pageIcon" :class="currentScreen==2?'activeP':''" @click="handleToWhich(2)"></p>
+            <p class="pageIcon" :class="currentScreen==3?'activeP':''" @click="handleToWhich(3)"></p>
         </div>
     </div>
 </template>
@@ -307,12 +304,26 @@
         top: 48%;
         margin-top: -45px;
         z-index: 100;
-        & > p {
+        &>p.pageIcon{
+            width: 16px;
+            height: 16px;
+            border: 1px solid #c9c9c9;
+            border-radius: 50%;
+            margin: 5px 0;
+            cursor: pointer;
+            &.activeP{
+                background: #D8D8D8;
+            }
+        }
+        & > p.indexPage {
             width: 40px;
             height: 16px;
             color: #5d78ff;
             cursor: pointer;
             margin-bottom: 20px;
+            position: absolute;
+            right:-10px;
+            top:-20px;
         }
     }
     .swiper-wrap{