{"version":3,"sources":["webpack:///./src/components/home/public/vue-piczoom.vue?c670","webpack:///./src/components/home/public/vue-piczoom.vue?06fb","webpack:///src/components/home/public/vue-piczoom.vue","webpack:///./src/components/home/public/vue-piczoom.vue?c6f1","webpack:///./src/components/home/public/vue-piczoom.vue","webpack:///./src/views/Home/integral/goods/info.vue?e6d2","webpack:///src/views/Home/integral/goods/info.vue","webpack:///./src/views/Home/integral/goods/info.vue?2edc","webpack:///./src/views/Home/integral/goods/info.vue","webpack:///./src/views/Home/integral/goods/info.vue?b306"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","moveEvent","mouseMove","leaveEvent","mouseLeave","ref","staticStyle","attrs","lazyload","imgLoadedFlag","url","imgLoaded","hideZoom","hideSelector","_e","class","type","style","imgSelectorStyle","imgSelectorSize","imgSelectorPosition","outShow","imgBg","imgBgSize","imgBgPosition","_t","directives","name","rawName","value","hideOutShow","expression","baseline","imgOutShowSize","imgOutShowPosition","staticRenderFns","props","String","highUrl","width","Number","default","validator","indexOf","selectorStyle","Object","outShowStyle","scale","Boolean","MouseEvent","pointer","data","selector","top","left","bgTop","bgLeft","rightBound","bottomBound","absoluteLeft","absoluteTop","imgInfo","$img","screenWidth","document","body","clientWidth","outShowInitTop","outShowTop","highImgLoadedFlag","timer","watch","e","handlerUrlChange","initSelectorProperty","n","val","setTimeout","clearTimeout","computed","addWidth","height","right","backgroundImage","backgroundSize","backgroundPosition","created","mounted","$refs","methods","loadImg","Promise","img","addEventListener","resolve","reject","src","JSON","stringify","resetOutShowInitPosition","$emit","scrollTop","y","x","selectorWidth","selectorHalfWidth","scrollLeft","reset","assign","component","cart_change","path","_v","_l","goods_info","v","k","key","_s","goods_name","goods_images_thumb","chose_img_pos","goods_images","pre_img","click_silde_img","next_img","goods_price","goods_market_price","goods_sale_num","change_buy_num","domProps","target","composing","buy_num","goods_num","buy","model","callback","$$v","activeName","goods_content"],"mappings":"kHAAA,W,kCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgBC,GAAG,CAAC,UAAY,SAASC,IAASR,EAAIS,WAAaT,EAAIU,UAAUF,IAAS,WAAa,SAASA,IAASR,EAAIW,YAAcX,EAAIY,WAAWJ,MAAW,CAACJ,EAAG,MAAM,CAACS,IAAI,MAAMC,YAAY,CAAC,MAAQ,QAAQC,MAAM,CAAC,IAAOf,EAAIgB,SAAsBhB,EAAIiB,eAAiBjB,EAAIkB,IAApClB,EAAIkB,KAAsCX,GAAG,CAAC,KAAO,SAASC,IAASR,EAAIgB,UAAYhB,EAAImB,UAAUX,OAAcR,EAAIoB,WAAYpB,EAAIiB,eAAiBjB,EAAIqB,aAAoRrB,EAAIsB,KAA1QlB,EAAG,MAAM,CAACmB,MAAM,CAAC,eAAgB,CAAC,OAAuB,WAAbvB,EAAIwB,OAAoBC,MAAM,CAAEzB,EAAI0B,iBAAkB1B,EAAI2B,gBAAiB3B,EAAI4B,qBAAsB5B,EAAI6B,SAAW7B,EAAI8B,OAAQ9B,EAAI6B,SAAW7B,EAAI+B,WAAY/B,EAAI6B,SAAW7B,EAAIgC,gBAAiB,CAAChC,EAAIiC,GAAG,YAAY,GAAajC,EAAW,QAAEI,EAAG,MAAM,CAAC8B,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQrC,EAAIsC,YAAaC,WAAW,iBAAiBhB,MAAM,CAAC,eAAgB,CAAC,YAAavB,EAAIwC,WAAWf,MAAM,CAAEzB,EAAIyC,eAAgBzC,EAAI0C,mBAAoB1C,EAAI8B,MAAO9B,EAAI+B,UAAW/B,EAAIgC,gBAAiB,CAAEhC,EAAW,QAAEI,EAAG,MAAM,CAACE,YAAY,uBAAuBN,EAAIsB,OAAOtB,EAAIsB,UAC1pCqB,EAAkB,GC+BtB,G,UAAA,CACER,KAAM,qBACNS,MAAO,CACL1B,IAAK2B,OACLC,QAASD,OACTE,MAAO,CACLvB,KAAMwB,OACNC,QAAS,KAEXzB,KAAM,CACJA,KAAMqB,OACNI,QAAS,SACTC,UAAW,SAAjB,GACQ,OAAgD,IAAzC,CAAC,SAAU,UAAUC,QAAQd,KAGxCe,cAAe,CACb5B,KAAM6B,OACNJ,QAFN,WAGQ,MAAO,KAGXK,aAAc,GACdC,MAAO,CACL/B,KAAMwB,OACNC,QAAS,GAEXjC,SAAU,CACRQ,KAAMgC,QACNP,SAAS,GAEXxC,UAAW,CACTe,KAAM,CAAC6B,OAAQI,YACfR,QAAS,MAEXtC,WAAY,CACVa,KAAM,CAAC6B,OAAQI,YACfR,QAAS,MAEX7B,SAAU,CACRI,KAAMgC,QACNP,SAAS,GAEXpB,QAAS,CACPL,KAAMgC,QACNP,SAAS,GAEXS,QAAS,CACPlC,KAAMgC,QACNP,SAAS,GAEXT,SAAU,CACRhB,KAAMgC,QACNP,SAAS,IAGbU,KAxDF,WAyDI,MAAO,CACLC,SAAU,CACRb,MAAO9C,KAAK8C,MACZc,IAAK,EACLC,KAAM,EACNC,MAAO,EACPC,OAAQ,EACRC,WAAY,EACZC,YAAa,EACbC,aAAc,EACdC,YAAa,GAEfC,QAAS,GACTC,KAAM,KACNC,YAAaC,SAASC,KAAKC,YAC3BC,eAAgB,EAChBC,WAAY,EACZtC,aAAa,EACbrB,eAAe,EACf4D,mBAAmB,EACnBxD,cAAc,EACdyD,MAAO,OAGXC,MAAO,CACLtE,UADJ,SACA,GACMR,KAAKS,UAAUsE,IAEjBrE,WAJJ,SAIA,GACMV,KAAKW,WAAWoE,IAElB9D,IAPJ,WAQMjB,KAAKgF,oBAEPlC,MAVJ,SAUA,GACM9C,KAAKiF,qBAAqBC,IAE5BZ,YAbJ,SAaA,cACWtE,KAAK6E,QACR7E,KAAKsE,YAAca,EACnBnF,KAAK6E,MAAQO,YAAW,WACtB,EAAV,YACUC,aAAa,EAAvB,OACU,EAAV,aACA,QAIEC,SAAU,CACRC,SADJ,WAEM,OAAQvF,KAAK4B,QAAnB,EAA6B,KAA7B,wBAEID,oBAJJ,WAIA,MACA,gBADA,EACA,MADA,EACA,KACM,MAAO,CACLiC,IAAK,GAAb,eACQC,KAAM,GAAd,iBAGInC,gBAXJ,WAYM,IAAN,sBACM,MAAO,CACLoB,MAAO,GAAf,eACQ0C,OAAQ,GAAhB,iBAGI/D,iBAlBJ,WAmBM,OAAOzB,KAAKmD,eAEdX,eArBJ,WAqBA,IAEA,EAEA,KAFA,MACA,EACA,KADA,eAEM,MAAO,CACLM,MAAO,GAAf,iBACQ0C,OAAQ,GAAhB,mBAGI/C,mBA/BJ,WAgCM,MAAO,CACLmB,IAAK,GAAb,6BACQ6B,MAAO,GAAf,kBAGI5D,MArCJ,WAsCM,MAAO,CACL6D,gBAAiB,OAAzB,qCAGI5D,UA1CJ,WA0CA,IAEA,EAEA,KAFA,MAFA,EAIA,KADA,UAHA,EAGA,SAHA,EAGA,MAEM,MAAO,CACL6D,eAAgB,GAAxB,qCAGI5D,cAnDJ,WAmDA,MACA,gBADA,EACA,SADA,EACA,MACM,MAAO,CACL6D,mBAAoB,GAA5B,kCAIEC,QAnKF,WAoKI7F,KAAKiB,KAAOjB,KAAKe,UAAYf,KAAKgF,oBAEpCc,QAtKF,WAuKI9F,KAAKqE,KAAOrE,KAAK+F,MAAM,QAEzBC,QAAS,CACPhB,iBADJ,WAEMhF,KAAKgB,eAAgB,EACrBhB,KAAKe,UACX,wDAAQ,OAAR,qBAEIkF,QANJ,SAMA,GACM,OAAO,IAAIC,SAAQ,SAAzB,KACQ,IAAR,gCACQC,EAAIC,iBAAiB,OAAQC,GAC7BF,EAAIC,iBAAiB,QAASE,GAC9BH,EAAII,IAAMtF,MAGdC,UAdJ,WAeM,IAAN,oCACUsF,KAAKC,UAAUzG,KAAKoE,UAAYoC,KAAKC,UAAUrC,KACjDpE,KAAKoE,QAAUA,EACfpE,KAAKiF,qBAAqBjF,KAAK8C,OAC/B9C,KAAK0G,4BAEF1G,KAAKgB,gBACRhB,KAAKgB,eAAgB,EACrBhB,KAAK2G,MAAM,UAAWvC,KAG1B3D,UA1BJ,SA0BA,GACM,IAAKT,KAAKmB,UAAYnB,KAAKgB,cAAe,CACxChB,KAAKkB,YADb,IAEA,gCACA,4DACA,GADA,uBACA,qBACA,MACA,gEACA,MACA,MACYU,IACG8C,IACHA,EAAiB1E,KAAK0E,eAAiBkC,EAAY5G,KAAKoE,QAAQR,KAElE5D,KAAKqC,cAAgBrC,KAAKqC,aAAc,GACxCrC,KAAK2E,WACf,WAEQ3E,KAAKoB,eAAiBpB,KAAKoB,cAAe,GAC1CuC,EAASC,IAAMiD,EAAI,EAAI,EAA/B,QACQlD,EAASE,KAAOiD,EAAI,EAAI,EAAhC,QACQnD,EAASI,OAASwB,EAAWuB,EAAIxD,EACjCK,EAASG,MAAQyB,EAAWsB,EAAIvD,IAGpC2B,qBAnDJ,SAmDA,GACM,IAAN,MACA,gBAFA,EAGA,eAHA,EAGA,QAHA,EAGA,SAHA,EAGA,OAHA,EAGA,IACA,kFACA,oFACMtB,EAASb,MAAQiE,EACjBpD,EAASK,WAAalB,EAAQiE,EAC9BpD,EAASM,YAAcuB,EAASuB,EAChCpD,EAASO,aAAeL,EAAOmD,EAAoBC,EACnDtD,EAASQ,YAAcP,EAAMoD,EAAoBJ,GAEnDjG,WA/DJ,WAgEMX,KAAKoB,cAAe,EAChBpB,KAAK4B,UACP5B,KAAKqC,aAAc,IAGvB6E,MArEJ,WAsEM9D,OAAO+D,OAAOnH,KAAK2D,SAAU,CAC3BC,IAAK,EACLC,KAAM,EACNE,OAAQ,EACRD,MAAO,IAET9D,KAAK0G,4BAEPA,yBA9EJ,WA+EM1G,KAAK0E,eAAiB,MCxRuV,I,wBCQ/W0C,EAAY,eACd,EACAtH,EACA4C,GACA,EACA,KACA,WACA,MAIa,OAAA0E,E,yECnBf,IAAItH,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,WAAW,CAACW,MAAM,CAAC,aAAc,EAAM,cAAe,EAAK,YAAcf,EAAIsH,gBAAgB,GAAGlH,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,gBAAgB,CAACW,MAAM,CAAC,UAAY,MAAM,CAACX,EAAG,qBAAqB,CAACW,MAAM,CAAC,GAAK,CAAEwG,KAAM,OAAQ,CAACvH,EAAIwH,GAAG,UAAUxH,EAAIyH,GAAIzH,EAAI0H,WAAqB,YAAE,SAASC,EAAEC,GAAG,OAAOxH,EAAG,qBAAqB,CAACyH,IAAID,GAAG,CAAC5H,EAAIwH,GAAGxH,EAAI8H,GAAGH,EAAExF,YAAW/B,EAAG,qBAAqB,CAACJ,EAAIwH,GAAGxH,EAAI8H,GAAG9H,EAAI0H,WAAWK,gBAAgB,IAAI,GAAG3H,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,WAAW,CAACW,MAAM,CAAC,IAAMf,EAAIgI,mBAAmBhI,EAAIiI,eAAe,QAAUjI,EAAIkI,aAAalI,EAAIiI,mBAAmB,GAAG7H,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAImI,aAAa,CAAC/H,EAAG,IAAI,CAACE,YAAY,yBAAyBF,EAAG,KAAKJ,EAAIyH,GAAIzH,EAAI0H,WAAiC,wBAAE,SAASC,EAAEC,GAAG,OAAOxH,EAAG,KAAK,CAACyH,IAAID,EAAErG,MAAMvB,EAAIiI,eAAeL,EAAE,eAAe,GAAGrH,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIoI,gBAAgBR,MAAM,CAACxH,EAAG,MAAM,CAACW,MAAM,CAAC,IAAM4G,EAAE,IAAM,WAAU,GAAGvH,EAAG,MAAM,CAACE,YAAY,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIqI,cAAc,CAACjI,EAAG,IAAI,CAACE,YAAY,8BAA8BF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACN,EAAIwH,GAAGxH,EAAI8H,GAAG9H,EAAI0H,WAAWK,YAAY,UAAU,oBAAoB3H,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,OAAO,CAACJ,EAAIwH,GAAG,WAAWxH,EAAIwH,GAAGxH,EAAI8H,GAAG9H,EAAI0H,WAAWY,aAAa,QAAQ,KAAKlI,EAAG,OAAO,CAACU,YAAY,CAAC,YAAY,SAAS,CAACd,EAAIwH,GAAG,SAAS,GAAGpH,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,OAAO,CAACJ,EAAIwH,GAAG,UAAUpH,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACN,EAAIwH,GAAG,IAAIxH,EAAI8H,GAAG9H,EAAI0H,WAAWa,oBAAoB,QAAWnI,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIwH,GAAG,QAAQpH,EAAG,OAAO,CAACW,MAAM,CAAC,MAAQ,YAAY,CAACf,EAAIwH,GAAGxH,EAAI8H,GAAG9H,EAAI0H,WAAWc,oBAAoB,KAAKpI,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACN,EAAIwH,GAAG,WAAWpH,EAAG,MAAM,CAACE,YAAY,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIyI,gBAAe,MAAU,CAACrI,EAAG,IAAI,CAACE,YAAY,oBAAoBF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,QAAQ,CAAC8B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOrC,EAAW,QAAEuC,WAAW,YAAYxB,MAAM,CAAC,KAAO,OAAO,MAAQ,KAAK2H,SAAS,CAAC,MAAS1I,EAAW,SAAGO,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOmI,OAAOC,YAAqB5I,EAAI6I,QAAQrI,EAAOmI,OAAOtG,aAAYjC,EAAG,MAAM,CAACE,YAAY,qBAAqBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIyI,gBAAe,MAAS,CAACrI,EAAG,IAAI,CAACE,YAAY,mBAAmBF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACN,EAAIwH,GAAG,KAAKxH,EAAI8H,GAAG9H,EAAI0H,WAAWoB,WAAW,SAAS1I,EAAG,MAAM,CAACE,YAAY,YAAYF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAI+I,SAAS,CAAC3I,EAAG,IAAI,CAACE,YAAY,iBAAiB,CAACN,EAAIwH,GAAG,OAAOxH,EAAIwH,GAAG,cAAcpH,EAAG,MAAM,CAACE,YAAY,YAAYF,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,UAAU,CAAC4I,MAAM,CAAC3G,MAAOrC,EAAc,WAAEiJ,SAAS,SAAUC,GAAMlJ,EAAImJ,WAAWD,GAAK3G,WAAW,eAAe,CAACnC,EAAG,cAAc,CAACW,MAAM,CAAC,MAAQ,SAAS,KAAO,UAAU,CAACX,EAAG,MAAM,CAACE,YAAY,qBAAqBoI,SAAS,CAAC,UAAY1I,EAAI8H,GAAG9H,EAAI0H,WAAW0B,qBAAqB,IAAI,KAAKhJ,EAAG,aAAaA,EAAG,eAAe,IACjqHuC,EAAkB,G,gDCwEtB,GACE,WAAF,CACI,QAAJ,OACI,QAAJ,OACI,SAAJ,QAEE,MAAF,GACE,KAPF,WAQI,MAAJ,CACM,WAAN,QACM,SAAN,EACM,WAAN,CACQ,uBAAR,6BAEM,WAAN,GACM,QAAN,EACM,cAAN,EACM,mBAAN,4BACM,aAAN,GACM,YAAN,EACM,QAAN,EACM,cAAN,EACM,YAAN,EACM,cAAN,KAIE,MAAF,CAEI,QAAJ,aACA,oCACA,+BACU,KAAV,4BACU,KAAV,qCAKE,SAAF,GACE,QAAF,CAGI,gBAAJ,YACM,KAAN,iBAEI,QAAJ,WACA,sBACQ,KAAR,oDAEQ,KAAR,kBAGI,SAAJ,WACA,0DACQ,KAAR,gBAEQ,KAAR,kBAII,eAAJ,YACM,GAAN,GACQ,GAAR,yCACU,OAAV,4BAEQ,KAAR,eACA,CACQ,GAAR,gBACU,OAAV,iCAEQ,KAAR,aAMI,IAAJ,WACM,IAAN,sCACM,KAAN,iDAII,oBAAJ,YAAM,IAAN,OACM,KAAN,iBACM,EAAN,qBACQ,EAAR,0BAII,oBAAJ,YACM,KAAN,eACM,KAAN,oBAGI,eAAJ,WAAM,IAAN,OACM,KAAN,yEACQ,EAAR,kBACQ,EAAR,6CACQ,EAAR,iCACQ,EAAR,eAKE,QAxGF,WA0GI,GADA,KAAJ,+BACA,6BACM,OAAN,iCAEI,KAAJ,kBAEE,QA/GF,cCzE2X,I,wBCQvX0E,EAAY,eACd,EACAtH,EACA4C,GACA,EACA,KACA,WACA,MAIa,aAAA0E,E,kECnBf","file":"js/chunk-39fd95b6.1aeba8f1.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./vue-piczoom.vue?vue&type=style&index=0&id=88097ea6&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pic-img\"},[_c('div',{staticClass:\"img-container\",on:{\"mousemove\":function($event){!_vm.moveEvent && _vm.mouseMove($event)},\"mouseleave\":function($event){!_vm.leaveEvent && _vm.mouseLeave($event)}}},[_c('img',{ref:\"img\",staticStyle:{\"width\":\"100%\"},attrs:{\"src\":!_vm.lazyload ? _vm.url : (_vm.imgLoadedFlag && _vm.url)},on:{\"load\":function($event){!_vm.lazyload && _vm.imgLoaded($event)}}}),(!_vm.hideZoom && _vm.imgLoadedFlag &&!_vm.hideSelector)?_c('div',{class:['img-selector', {'circle': _vm.type === 'circle'}],style:([_vm.imgSelectorStyle, _vm.imgSelectorSize, _vm.imgSelectorPosition, !_vm.outShow && _vm.imgBg, !_vm.outShow && _vm.imgBgSize, !_vm.outShow && _vm.imgBgPosition])},[_vm._t(\"default\")],2):_vm._e(),(_vm.outShow)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.hideOutShow),expression:\"!hideOutShow\"}],class:['img-out-show', {'base-line': _vm.baseline}],style:([_vm.imgOutShowSize, _vm.imgOutShowPosition, _vm.imgBg, _vm.imgBgSize, _vm.imgBgPosition])},[(_vm.pointer)?_c('div',{staticClass:\"img-selector-point\"}):_vm._e()]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"pic-img\">\r\n    <div\r\n      class=\"img-container\"\r\n      @mousemove=\"!moveEvent && mouseMove($event)\"\r\n      @mouseleave=\"!leaveEvent && mouseLeave($event)\"\r\n    >\r\n      <img\r\n        ref=\"img\"\r\n        @load=\"!lazyload && imgLoaded($event)\"\r\n        :src=\"!lazyload ? url : (imgLoadedFlag && url)\"\r\n        style=\"width:100%\"\r\n      />\r\n      <div\r\n        v-if=\"!hideZoom && imgLoadedFlag &&!hideSelector\"\r\n        :class=\"['img-selector', {'circle': type === 'circle'}]\"\r\n        :style=\"[imgSelectorStyle, imgSelectorSize, imgSelectorPosition, !outShow && imgBg, !outShow && imgBgSize, !outShow && imgBgPosition]\"\r\n      >\r\n        <slot></slot>\r\n      </div>\r\n      <div\r\n        v-if=\"outShow\"\r\n        v-show=\"!hideOutShow\"\r\n        :class=\"['img-out-show', {'base-line': baseline}]\"\r\n        :style=\"[imgOutShowSize, imgOutShowPosition, imgBg, imgBgSize, imgBgPosition]\"\r\n      >\r\n        <div v-if=\"pointer\" class=\"img-selector-point\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: \"vue-photo-zoom-pro\",\r\n  props: {\r\n    url: String,\r\n    highUrl: String,\r\n    width: {\r\n      type: Number,\r\n      default: 133\r\n    },\r\n    type: {\r\n      type: String,\r\n      default: \"square\",\r\n      validator: function (value) {\r\n        return [\"circle\", \"square\"].indexOf(value) !== -1;\r\n      }\r\n    },\r\n    selectorStyle: {\r\n      type: Object,\r\n      default () {\r\n        return {};\r\n      }\r\n    },\r\n    outShowStyle: {},\r\n    scale: {\r\n      type: Number,\r\n      default: 3\r\n    },\r\n    lazyload: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    moveEvent: {\r\n      type: [Object, MouseEvent],\r\n      default: null\r\n    },\r\n    leaveEvent: {\r\n      type: [Object, MouseEvent],\r\n      default: null\r\n    },\r\n    hideZoom: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    outShow: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    pointer: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    baseline: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      selector: {\r\n        width: this.width,\r\n        top: 0,\r\n        left: 0,\r\n        bgTop: 0,\r\n        bgLeft: 0,\r\n        rightBound: 0,\r\n        bottomBound: 0,\r\n        absoluteLeft: 0,\r\n        absoluteTop: 0\r\n      },\r\n      imgInfo: {},\r\n      $img: null,\r\n      screenWidth: document.body.clientWidth,\r\n      outShowInitTop: 0,\r\n      outShowTop: 0,\r\n      hideOutShow: true,\r\n      imgLoadedFlag: false,\r\n      highImgLoadedFlag: false,\r\n      hideSelector: true,\r\n      timer: null\r\n    };\r\n  },\r\n  watch: {\r\n    moveEvent (e) {\r\n      this.mouseMove(e);\r\n    },\r\n    leaveEvent (e) {\r\n      this.mouseLeave(e);\r\n    },\r\n    url () {\r\n      this.handlerUrlChange();\r\n    },\r\n    width (n) {\r\n      this.initSelectorProperty(n);\r\n    },\r\n    screenWidth (val) {\r\n      if (!this.timer) {\r\n        this.screenWidth = val;\r\n        this.timer = setTimeout(() => {\r\n          this.imgLoaded();\r\n          clearTimeout(this.timer);\r\n          this.timer = null;\r\n        }, 400);\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    addWidth () {\r\n      return !this.outShow ? (this.width / 2) * (1 - this.scale) : 0;\r\n    },\r\n    imgSelectorPosition () {\r\n      let { top, left } = this.selector;\r\n      return {\r\n        top: `${top}px`,\r\n        left: `${left}px`\r\n      };\r\n    },\r\n    imgSelectorSize () {\r\n      let width = this.selector.width;\r\n      return {\r\n        width: `${width}px`,\r\n        height: `${width}px`\r\n      };\r\n    },\r\n    imgSelectorStyle () {\r\n      return this.selectorStyle;\r\n    },\r\n    imgOutShowSize () {\r\n      let {\r\n        scale,\r\n        selector: { width }\r\n      } = this;\r\n      return {\r\n        width: `${width * scale}px`,\r\n        height: `${width * scale}px`\r\n      };\r\n    },\r\n    imgOutShowPosition () {\r\n      return {\r\n        top: `${this.outShowTop}px`,\r\n        right: `${-8}px`\r\n      };\r\n    },\r\n    imgBg () {\r\n      return {\r\n        backgroundImage: `url(${this.highUrl || this.url})`\r\n      };\r\n    },\r\n    imgBgSize () {\r\n      let {\r\n        scale,\r\n        imgInfo: { height, width }\r\n      } = this;\r\n      return {\r\n        backgroundSize: `${width * scale}px ${height * scale}px`\r\n      };\r\n    },\r\n    imgBgPosition () {\r\n      let { bgLeft, bgTop } = this.selector;\r\n      return {\r\n        backgroundPosition: `${bgLeft}px ${bgTop}px`\r\n      };\r\n    }\r\n  },\r\n  created () {\r\n    this.url && this.lazyload && this.handlerUrlChange();\r\n  },\r\n  mounted () {\r\n    this.$img = this.$refs[\"img\"];\r\n  },\r\n  methods: {\r\n    handlerUrlChange () {\r\n      this.imgLoadedFlag = false;\r\n      this.lazyload &&\r\n        this.loadImg(this.url).then(this.imgLoaded, err => console.error(err));\r\n    },\r\n    loadImg (url) {\r\n      return new Promise((resolve, reject) => {\r\n        const img = document.createElement(\"img\");\r\n        img.addEventListener(\"load\", resolve);\r\n        img.addEventListener(\"error\", reject);\r\n        img.src = url;\r\n      });\r\n    },\r\n    imgLoaded () {\r\n      let imgInfo = this.$img.getBoundingClientRect();\r\n      if (JSON.stringify(this.imgInfo) != JSON.stringify(imgInfo)) {\r\n        this.imgInfo = imgInfo;\r\n        this.initSelectorProperty(this.width);\r\n        this.resetOutShowInitPosition();\r\n      }\r\n      if (!this.imgLoadedFlag) {\r\n        this.imgLoadedFlag = true;\r\n        this.$emit(\"created\", imgInfo);\r\n      }\r\n    },\r\n    mouseMove (e) {\r\n      if (!this.hideZoom && this.imgLoadedFlag) {\r\n        this.imgLoaded();\r\n        const { pageX, pageY, clientY } = e;\r\n        const { scale, selector, outShow, addWidth, outShowAutoScroll } = this;\r\n        let { outShowInitTop } = this;\r\n        const scrollTop = pageY - clientY;\r\n        const { absoluteLeft, absoluteTop, rightBound, bottomBound } = selector;\r\n        const x = pageX - absoluteLeft; // 选择器的x坐标 相对于图片\r\n        const y = pageY - absoluteTop; // 选择器的y坐标\r\n        if (outShow) {\r\n          if (!outShowInitTop) {\r\n            outShowInitTop = this.outShowInitTop = scrollTop + this.imgInfo.top;\r\n          }\r\n          this.hideOutShow && (this.hideOutShow = false);\r\n          this.outShowTop =\r\n            scrollTop > outShowInitTop ? scrollTop - outShowInitTop : 0;\r\n        }\r\n        this.hideSelector && (this.hideSelector = false);\r\n        selector.top = y > 0 ? (y < bottomBound ? y : bottomBound) : 0;\r\n        selector.left = x > 0 ? (x < rightBound ? x : rightBound) : 0;\r\n        selector.bgLeft = addWidth - x * scale; // 选择器图片的坐标位置\r\n        selector.bgTop = addWidth - y * scale;\r\n      }\r\n    },\r\n    initSelectorProperty (selectorWidth) {\r\n      const selectorHalfWidth = selectorWidth / 2;\r\n      const selector = this.selector;\r\n      const { width, height, left, top } = this.imgInfo;\r\n      const scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;\r\n      const scrollLeft = document.documentElement.scrollLeft || window.pageXOffset || document.body.scrollLeft;\r\n      selector.width = selectorWidth;\r\n      selector.rightBound = width - selectorWidth;\r\n      selector.bottomBound = height - selectorWidth;\r\n      selector.absoluteLeft = left + selectorHalfWidth + scrollLeft;\r\n      selector.absoluteTop = top + selectorHalfWidth + scrollTop;\r\n    },\r\n    mouseLeave () {\r\n      this.hideSelector = true;\r\n      if (this.outShow) {\r\n        this.hideOutShow = true;\r\n      }\r\n    },\r\n    reset () {\r\n      Object.assign(this.selector, {\r\n        top: 0,\r\n        left: 0,\r\n        bgLeft: 0,\r\n        bgTop: 0\r\n      });\r\n      this.resetOutShowInitPosition();\r\n    },\r\n    resetOutShowInitPosition () {\r\n      this.outShowInitTop = 0;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.img-container {\r\n  position: relative;\r\n}\r\n.img-selector {\r\n  position: absolute;\r\n  cursor: crosshair;\r\n  border: 1px solid rgba(0, 0, 0, 0.1);\r\n  background-repeat: no-repeat;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n}\r\n.img-selector.circle {\r\n  border-radius: 50%;\r\n}\r\n.img-out-show {\r\n  position: absolute;\r\n  background-repeat: no-repeat;\r\n  transform: translate(100%, 0);\r\n  border: 1px solid rgba(0, 0, 0, 0.1);\r\n  z-index: 2;\r\n  background-color: #fff;\r\n}\r\n.img-selector-point {\r\n  position: absolute;\r\n  width: 4px;\r\n  height: 4px;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  background-color: black;\r\n}\r\n.img-out-show.base-line::after {\r\n  position: absolute;\r\n  box-sizing: border-box;\r\n  content: '';\r\n  width: 1px;\r\n  border: 1px dashed rgba(0, 0, 0, 0.36);\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n}\r\n.img-out-show.base-line::before {\r\n  position: absolute;\r\n  box-sizing: border-box;\r\n  content: '';\r\n  height: 1px;\r\n  border: 1px dashed rgba(0, 0, 0, 0.36);\r\n  left: 0;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./vue-piczoom.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./vue-piczoom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vue-piczoom.vue?vue&type=template&id=88097ea6&scoped=true&\"\nimport script from \"./vue-piczoom.vue?vue&type=script&lang=js&\"\nexport * from \"./vue-piczoom.vue?vue&type=script&lang=js&\"\nimport style0 from \"./vue-piczoom.vue?vue&type=style&index=0&id=88097ea6&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"88097ea6\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"goods_info\"},[_c('div',{staticClass:\"shop_top\"},[_c('shop-top',{attrs:{\"subnav_show\":false,\"change_color\":true,\"cart_change\":_vm.cart_change}})],1),_c('div',{staticClass:\"goods_info_top_mbx  width_center_1200\"},[_c('el-breadcrumb',{attrs:{\"separator\":\"/\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/' }}},[_vm._v(\"商城首页\")]),_vm._l((_vm.goods_info.class_list),function(v,k){return _c('el-breadcrumb-item',{key:k},[_vm._v(_vm._s(v.name))])}),_c('el-breadcrumb-item',[_vm._v(_vm._s(_vm.goods_info.goods_name))])],2)],1),_c('div',{staticClass:\"goods_info_top width_center_1200\"},[_c('div',{staticClass:\"goods_info_top_left\"},[_c('div',{staticClass:\"goods_image_item\"},[_c('pic-zoom',{attrs:{\"url\":_vm.goods_images_thumb[_vm.chose_img_pos],\"highUrl\":_vm.goods_images[_vm.chose_img_pos]}})],1),_c('div',{staticClass:\"pic_zoom_list\"},[_c('div',{staticClass:\"pic_zoom_list_left\",on:{\"click\":function($event){return _vm.pre_img()}}},[_c('i',{staticClass:\"el-icon-arrow-left\"})]),_c('ul',_vm._l((_vm.goods_info.goods_images_thumb_200),function(v,k){return _c('li',{key:k,class:_vm.chose_img_pos==k?'border_color':'',on:{\"click\":function($event){return _vm.click_silde_img(k)}}},[_c('img',{attrs:{\"src\":v,\"alt\":\"\"}})])}),0),_c('div',{staticClass:\"pic_zoom_list_right\",on:{\"click\":function($event){return _vm.next_img()}}},[_c('i',{staticClass:\"el-icon-arrow-right\"})])])]),_c('div',{staticClass:\"goods_info_top_right\"},[_c('div',{staticClass:\"goods_info_title\"},[_vm._v(_vm._s(_vm.goods_info.goods_name||'加载中...')+\"\\n            \")]),_c('div',{staticClass:\"goods_info_group\"},[_c('div',{staticClass:\"goods_info_price\"},[_c('span',[_vm._v(\"兑换积分：\")]),_vm._v(_vm._s(_vm.goods_info.goods_price||'0.00')+\" \"),_c('font',{staticStyle:{\"font-size\":\"14px\"}},[_vm._v(\"积分\")])],1),_c('div',{staticClass:\"goods_info_market_price\"},[_c('span',[_vm._v(\"市场价：\")]),_c('div',{staticClass:\"overx_goods_info\"},[_vm._v(\"￥\"+_vm._s(_vm.goods_info.goods_market_price||0.00))])]),_c('div',{staticClass:\"goods_info_sale_num\"},[_vm._v(\"累计兑换\"),_c('font',{attrs:{\"color\":\"#ca151e\"}},[_vm._v(_vm._s(_vm.goods_info.goods_sale_num))])],1)]),_c('div',{staticClass:\"goods_info_num\"},[_c('div',{staticClass:\"goods_info_num_title\"},[_vm._v(\"兑换数量：\")]),_c('div',{staticClass:\"goods_info_num_jian\",on:{\"click\":function($event){return _vm.change_buy_num(false)}}},[_c('i',{staticClass:\"el-icon-minus\"})]),_c('div',{staticClass:\"goods_info_num_input\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.buy_num),expression:\"buy_num\"}],attrs:{\"type\":\"text\",\"value\":\"1\"},domProps:{\"value\":(_vm.buy_num)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.buy_num=$event.target.value}}})]),_c('div',{staticClass:\"goods_info_num_jia\",on:{\"click\":function($event){return _vm.change_buy_num(true)}}},[_c('i',{staticClass:\"el-icon-plus\"})]),_c('div',{staticClass:\"goods_info_num_stock\"},[_vm._v(\"  \"+_vm._s(_vm.goods_info.goods_num)+\" 库存\")]),_c('div',{staticClass:\"clear\"})]),_c('div',{staticClass:\"goods_info_btn\"},[_c('div',{staticClass:\"goods_info_buy\",on:{\"click\":function($event){return _vm.buy()}}},[_c('i',{staticClass:\"icon iconfont\"},[_vm._v(\"\")]),_vm._v(\"立即兑换\")])])]),_c('div',{staticClass:\"clear\"})]),_c('div',{staticClass:\"goods_info_text width_center_1200\"},[_c('div',{staticClass:\"goods_info_text_right\"},[_c('el-tabs',{model:{value:(_vm.activeName),callback:function ($$v) {_vm.activeName=$$v},expression:\"activeName\"}},[_c('el-tab-pane',{attrs:{\"label\":\"积分商品详情\",\"name\":\"first\"}},[_c('div',{staticClass:\"after_sale_content\",domProps:{\"innerHTML\":_vm._s(_vm.goods_info.goods_content)}})])],1)],1)]),_c('shop-foot'),_c('el-backtop')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"goods_info\">\r\n        <div class=\"shop_top\"><shop-top :subnav_show=\"false\" :change_color=\"true\" :cart_change=\"cart_change\"></shop-top></div>\r\n\r\n        <div class=\"goods_info_top_mbx  width_center_1200\">\r\n            \r\n            <el-breadcrumb  separator=\"/\">\r\n                <el-breadcrumb-item :to=\"{ path: '/' }\">商城首页</el-breadcrumb-item>\r\n                <el-breadcrumb-item v-for=\"(v,k) in goods_info.class_list\" :key=\"k\">{{v.name}}</el-breadcrumb-item>\r\n                <el-breadcrumb-item>{{goods_info.goods_name}}</el-breadcrumb-item>\r\n            </el-breadcrumb>\r\n        </div>\r\n\r\n        <div class=\"goods_info_top width_center_1200\">\r\n            <div class=\"goods_info_top_left\" >\r\n                <div class=\"goods_image_item\">\r\n                    <pic-zoom :url=\"goods_images_thumb[chose_img_pos]\" :highUrl=\"goods_images[chose_img_pos]\"></pic-zoom>\r\n                </div>\r\n                <div class=\"pic_zoom_list\">\r\n                    <div class=\"pic_zoom_list_left\" @click=\"pre_img()\">\r\n                        <i class=\"el-icon-arrow-left\"></i>\r\n                    </div>\r\n                    <ul>\r\n                        <li v-for=\"(v,k) in goods_info.goods_images_thumb_200\" :key=\"k\" @click=\"click_silde_img(k)\" :class=\"chose_img_pos==k?'border_color':''\"><img :src=\"v\" alt=\"\"></li>\r\n                    </ul>\r\n                    <div class=\"pic_zoom_list_right\" @click=\"next_img()\">\r\n                        <i class=\"el-icon-arrow-right\"></i>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"goods_info_top_right\">\r\n                <div class=\"goods_info_title\">{{goods_info.goods_name||'加载中...'}}\r\n                </div>\r\n                <div class=\"goods_info_group\">\r\n                    <div class=\"goods_info_price\"><span>兑换积分：</span>{{goods_info.goods_price||'0.00'}} <font style=\"font-size:14px;\">积分</font></div>\r\n                    <div class=\"goods_info_market_price\"><span>市场价：</span><div class=\"overx_goods_info\">￥{{goods_info.goods_market_price||0.00}}</div></div>\r\n                    <div class=\"goods_info_sale_num\">累计兑换<font color=\"#ca151e\">{{goods_info.goods_sale_num}}</font></div>\r\n                </div>\r\n                <div class=\"goods_info_num\">\r\n                    <div class=\"goods_info_num_title\">兑换数量：</div>\r\n                    <div class=\"goods_info_num_jian\" @click=\"change_buy_num(false)\"><i class=\"el-icon-minus\"></i></div>\r\n                    <div class=\"goods_info_num_input\"><input v-model=\"buy_num\" type=\"text\" value=\"1\"></div>\r\n                    <div class=\"goods_info_num_jia\" @click=\"change_buy_num(true)\"><i class=\"el-icon-plus\"></i></div>\r\n                    <div class=\"goods_info_num_stock\">&nbsp;&nbsp;{{goods_info.goods_num}} 库存</div>\r\n                    <div class=\"clear\"></div>\r\n                </div>\r\n                <div class=\"goods_info_btn\">\r\n                    <div class=\"goods_info_buy\" @click=\"buy()\"><i class=\"icon iconfont\">&#xe675;</i>立即兑换</div>\r\n                </div>\r\n\r\n            </div>\r\n            <div class=\"clear\"></div>\r\n        </div>\r\n\r\n        <div class=\"goods_info_text width_center_1200\">\r\n            <div class=\"goods_info_text_right\">\r\n                <el-tabs v-model=\"activeName\" >\r\n                    <el-tab-pane label=\"积分商品详情\" name=\"first\"><div class=\"after_sale_content\" v-html=\"goods_info.goods_content\"></div></el-tab-pane>\r\n                </el-tabs>\r\n            </div>\r\n        </div>\r\n\r\n        <shop-foot></shop-foot>\r\n        <!-- vue 回到顶部 -->\r\n        <el-backtop></el-backtop>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n// import VuePhotoZoomPro from 'vue-photo-zoom-pro'\r\nimport PicZoom from '@/components/home/public/vue-piczoom.vue' // 放大镜组件\r\nimport ShopTop from \"@/components/home/public/head.vue\"\r\nimport ShopFoot from \"@/components/home/public/shop_foot.vue\"\r\nexport default {\r\n    components: {\r\n        PicZoom, // 放大镜\r\n        ShopTop,\r\n        ShopFoot,\r\n    },\r\n    props: {},\r\n    data() {\r\n      return {\r\n          activeName:'first',\r\n          goods_id:0,   // 商品ID\r\n          goods_info:{\r\n              goods_images_thumb_200:['/pc/loading_pic_200.png']\r\n          },\r\n          store_info:{},\r\n          buy_num:1, // 购买数量\r\n          chose_img_pos:0,\r\n          goods_images_thumb:['/pc/loading_pic_400.png'],\r\n          goods_images:[],\r\n          cart_change:0,\r\n          is_fav:false,\r\n          save_history:true, // 是否需要存储\r\n          isSkeleton:false, // false 骨架显示\r\n          comment_image:[],\r\n \r\n      };\r\n    },\r\n    watch: {\r\n        // 监听选择购买数量\r\n        buy_num:function(e){\r\n            if(e>this.goods_info.goods_num || e<=0){\r\n                if(this.goods_info.goods_num != 0){\r\n                    this.$message.error('请认真填写购买数量');\r\n                    this.buy_num = this.goods_info.goods_num;\r\n                }\r\n            }\r\n        }\r\n    },\r\n    computed: {},\r\n    methods: {\r\n\r\n        // 点击缩略图幻灯片图片\r\n        click_silde_img:function(e){\r\n            this.chose_img_pos = e;\r\n        },\r\n        pre_img:function(){\r\n            if(this.chose_img_pos<=0){\r\n                this.chose_img_pos = this.goods_info.goods_images.length-1;\r\n            }else{\r\n                this.chose_img_pos -= 1;\r\n            }\r\n        },\r\n        next_img:function(){\r\n            if(this.chose_img_pos>=this.goods_info.goods_images.length-1){\r\n                this.chose_img_pos = 0;\r\n            }else{\r\n                this.chose_img_pos += 1;\r\n            }\r\n        },\r\n        // 购买数量修改\r\n        change_buy_num:function(type){\r\n            if(type){\r\n                if(this.buy_num+1>this.goods_info.goods_num){\r\n                    return this.$message.error('库存不足');\r\n                }\r\n                this.buy_num += 1;\r\n            }else{\r\n                if(this.buy_num<=1){\r\n                    return this.$message.error('最低购买数量为 1');\r\n                }\r\n                this.buy_num -= 1\r\n            }\r\n        },\r\n\r\n      \r\n        // 立即购买\r\n        buy:function(){\r\n            let str = this.goods_info.id+'|'+this.buy_num;\r\n            this.$router.push(\"/integral/order/create_order/\"+str);\r\n        },\r\n \r\n        // 切换图片\r\n        push_comment_images:function(e){\r\n            this.comment_image = [];\r\n            e.forEach(res=>{\r\n                this.comment_image.push(res);\r\n            });\r\n        },\r\n        // 查下评论状态\r\n        change_comment_type:function(e){\r\n            this.comment_type = e;\r\n            this.get_comment_list();\r\n        },\r\n        // 获取商品信息\r\n        get_goods_info:function(){\r\n            this.$get(this.$api.homeGetIntegralGoodsInfo+this.goods_id).then(res=>{\r\n                this.goods_info = res.data;\r\n                this.goods_images_thumb = res.data.goods_images_thumb;\r\n                this.goods_images = res.data.goods_images;\r\n                this.buy_num = 1; // 初始化购买数量\r\n            });\r\n        },\r\n\r\n    },\r\n    created() {\r\n        this.goods_id = this.$route.params.id;\r\n        if(this.$isEmpty(this.goods_id)){\r\n            return this.$message.error('请检查商品是否存在');\r\n        }\r\n        this.get_goods_info();\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n\r\n.after_sale_content{\r\n    font-size: 14px;\r\n}\r\n\r\n.goods_info_text{\r\n    margin-top: 30px;\r\n    .goods_info_text_left{\r\n        width: 234px;\r\n        float: left;\r\n        margin-right: 20px;\r\n    }\r\n    .goods_info_text_right{\r\n        margin-top: 20px;\r\n        width: 1200px;\r\n        box-sizing: border-box;\r\n        min-height: 300px;\r\n        padding:20px;\r\n        float: left;\r\n        border:1px solid #efefef;\r\n    }\r\n}\r\n.goods_info_top_right{\r\n    float: left;\r\n    width: 770px;\r\n    font-size: 14px;\r\n    \r\n    .goods_info_num{\r\n        padding: 10px;\r\n        margin-top: 10px;\r\n        .goods_info_num_title{\r\n            color:#666;\r\n            float: left;\r\n            line-height: 25px;\r\n            margin-right: 15px;\r\n        }\r\n        .goods_info_num_jian,.goods_info_num_jia{\r\n            border:1px solid #efefef;\r\n            width: 25px;\r\n            height: 25px;\r\n            line-height: 25px;\r\n            text-align: center;\r\n            float: left;\r\n            margin-right: 10px;\r\n            color:#666;\r\n        }\r\n        .goods_info_num_stock{\r\n            line-height: 25px;\r\n            color:#999;\r\n        }\r\n        .goods_info_num_input{\r\n            float: left;\r\n        }\r\n        .goods_info_num_input input{\r\n            height: 27px;\r\n            border:1px solid #efefef;\r\n            outline: none;\r\n            width: 50px;\r\n            margin-right: 10px;\r\n            box-sizing: border-box;\r\n            padding: 0 8px;\r\n            color:#666;\r\n        }\r\n    }\r\n    .goods_info_btn{\r\n        clear: both;\r\n        margin-top: 20px;\r\n    }\r\n    .goods_info_add_cart,.goods_info_buy{\r\n        line-height: 40px;\r\n        float: left;\r\n        margin-right: 20px;\r\n        background: #ff5c14;\r\n        border-radius: 3px;\r\n        color:#fff;\r\n        padding: 0 15px;\r\n        i{\r\n            margin-right: 6px;\r\n        }\r\n    }\r\n    .goods_info_buy{\r\n        background: #ca151e;\r\n        i{\r\n            font-size: 12px;\r\n        }\r\n    }\r\n    \r\n    .goods_info_title{\r\n        position: relative;\r\n        font-size: 18px;\r\n        margin-bottom: 15px;\r\n        p{\r\n            color:#999;\r\n            line-height: 35px;\r\n            font-size: 14px;\r\n        }\r\n    }\r\n    .goods_info_group{\r\n        position: relative;\r\n        box-sizing: border-box;\r\n        padding: 20px;\r\n        // padding-bottom: 90px;\r\n        height: 180px;\r\n        background: url(\"/pc/summary-bg.jpg\");\r\n    }\r\n    .goods_info_price{\r\n        color:#ca151e;\r\n        font-size: 28px;\r\n        line-height: 28px;\r\n        span{\r\n            line-height: 28px;\r\n            color:#999;\r\n            font-size: 14px;\r\n        }\r\n    }\r\n    .goods_info_market_price{\r\n        margin-top: 10px;\r\n        span{\r\n            color:#999;\r\n        }\r\n        .overx_goods_info{\r\n            text-decoration: line-through;\r\n            display: inline-block;\r\n        }\r\n    }\r\n    .goods_info_sale_num{\r\n        position:absolute;\r\n        font-size: 12px;\r\n        right: 16px;\r\n        color:#333;\r\n        top: 30px;\r\n        font{\r\n            margin-left: 10px;\r\n            margin-right: 10px;\r\n        }\r\n    }\r\n    .goods_info_phone_read{\r\n        position:absolute;\r\n        right: 24px;\r\n        font-size: 12px;\r\n        color:#999;\r\n        top: 140px;\r\n        i{\r\n            margin-left: 10px;\r\n            color:#666;\r\n        }\r\n    }\r\n    \r\n\r\n}\r\n.goods_info_top_mbx{\r\n    margin:30px auto;\r\n}\r\n.goods_info_top_left{\r\n    width: 402px;\r\n    border: 1px solid #efefef;\r\n    margin-right: 28px;\r\n    float: left;\r\n    box-sizing: border-box;\r\n    .goods_image_item{\r\n        width: 400px;\r\n        height: 400px;\r\n        display: block;\r\n        border-bottom: 1px solid #efefef;\r\n    }\r\n    .pic_zoom_list{\r\n        ul li{\r\n            float: left;\r\n            margin:10px 10px 10px 0; \r\n            border:1px solid #efefef;\r\n            img{\r\n                width: 60px;\r\n                height: 60px;\r\n            }\r\n        }\r\n        ul li:hover{\r\n            border-color:#ca151e;\r\n        }\r\n        ul li:last-child{\r\n            margin-right: 0;\r\n        }\r\n        ul li.border_color{\r\n            border-color:#ca151e;\r\n        }\r\n        .pic_zoom_list_left{\r\n            font-size: 24px;\r\n            float: left;\r\n            line-height: 80px;\r\n            color:#666;\r\n            margin-right: 10px;\r\n            margin-left: 10px;\r\n            :hover{\r\n                color:#ca151e;\r\n            }\r\n        }\r\n        .pic_zoom_list_right{\r\n            font-size: 24px;\r\n            float: right;\r\n            line-height: 80px;\r\n            color:#666;\r\n            margin-right: 10px;\r\n            margin-left: 10px;\r\n            :hover{\r\n                color:#ca151e;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./info.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./info.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./info.vue?vue&type=template&id=04762549&scoped=true&\"\nimport script from \"./info.vue?vue&type=script&lang=js&\"\nexport * from \"./info.vue?vue&type=script&lang=js&\"\nimport style0 from \"./info.vue?vue&type=style&index=0&id=04762549&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"04762549\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./info.vue?vue&type=style&index=0&id=04762549&lang=scss&scoped=true&\""],"sourceRoot":""}