(self.webpackChunk_client_app_store=self.webpackChunk_client_app_store||[]).push([[9506],{69506:function(t,e,i){"use strict";i.d(e,{Z:function(){return k}});var n=function(){var t=this,e=t._self._c,n=t._self._setupProxy;return e("div",{staticClass:"sec_screen",class:"type_".concat(t.type)},[e("div",{staticClass:"wrap"},[t._l(n.viewList,function(i,s){return e("div",{key:s,staticClass:"item"},[i.isVideo?e("div",{staticClass:"cnt"},[e("div",{staticClass:"inner"},[e("img",{staticClass:"img",attrs:{src:i.url},on:{click:function(t){return n.showLightbox(s)}}}),t._v(" "),e(n.VideoPlay,{staticClass:"appstoreScreen_video_play",on:{click:function(t){return n.showLightbox(s)}}})],1)]):e("div",{staticClass:"cnt"},[e("div",{staticClass:"inner"},[e("img",{staticClass:"img",attrs:{src:i.url},on:{click:function(t){return n.showLightbox(s)}}})])])])}),t._v(" "),n.viewStart>0?e("div",{staticClass:"left",on:{click:n.prev}},[e(n.ChevronRight12W20H,{staticClass:"u-w12 u-h20 u-c-base_gray_050 u-rotate-180"})],1):t._e(),t._v(" "),n.viewStart+n.offset<n.itemList.length?e("div",{staticClass:"right",on:{click:n.next}},[e(n.ChevronRight12W20H,{staticClass:"u-w12 u-h20 u-c-base_gray_050"})],1):t._e()],2),t._v(" "),"phone"===t.type?e("div",{staticClass:"label_from phone"},[e(n.SvgShader,{staticClass:"icon",attrs:{"mask-class":"icon_cnt",svg:n.IconMobile}}),t._v("\n    "+i(11974).nI().t("手机端")+"\n  ")],1):e("div",{staticClass:"label_from pc"},[e(n.SvgShader,{staticClass:"icon",attrs:{"mask-class":"icon_cnt",svg:n.IconDesktop}}),t._v("\n    "+i(11974).nI().t("桌面端")+"\n  ")],1),t._v(" "),e(n.ModalWrapper,{attrs:{visible:"number"==typeof n.lightbox_index,"show-close":""},on:{close:n.closeLightbox,afterEnter:function(t){n.isModalEnter=!0}}},["number"==typeof n.lightbox_index?e("div",{staticClass:"lightBox_content",on:{click:function(t){t.stopPropagation()}}},[e("div",{staticClass:"wrapper_inner"},[n.itemList[n.lightbox_index].isVideo?e("div",{staticClass:"content u-bg-sp_bg_action_menu"},[n.isModalEnter?e(n.VideoPlayer,{ref:"videoEl",staticClass:"u-w-full u-h-full",attrs:{src:n.itemList[n.lightbox_index].video_url,autoplay:""}}):t._e()],1):e("div",{staticClass:"content u-bg-bg_white_desktop_3"},[e(n.Swiper,{staticClass:"lightBox_swiper",attrs:{max:t.imgList.length,current:n.hasVideo?n.lightbox_index-1:n.lightbox_index}},t._l(t.imgList,function(t,i){return e("div",{key:i,staticClass:"swiper-slide u-overflow-hidden"},[e("img",{staticClass:"u-object-contain u-object-center u-w-full u-h-full",attrs:{src:t}})])}),0)],1)])]):t._e()])],1)};n._withStripped=!0;var s=i(90015),r=i(1565),o=i(7064),l=i.n(o),a=i(78094),c=i.n(a),u=i(29514),f=i.n(u),v=i(91345),p=i.n(v),d=i(42813),h=i(92513),_=function(){var t=this._self._c,e=this._self._setupProxy;return t("div",{staticClass:"u-select-none",on:{click:function(t){t.stopPropagation()}}},[t("transition",{attrs:{name:"fade"}},[this.visible?t("div",{staticClass:"mask"}):this._e()]),this._v(" "),t("transition",{attrs:{appear:"",name:"zoom"},on:{beforeEnter:e.beforeEnter,afterEnter:function(t){return e.emit("afterEnter")}}},[this.visible?t("div",{staticClass:"content",on:{click:function(t){return e.emit("close")}}},[t(e.ScrollLocker,{attrs:{lock:""}},[this._t("default")],2)],1):this._e()]),this._v(" "),this.visible&&e.props.showClose?t("div",{staticClass:"close"},[t(e.WWButton,{attrs:{variant:"outline",shape:"circle"},on:{click:function(t){return e.emit("close")}}},[t(e.XMark24,{staticClass:"u-w-16 u-h-16"})],1)],1):this._e()],1)};_._withStripped=!0;var b=i(86235),g=i(89643),y=i.n(g),m=i(37505),w=(0,s.aZ)({__name:"ModalWrapper",props:{visible:{type:Boolean},showClose:{type:Boolean,default:!1}},emits:["close","afterEnter"],setup:function(t,e){var i,n=e.emit,s=function(t){i={x:t.clientX,y:t.clientY},setTimeout(function(){i=null},100)},r=function(e){t.visible&&"Escape"===e.key&&n("close")};return document.documentElement.addEventListener("click",s,!0),document.documentElement.addEventListener("keyup",r,!0),{__sfc:!0,props:t,emit:n,mousePosition:i,getClickPosition:s,onPressEsc:r,beforeEnter:function(t){var e;(null!=(e=HTMLElement)&&"undefined"!=typeof Symbol&&e[Symbol.hasInstance]?!!e[Symbol.hasInstance](t):t instanceof e)&&i&&t&&(t.style.transformOrigin="".concat(i.x-t.offsetLeft,"px ").concat(i.y-t.offsetTop,"px"))},WWButton:b.G,XMark24:y(),ScrollLocker:m.Z}}}),x=i(6080),C=(0,x.Z)(w,_,[],!1,null,"45b12852",null).exports,O=(0,s.aZ)({__name:"SectionScreen",props:{imgList:null,videoList:{default:function(){return[]}},type:{default:"phone"}},setup:function(t){var e=function(){var t,e;null===(t=b.value)||void 0===t||null===(e=t.stop)||void 0===e||e.call(t)},i=(0,s.iH)(!1),n=(0,s.iH)(),o=(0,s.iH)(0),a=(0,s.Fl)(function(){return"phone"===t.type?5:3}),u=(0,s.Fl)(function(){var e;return!!(null===(e=t.videoList)||void 0===e?void 0:e.length)}),v=(0,s.Fl)(function(){var e=[];return t.videoList&&t.videoList.forEach(function(t){e.push({isVideo:!0,url:t.screenshot_url,video_url:t.video_url})}),t.imgList&&t.imgList.forEach(function(t){e.push({isVideo:!1,url:t})}),e}),_=(0,s.Fl)(function(){return v.value.slice(o.value,o.value+a.value)});(0,s.YP)(n,function(){e()});var b=(0,s.iH)();return{__sfc:!0,props:t,isModalEnter:i,lightbox_index:n,viewStart:o,offset:a,hasVideo:u,itemList:v,viewList:_,showLightbox:function(t){n.value=t+o.value},prev:function(){o.value-=a.value},next:function(){o.value+=a.value},closeLightbox:function(){i.value=!1,n.value=null},videoEl:b,stopVideo:e,SvgShader:r.Z,ChevronRight12W20H:l(),VideoPlay:c(),IconDesktop:f(),IconMobile:p(),Swiper:d.Z,VideoPlayer:h.Z,ModalWrapper:C}}}),k=(0,x.Z)(O,n,[],!1,null,"a13ca066",null).exports},29514:function(t){t.exports={functional:!0,render:function(t,e){var i=e._c,n=(e._v,e.data),s=e.children,r=n.class,o=n.staticClass,l=n.style,a=n.staticStyle,c=n.attrs,u=function(t,e){if(null==t)return{};var i,n,s=function(t,e){if(null==t)return{};var i,n,s={},r=Object.keys(t);for(n=0;n<r.length;n++)i=r[n],e.indexOf(i)>=0||(s[i]=t[i]);return s}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(n=0;n<r.length;n++)i=r[n],!(e.indexOf(i)>=0)&&Object.prototype.propertyIsEnumerable.call(t,i)&&(s[i]=t[i])}return s}(n,["class","staticClass","style","staticStyle","attrs"]);return i("svg",function(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter(function(t){return Object.getOwnPropertyDescriptor(i,t).enumerable}))),n.forEach(function(e){var n,s;n=t,s=i[e],e in n?Object.defineProperty(n,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):n[e]=s})}return t}({class:[r,o],style:[l,a],attrs:Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},void 0===c?{}:c)},u),(void 0===s?[]:s).concat([i("g",{attrs:{"clip-path":"url(#clip0_1112_439774)"}},[i("path",{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.5 2A2.5 2.5 0 001 4.5v8A2.5 2.5 0 003.5 15h13a2.5 2.5 0 002.5-2.5v-8A2.5 2.5 0 0016.5 2h-13zM2 4.5A1.5 1.5 0 013.5 3h13A1.5 1.5 0 0118 4.5v8a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 012 12.5v-8zM5 17a.5.5 0 000 1h10a.5.5 0 000-1H5z",fill:"#000"}})]),i("defs",[i("clipPath",{attrs:{id:"clip0_1112_439774"}},[i("path",{attrs:{fill:"#fff",d:"M0 0h20v20H0z"}})])])]))}}},91345:function(t){t.exports={functional:!0,render:function(t,e){var i=e._c,n=(e._v,e.data),s=e.children,r=n.class,o=n.staticClass,l=n.style,a=n.staticStyle,c=n.attrs,u=function(t,e){if(null==t)return{};var i,n,s=function(t,e){if(null==t)return{};var i,n,s={},r=Object.keys(t);for(n=0;n<r.length;n++)i=r[n],e.indexOf(i)>=0||(s[i]=t[i]);return s}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(n=0;n<r.length;n++)i=r[n],!(e.indexOf(i)>=0)&&Object.prototype.propertyIsEnumerable.call(t,i)&&(s[i]=t[i])}return s}(n,["class","staticClass","style","staticStyle","attrs"]);return i("svg",function(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter(function(t){return Object.getOwnPropertyDescriptor(i,t).enumerable}))),n.forEach(function(e){var n,s;n=t,s=i[e],e in n?Object.defineProperty(n,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):n[e]=s})}return t}({class:[r,o],style:[l,a],attrs:Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},void 0===c?{}:c)},u),(void 0===s?[]:s).concat([i("path",{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.5 2A2.5 2.5 0 003 4.5v11A2.5 2.5 0 005.5 18h9a2.5 2.5 0 002.5-2.5v-11A2.5 2.5 0 0014.5 2h-9zM4 4.5A1.5 1.5 0 015.5 3h9A1.5 1.5 0 0116 4.5v11a1.5 1.5 0 01-1.5 1.5h-9A1.5 1.5 0 014 15.5v-11zm6 11a1 1 0 100-2 1 1 0 000 2z",fill:"#000"}})]))}}}}]);