diff --git a/src/common/utils.js b/src/common/utils.js index 14859bf..622209a 100644 --- a/src/common/utils.js +++ b/src/common/utils.js @@ -10,6 +10,7 @@ const scaleFunc = (id, scale) => { handleImgScale(id, scale) handleCooperation(id, scale) handleContactUs(id, scale) + handleSwiper(id, scale) } export const handleScreenAuto = id => { @@ -82,6 +83,25 @@ const handleContactUs = (id, scale) => { } } +const handleSwiper = (id, scale) => { + if (id == '#case_picture') { + document.querySelector('#wrapper_case_picture_id').style[ + 'transform-origin' + ] = 'center top' + document.getElementById( + 'wrapper_case_picture_id', + ).style.transform = `scale(${1 / scale})` + } + if (id == '#hardware_picture_list') { + document.querySelector('#hardware_swiper_scale_id').style[ + 'transform-origin' + ] = 'center top' + document.getElementById( + 'hardware_swiper_scale_id', + ).style.transform = `scale(${1 / scale})` + } +} + const handleCooperation = (id, scale) => { if (id == '#cooperation_container') { document.getElementById('contract_bg_coop').style['transform-origin'] = @@ -89,6 +109,8 @@ const handleCooperation = (id, scale) => { document.getElementById('contract_bg_coop').style.transform = `scale(${ 1 / scale })` + document.getElementById('contract_real_coop').style['transform-origin'] = + 'center 0' document.getElementById( 'contract_real_coop', ).style.transform = `scale(${0.8})` diff --git a/src/views/Index/components/CasePictureList/index.vue b/src/views/Index/components/CasePictureList/index.vue index 2dbb139..a70f873 100644 --- a/src/views/Index/components/CasePictureList/index.vue +++ b/src/views/Index/components/CasePictureList/index.vue @@ -57,7 +57,7 @@ >量产 -