https://fe-resource.yeelight.com/yeelight-website-china-fe/production/pc/v0.1.1/js/Model.165637c7.js

1"use strict";(self["webpackChunkyeelight_website_china_fe"]=self["webpackChunkyeelight_website_china_fe"]||[]).push([[1342],{6353:function(e,s,i){i.r(s),i.d(s,{default:function(){return f}});var t=function(){var e=this,s=e._self._c;return s("div",{staticClass:"model"},[s("div",{staticClass:"bg",on:{click:function(s){return e.$emit("close")}}}),e.device?s("div",{staticClass:"model_content"},[s("div",{staticClass:"close",on:{click:function(s){return e.$emit("close")}}}),Array.isArray(e.device.album)?s("div",{directives:[{name:"swiper",rawName:"v-swiper:mySwiper",value:e.swiperOption,expression:"swiperOption",arg:"mySwiper"}],staticClass:"swiper_album"},[s("div",{staticClass:"swiper-wrapper"},e._l(e.device.album,function(i,t){return s("div",{key:t,staticClass:"swiper-slide"},[s("img",{attrs:{src:e.getConsumerGradeOssPath(i)}})])}),0),s("div",{staticClass:"process"},e._l(e.device.album.length,function(e){return s("circle-process",{key:e,ref:"circleProcess",refInFor:!0,attrs:{radius:18}})}),1)]):e._e(),s("div",{staticClass:"text"},[s("div",{staticClass:"title"},[e._v(e._s(e.device.name))]),s("div",{staticClass:"content",domProps:{innerHTML:e._s(e.device.content)}}),s("a",{staticClass:"btn",attrs:{target:"_blank",href:e.device.link}},[e._v("立即购买")])])]):e._e()])},r=[],a=(i(49424),i(20781),i(39254)),n=function(){var e=this,s=e._self._c;return s("svg",{staticClass:"circle_process",attrs:{width:e.radius+2,height:e.radius+2,viewBox:`0 0 ${e.radius+2} ${e.radius+2}`}},[s("circle",{attrs:{id:"circle-bg",cx:.5*e.radius+1,cy:.5*e.radius+1,r:.5*e.radius}}),s("circle",{attrs:{id:"circle",cx:.5*e.radius+1,cy:.5*e.radius+1,r:.5*e.radius,"stroke-dasharray":e.strokeDasharray}})])},c=[],o=(i(70646),{name:"CircleProcess",props:{radius:{type:Number,default:26}},data(){return{process:50,now:0,anim:null}},computed:{strokeDasharray(){const e=this.process/100,s=2*Math.PI*this.radius;return`${s*e*.5} ${s}`}},methods:{play(e=3e3){this.now=Date.now(),this.process=0;const s=100,i=()=>{const t=Date.now(),r=t-this.now;this.process+=s*(r/e),this.now=t,this.process>=100?this.anim&&cancelAnimationFrame(this.anim):this.anim=requestAnimationFrame(i)};i()},reset(){this.anim&&cancelAnimationFrame(this.anim),this.process=0,this.anim=null}}}),l=o,d=i(73080),u=(0,d.A)(l,n,c,!1,null,"79c9a4d4",null),p=u.exports,h=i(80811),m={name:"Model",directives:{swiper:a.directive},components:{CircleProcess:p},mixins:[h.A],props:{device:{type:Object,default(){return{}}}},data(){return{swiperOption:{loop:!0,autoplay:{delay:3e3,disableOnInteraction:!1},on:{slideChangeTransitionEnd:()=>{this.onSwiperChange()}}}}},methods:{onSwiperChange(){const{circleProcess:e}=this.$refs,s=this.mySwiper&&this.mySwiper.realIndex,i=e[s||0];i&&e.forEach(e=>e.reset()),i.play()}}},v=m,w=(0,d.A)(v,t,r,!1,null,"70571772",null),f=w.exports}}]);