Merge branch 'master' of http://www.jiyou-tech.com:3000/chenming/561_jiexin

src/App.vue

 				//获取当前页面路径
 				let path = this.$route.path;
 				//判断是否在可滑动切换页面的列表中
-				if(allPage.indexOf(path)==-1 || scrollTop){
+				if(allPage.indexOf(path)==-1 || scrollTop || this.$store.state.menuState){
 					return;
 				}
 				//判断是否只可向一个方向滑动

src/components/sidebar.vue

 				// }
 			},
 			open() {
+				this.$store.state.menuState = true;
 				this.$refs.sidebar.style.left = '0%';
 			},
 			close() {
+				this.$store.state.menuState = false;
 				this.$refs.sidebar.style.left = '-100%';
 			},
 			show1(index) {

src/store/index.js

 
 export default new Vuex.Store({
 	state: {
+		menuState:false,
 		imgBaseUrl: '',
 		pagePath: [
 			[

src/views/appliances_high_exhibition.vue

             <img class="pageRedDot pageRedDot2" @click="lookDetail('jiadiansanjiaolipai')" src="../assets/pageRedDot.png">
             <img class="pageRedDot pageRedDot3" @click="lookDetail('baozhahua')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/appliances_high_outside.vue

             <img class="pageRedDot pageRedDot2" @click="lookDetail('mentiedaban')" src="../assets/pageRedDot.png">
             <img class="pageRedDot pageRedDot3" @click="lookDetail('yilabao')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/appliances_high_pay.vue

             <img class="contentImg" src="../assets/appliances/high/pay.png">
             <img class="pageRedDot pageRedDot1" @click="lookDetail('pvclipai')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/appliances_standard_exhibition.vue

             <img class="pageRedDot pageRedDot3" @click="lookDetail('kongtiaotiezhi')" src="../assets/pageRedDot.png">
             <img class="pageRedDot pageRedDot4" @click="lookDetail('dianshisanjiaotie')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/appliances_standard_outside.vue

             <img class="pageRedDot pageRedDot2" @click="lookDetail('mentie')" src="../assets/pageRedDot.png">
             <img class="pageRedDot pageRedDot3" @click="lookDetail('yimitie')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/appliances_standard_pay.vue

             <img class="contentImg" src="../assets/appliances/standard/pay.png">
             <img class="pageRedDot pageRedDot1" @click="lookDetail('zhizhitaika')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/phone_high_counter.vue

             <img class="pageRedDot pageRedDot2" @click="lookDetail('shoujibeitie')" src="../assets/pageRedDot.png">
             <img class="pageRedDot pageRedDot3" @click="lookDetail('guitaitie')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/phone_high_outside.vue

             <img class="pageRedDot pageRedDot2" @click="lookDetail('mentiedaban')" src="../assets/pageRedDot.png">
             <img class="pageRedDot pageRedDot3" @click="lookDetail('yilabao')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/phone_high_pay.vue

             <img class="contentImg" src="../assets/phone/high/pay.png">
             <img class="pageRedDot pageRedDot1" @click="lookDetail('pvclipai')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/phone_high_within.vue

             <img class="pageRedDot pageRedDot1" @click="lookDetail('haibao')" src="../assets/pageRedDot.png">
             <img class="pageRedDot pageRedDot2" @click="lookDetail('zhizhitaika')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/phone_standard_counter.vue

             <img class="pageRedDot pageRedDot2" @click="lookDetail('baozhahua')" src="../assets/pageRedDot.png">
             <img class="pageRedDot pageRedDot3" @click="lookDetail('guitaitie')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/phone_standard_outside.vue

             <img class="pageRedDot pageRedDot2" @click="lookDetail('mentie')" src="../assets/pageRedDot.png">
             <img class="pageRedDot pageRedDot3" @click="lookDetail('yimitie')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/phone_standard_pay.vue

             <img class="contentImg" src="../assets/phone/standard/pay.png">
             <img class="pageRedDot pageRedDot1" @click="lookDetail('zhizhitaika')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/phone_standard_within.vue

             <img class="contentImg" src="../assets/phone/standard/within.png">
             <img class="pageRedDot pageRedDot1" @click="lookDetail('haibao')" src="../assets/pageRedDot.png">
         </div>
+        <img class="arrow" src="../assets/pageArrow.png"/>
         <sidebar class="sidebarSty"></sidebar>
         <phoneAppliancesWin v-if="winShow" :product="product" @hiddenWin='winControl' :category="category" :detailName="detailName"></phoneAppliancesWin>
     </div>
         top:0.3rem;
         left: 0.3rem;
     }
+    .arrow{
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0.37rem;
+        height: 0.33rem;
+        animation: arrowAni 1s linear infinite;
+    }
+    @keyframes arrowAni {
+        0%{bottom: 0.3rem}
+        50%{bottom: 0.1rem}
+        100%{bottom: 0.3rem}
+    }
 </style>

src/views/twoCart/compliance.vue

             </div>
             <img class="imgWord4" src="../../assets/vehicle/complianceWord2.png" alt="">
         </div>
+        <img class="arrow" src="../../assets/pageArrow.png" alt="">
 
         <!-- 弹框 -->
         <div class="maskAll" v-if="showMask">
 </script>
 
 <style scoped="scoped">
+    .arrow{
+        width: 0.37rem;
+        height: 0.33rem;
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        animation: ani 1s linear infinite;
+    }
+    @keyframes ani {
+        0%{bottom:0.3rem}
+        50%{bottom:0.1rem}
+        100%{bottom:0.3rem}
+    }
     .slide{
         position: fixed;
         top: 0.3rem;

src/views/twoCart/criterion-money.vue

 				</div>
 				<img class="imgWord4" src="../../assets/vehicle/imgWord4.png" alt="">
 			</div>
+			<img class="arrow" src="../../assets/pageArrow.png" alt="">
 <!--		</div>-->
 
 		<!-- 弹框 -->
 </script>
 
 <style scoped="scoped">
+
+	.arrow{
+		width: 0.37rem;
+		height: 0.33rem;
+		position: absolute;
+		bottom: 0.3rem;
+		left: 50%;
+		transform: translateX(-50%);
+		animation: ani 1s linear infinite;
+	}
+	@keyframes ani {
+		0%{bottom:0.3rem}
+		50%{bottom:0.1rem}
+		100%{bottom:0.3rem}
+	}
 	.slide{
 		position: fixed;
 		top: 0.3rem;

src/views/twoCart/criterion-shop.vue

 			</div>
 			<img class="imgWord4" src="../../assets/vehicle/imgWord1_3_3.png" alt="">
 		</div>
+		<img class="arrow" src="../../assets/pageArrow.png" alt="">
 
 		<!-- 弹框 -->
 		<div class="maskAll" v-if="showMask">
 </script>
 
 <style scoped="scoped">
+	.arrow{
+		width: 0.37rem;
+		height: 0.33rem;
+		position: absolute;
+		bottom: 0.3rem;
+		left: 50%;
+		transform: translateX(-50%);
+		animation: ani 1s linear infinite;
+	}
+	@keyframes ani {
+		0%{bottom:0.3rem}
+		50%{bottom:0.1rem}
+		100%{bottom:0.3rem}
+	}
 	.slide{
 		position: fixed;
 		top: 0.3rem;

src/views/twoCart/criterion-showarea.vue

 			</div>
 			<img class="imgWord4" src="../../assets/vehicle/imgWord1_2_3.png" alt="">
 		</div>
+		<img class="arrow" src="../../assets/pageArrow.png" alt="">
 
 		<!-- 弹框 -->
 		<div class="maskAll" v-if="showMask">
 </script>
 
 <style scoped="scoped">
+	.arrow{
+		width: 0.37rem;
+		height: 0.33rem;
+		position: absolute;
+		bottom: 0.3rem;
+		left: 50%;
+		transform: translateX(-50%);
+		animation: ani 1s linear infinite;
+	}
+	@keyframes ani {
+		0%{bottom:0.3rem}
+		50%{bottom:0.1rem}
+		100%{bottom:0.3rem}
+	}
 	.slide{
 		position: fixed;
 		top: 0.3rem;

src/views/twoCart/high-money.vue

 			</div>
 			<img class="imgWord4" src="../../assets/vehicle/imgWord2_1_2.png" alt="">
 		</div>
+		<img class="arrow" src="../../assets/pageArrow.png" alt="">
 		<!-- 弹框 -->
 		<div class="maskAll" v-if="showMask">
 			<img class="mask1_1" src="../../assets/vehicle/mask2_1.jpg" alt="">
 </script>
 
 <style scoped="scoped">
+	.arrow{
+		width: 0.37rem;
+		height: 0.33rem;
+		position: absolute;
+		bottom: 0.3rem;
+		left: 50%;
+		transform: translateX(-50%);
+		animation: ani 1s linear infinite;
+	}
+	@keyframes ani {
+		0%{bottom:0.3rem}
+		50%{bottom:0.1rem}
+		100%{bottom:0.3rem}
+	}
 	.slide{
 		position: fixed;
 		top: 0.3rem;

src/views/twoCart/high-shop.vue

 			</div>
 			<img class="imgWord4" src="../../assets/vehicle/imgWord2_3_2.png" alt="">
 		</div>
+		<img class="arrow" src="../../assets/pageArrow.png" alt="">
 		<!-- 弹框 -->
 		<div class="maskAll" v-if="showMask">
 			<img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask2_5.jpg" alt="">
 </script>
 
 <style scoped="scoped">
+	.arrow{
+		width: 0.37rem;
+		height: 0.33rem;
+		position: absolute;
+		bottom: 0.3rem;
+		left: 50%;
+		transform: translateX(-50%);
+		animation: ani 1s linear infinite;
+	}
+	@keyframes ani {
+		0%{bottom:0.3rem}
+		50%{bottom:0.1rem}
+		100%{bottom:0.3rem}
+	}
 	.slide{
 		position: fixed;
 		top: 0.3rem;

src/views/twoCart/high-showarea.vue

 			</div>
 			<img class="imgWord4" src="../../assets/vehicle/imgWord2_2_3.png" alt="">
 		</div>
+		<img class="arrow" src="../../assets/pageArrow.png" alt="">
 		<!-- 弹框 -->
 		<div class="maskAll" v-if="showMask">
 			<img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask2_2.jpg" alt="">
 </script>
 
 <style scoped="scoped">
+	.arrow{
+		width: 0.37rem;
+		height: 0.33rem;
+		position: absolute;
+		bottom: 0.3rem;
+		left: 50%;
+		transform: translateX(-50%);
+		animation: ani 1s linear infinite;
+	}
+	@keyframes ani {
+		0%{bottom:0.3rem}
+		50%{bottom:0.1rem}
+		100%{bottom:0.3rem}
+	}
 	.slide{
 		position: fixed;
 		top: 0.3rem;