|
|
@ -68,6 +68,8 @@ |
|
|
|
<li><img class="pic" :src="A4" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A5" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A6" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A7" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A8" alt="" /></li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
<div |
|
|
@ -75,15 +77,9 @@ |
|
|
|
id="hard_scroll_container_case_2" |
|
|
|
> |
|
|
|
<ul> |
|
|
|
<li><img class="pic" :src="A7" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A8" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A9" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A10" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A11" alt="" /></li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
<div class="scroll_container_case" id="hard_scroll_container_case_3"> |
|
|
|
<ul> |
|
|
|
<li><img class="pic" :src="A12" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A13" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A14" alt="" /></li> |
|
|
@ -91,6 +87,19 @@ |
|
|
|
<li><img class="pic" :src="A16" alt="" /></li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
<div class="scroll_container_case" id="hard_scroll_container_case_3"> |
|
|
|
<ul> |
|
|
|
<li><img class="pic" :src="A17" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A18" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A19" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A20" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A21" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A22" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A23" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A24" alt="" /></li> |
|
|
|
<li><img class="pic" :src="A25" alt="" /></li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
<p class="zhezhao_right"></p> |
|
|
|
<p class="zhezhao_left"></p> |
|
|
|
</div> |
|
|
@ -102,22 +111,31 @@ |
|
|
|
import Back from '@/assets/img/case/biaotiback.png' |
|
|
|
import CountTo from 'cpns/CountTo' |
|
|
|
import { ref, onMounted } from 'vue' |
|
|
|
import A1 from '@/assets/img/case/anli1.png' |
|
|
|
import A2 from '@/assets/img/case/anli2.png' |
|
|
|
import A3 from '@/assets/img/case/anli3.png' |
|
|
|
import A4 from '@/assets/img/case/anli4.png' |
|
|
|
import A5 from '@/assets/img/case/anli5.png' |
|
|
|
import A6 from '@/assets/img/case/anli6.png' |
|
|
|
import A7 from '@/assets/img/case/anli7.png' |
|
|
|
import A8 from '@/assets/img/case/anli8.png' |
|
|
|
import A9 from '@/assets/img/case/anli9.png' |
|
|
|
import A10 from '@/assets/img/case/anli10.png' |
|
|
|
import A11 from '@/assets/img/case/anli11.png' |
|
|
|
import A12 from '@/assets/img/case/anli12.png' |
|
|
|
import A13 from '@/assets/img/case/anli13.png' |
|
|
|
import A14 from '@/assets/img/case/anli14.png' |
|
|
|
import A15 from '@/assets/img/case/anli15.png' |
|
|
|
import A16 from '@/assets/img/case/anli16.png' |
|
|
|
import A1 from '@/assets/img/harddetail/01.png' |
|
|
|
import A2 from '@/assets/img/harddetail/02.png' |
|
|
|
import A3 from '@/assets/img/harddetail/03.png' |
|
|
|
import A4 from '@/assets/img/harddetail/04.png' |
|
|
|
import A5 from '@/assets/img/harddetail/05.png' |
|
|
|
import A6 from '@/assets/img/harddetail/06.png' |
|
|
|
import A7 from '@/assets/img/harddetail/07.png' |
|
|
|
import A8 from '@/assets/img/harddetail/08.png' |
|
|
|
import A9 from '@/assets/img/harddetail/09.png' |
|
|
|
import A10 from '@/assets/img/harddetail/10.png' |
|
|
|
import A11 from '@/assets/img/harddetail/11.png' |
|
|
|
import A12 from '@/assets/img/harddetail/12.png' |
|
|
|
import A13 from '@/assets/img/harddetail/13.png' |
|
|
|
import A14 from '@/assets/img/harddetail/14.png' |
|
|
|
import A15 from '@/assets/img/harddetail/15.png' |
|
|
|
import A16 from '@/assets/img/harddetail/16.png' |
|
|
|
import A17 from '@/assets/img/harddetail/17.png' |
|
|
|
import A18 from '@/assets/img/harddetail/18.png' |
|
|
|
import A19 from '@/assets/img/harddetail/19.png' |
|
|
|
import A20 from '@/assets/img/harddetail/20.png' |
|
|
|
import A21 from '@/assets/img/harddetail/21.png' |
|
|
|
import A22 from '@/assets/img/harddetail/22.png' |
|
|
|
import A23 from '@/assets/img/harddetail/23.png' |
|
|
|
import A24 from '@/assets/img/harddetail/24.png' |
|
|
|
import A25 from '@/assets/img/harddetail/25.png' |
|
|
|
// Import Swiper Vue.js components |
|
|
|
import { Swiper, SwiperSlide } from 'swiper/vue' |
|
|
|
import { Autoplay } from 'swiper' |
|
|
|