加箭头

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>