{"version":3,"sources":["webpack:///./src/views/Good.vue","webpack:///./src/components/GoodsImages/Index.vue","webpack:///./node_modules/vue-piczoom/src/components/PicZoom.vue","webpack:///node_modules/vue-piczoom/src/components/PicZoom.vue","webpack:///./node_modules/vue-piczoom/src/components/PicZoom.vue?e06a","webpack:///./node_modules/vue-piczoom/src/components/PicZoom.vue?933f","webpack:///src/components/GoodsImages/Index.vue","webpack:///./src/components/GoodsImages/Index.vue?ae45","webpack:///./src/components/GoodsImages/Index.vue?2d73","webpack:///src/views/Good.vue","webpack:///./src/views/Good.vue?e7d2","webpack:///./src/views/Good.vue?3763","webpack:///./src/views/Good.vue?6572","webpack:///./node_modules/vue-piczoom/src/components/PicZoom.vue?aedf"],"names":["render","_vm","this","_c","_self","ref","staticClass","_l","CrumbsCategories","cate","key","id","attrs","path","query","_v","_s","name","detail","images","_m","subName","split","b","index","_e","price","marketPrice","paras","para","value","nativeOn","$event","type","indexOf","_k","keyCode","addCart","apply","arguments","model","nums","callback","$$v","expression","on","buyNow","staticStyle","swiperOptions","looks","good","getCoverImage","prev","next","clearViews","views","length","intro","domProps","guesses","staticRenderFns","imageIndex","image","class","vertical","mousemove","mouseover","mouseleave","directives","rawName","showImg","imgUrl","showEidt","rotate","props","scale","default","url","required","bigUrl","scroll","data","cover","imgbox","imgwrap","orginUrl","bigImgUrl","bigOrginUrl","img","canvas","ctx","rectTimesX","rectTimesY","imgTimesX","imgTimesY","init","step","bigStep","created","str","watch","mounted","methods","initTime","imgsrc","document","initBox","setTimeout","totalLeft","totalTop","par","left","top","x","y","minX","maxX","minY","maxY","pos","startY","e","ev","orginImg","bigOrginImg","rotateImg","component","components","PicZoom","Header","Footer","GoodsImages","Swiper","SwiperSlide","AmountBox","slidesPerView","spaceBetween","direction","viewIds","localStorage","computed","swiper","getDetail","getDetial","getCrumbsCategories","getCategoryCrumbs","getGuesses","getGoodsSearch","currentPage","pageSize","sidx","then","res","getViews","where","ids","getLooks","message","offset","cartCreate","goodsId","num","signId","skuId","specInfo","_this","catch"],"mappings":"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Y,cAAcuC,GAAG,CAAC,MAAQ,SAASb,GAAQ,OAAO/B,EAAIwE,OAAO,YAAYtE,EAAG,OAAO,CAACG,YAAY,eAAeuC,GAAG,CAAC,MAAQ,SAASb,GAAQ,OAAO/B,EAAIwE,OAAO,eAAexE,EAAIwB,QAE5oBmC,EAAkB,GCUtB,GACAc,OACAC,OACA1C,YACA2C,aAEAC,KACA5C,YACA6C,aAEAC,QACA9C,YACA2C,cAEAI,QACA/C,aACA2C,YAEAJ,UACAvC,aACA2C,aAGAK,OACA,OACAtE,QACAuE,WACAC,YACAC,aACAC,cACAC,eACAC,iBACAhB,YACAiB,SACAC,YACAC,SACAC,aACAC,aACAC,YACAC,YACAC,QACAC,OACAC,UACAjC,YACAM,aAGA4B,UACA,yDACA,WACA,KACA,qBACAC,yCAEA,UACA,qBACA,uBACA,2BACA,8BAEAC,OACAvB,gBACA,cACA,gBACA,iBAEAE,kBACA,sBACA,wBACA,kBAGAsB,UACA,oBACA,mBAGAC,SACAC,WACA,aACA,IAQA,EARA,sBACA,cACA,2CACA,+DACA,iEACA,8BACA,6BACA,oCAGAC,EADA,eACAA,eAEAA,YAGA,mBACA,eACA,qBACA,4EACA,8EACA,uDACA,yDACA,6CACA,cAEA,cACA,gDACA,kBAEA,6CACA,2CACA,sCACA,8EACA,iDACA,0CACA,iCACA,4CACA,0CACA,iCACAC,kCACA,sCACA,8DAEAC,UACA,gBACA,iCACA,IACA,EADA,sBAGAF,EADA,eACAA,eAEAA,YAGA,mBACA,eACA,qBACA,6CACA,gBACA,uBACAG,gBACA,sFACA,yFACA,MAIA1C,aACA,cACA,SAEA,WAEA,cACA,WAAI,EAAJ,KAAI,EAAJ,eAEA2C,gBACAC,eAEA,SACA,8CAEAD,gBACAC,gBAIAD,gBACAC,eACAC,iBAGA,OACAC,OACAC,OAIA,cACA,OACAC,kCACAC,oCAGA,eACA,OACA,kBACA,GACAC,YACAC,4DACAC,8CACAC,iGAEA,aACAC,YAEA,aACAA,YAEA,aACAA,YAEA,aACAA,YAEA,+BACA,8BACA,2EACA,uDACAC,iDACA,oLAGAtD,aACA,cACA,SAEAuD,WACA,cACAA,2DACAC,sBACA,GAEAD,+DACAC,sBACA,IAGA,iCACA,mCAEAvD,aACA,cACA,SAEA,gCACA,kCAEAM,UACA,gBAMA,GALAkD,0BACAA,oBACAA,cACA,+BAEA,kBACA,gBACAA,0BACAC,uBACAA,cACA,uCAKAC,iBAAA,8DACA,QACA,IACA,YAEA,eACA,UAEA,UACA7B,KAEA,YACAA,IAEAA,aAEAA,IACAA,YAEA,uCAGA,mBACA,qBAKA,OAJAP,UACAA,WACAC,YACAA,oBACA,GACA,OACAD,UACAA,WACAC,mBACA,MACA,OACAD,UACAA,WACAC,YACAA,oBACA,MACA,OACAD,UACAA,WACAC,YACAA,qBACA,MACA,OACAD,UACAA,WACAC,YACAA,oBACA,MAEA,oBAEA,GACA,iBACA,eACA,iBAEA,cACA,YACA,oBACA,sBC1U6U,I,wBCQzUoC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCSA,GACf7G,mBACA8G,YACAC,WAEA/C,OACA,OACApB,eAGAa,OACAvD,QACAc,aAGAiE,aC3CyZ,ICOrZ,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,I,gCCwLA,GACfjF,YACA8G,YACAE,cACAC,cACAC,cACAC,mBACAC,6BACAC,kBAEArD,OACA,OACA/D,UACAyC,WACAV,SACAM,SACA/C,oBACAW,UACAsB,OACAO,eACAuF,gBACAC,eACAC,wBAIAvC,UAMA,GALA,iBACA,kBACA,gBACA,gBAEA,mCACA,gBACAwC,6BACAC,kDACA,CACA,8CACA,kCACAD,6BAEAA,cACAA,eACAC,gDAGAC,UACAC,SACA,qCAGAxC,UACA,8BAMAC,SACAwC,YACAC,8CACA,mBAEA,2BAEAtC,mDAeA,6BACA,+EAEA,qBAIA,qCACA,qBAGA,sFAOAuC,sBAEA,kCACA,iDACA,OAEAC,2BACA,2CAIAC,aAWAC,gBACAC,cACAC,WACAC,iBACAC,KAAAC,IACA,4BAGAC,WACA,qCACA,kBACA,CACA,8CACA,KACAC,mBACAP,gBACAC,cACAC,WACAC,UACAK,mBACAJ,KAAAC,IACA,2BASAI,WACAT,gBACAC,cACAC,WACAC,gBACAC,KAAAC,IACA,0BAGApG,OACA,yBAEAC,OACA,yBAEAC,aACAqF,+BACA,eAEAtG,UACA,gBACA,eACAwH,qBACAC,UACA7H,qBAEA,CACA,WAEA8H,gBACAC,uBACAC,cACAvI,wBACAwI,SACAC,6BACAC,yCACAb,KAAAC,SACA,MACAa,YACAR,kBACA5H,mBAGAqI,MAAA,UAeAxH,SAGA,aACA,eACA+G,oBACA5H,iBAGA,mBAAApB,YAAAC,OAAAH,kBAAAsJ,kBAmBA9G,iBACA,oBACA,iGCxbsY,ICQlY,G,UAAY,eACd,EACAnD,EACA4D,GACA,EACA,KACA,WACA,OAIa,e,6CCnBf,W,yDCAA,W","file":"js/chunk-697b81c8.391fdd64.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('Header',{ref:\"header\"}),_c('div',{staticClass:\"full-main-n\"},[_c('div',{staticClass:\"w w1200 relative\"},[_c('div',{staticClass:\"crumbs-nav\"},[_c('div',{staticClass:\"crumbs-nav-main clearfix\"},[_vm._l((_vm.CrumbsCategories),function(cate){return _c('div',{key:cate.id,staticClass:\"crumbs-nav-item\"},[_c('div',{staticClass:\"menu-drop\"},[_c('div',{staticClass:\"trigger bottom\"},[_c('router-link',{attrs:{\"to\":{path:'category',query:{id:cate.id}},\"target\":\"_blank\",\"tag\":\"a\"}},[_c('span',[_vm._v(_vm._s(cate.name))])])],1)]),_c('i',{staticClass:\"iconfont icon-right\"})])}),_c('span',{staticClass:\"cn-goodsName\"},[_vm._v(_vm._s(_vm.detail.name))])],2)])])]),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"w w1200\"},[_c('div',{staticClass:\"product-info mt20\"},[_c('goods-images',{attrs:{\"images\":_vm.images}}),_c('div',{staticClass:\"product-wrap\"},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.detail.name))]),_vm._m(0),(_vm.detail.subName!='' && _vm.detail.subName!=null)?_c('div',{staticClass:\"brief\"},_vm._l((_vm.detail.subName.split('$$')),function(b,index){return _c('p',{key:index},[_vm._v(\" \"+_vm._s(b)+\" \")])}),0):_vm._e(),_c('div',{staticClass:\"summary\"},[_c('div',{staticClass:\"summary-price-wrap\"},[_c('div',{staticClass:\"s-p-w-wrap\"},[_c('div',{staticClass:\"summary-item si-shop-price\"},[_c('div',{staticClass:\"si-tit\"},[_vm._v(\"商 城 价\")]),_c('div',{staticClass:\"si-warp\"},[_c('strong',{staticClass:\"shop-price\"},[_c('em',[_vm._v(\"¥\")]),_vm._v(_vm._s(_vm.detail.price))])])]),(_vm.detail.marketPrice)?_c('div',{staticClass:\"summary-item si-market-price\"},[_c('div',{staticClass:\"si-tit\"},[_vm._v(\"市 场 价\")]),_c('div',{staticClass:\"si-warp\"},[_c('div',{staticClass:\"m-price\"},[_c('em',[_vm._v(\"¥\")]),_vm._v(_vm._s(_vm.detail.marketPrice))])])]):_vm._e(),_c('div',{staticClass:\"clear\"})])]),_c('div',{staticClass:\"summary-basic-info\"},[_vm._l((_vm.detail.paras),function(para,index){return _c('div',{key:index,staticClass:\"summary-item is-integral\"},[(para.value)?_c('div',{staticClass:\"si-tit\"},[_vm._v(_vm._s(para.name))]):_vm._e(),(para.value)?_c('div',{staticClass:\"si-warp\"},[_vm._v(_vm._s(para.value))]):_vm._e()])}),_c('div',{staticClass:\"summary-item is-number\"},[_c('div',{staticClass:\"si-tit\"},[_vm._v(\"数量\")]),_c('div',{staticClass:\"si-warp\"},[_c('amount-box',{attrs:{\"max\":99999,\"min\":0},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.addCart.apply(null, arguments)}},model:{value:(_vm.nums),callback:function ($$v) {_vm.nums=$$v},expression:\"nums\"}})],1)]),_c('div',{staticClass:\"clear\"})],2),_c('div',{staticClass:\"choose-btns ml60 clearfix\"},[_c('a',{staticClass:\"btn-append\",attrs:{\"href\":\"javascript:void(0);\"},on:{\"click\":_vm.addCart}},[_c('i',{staticClass:\"iconfont icon-carts\"}),_vm._v(\"加入购物车\")]),_c('a',{staticClass:\"btn-buynow\",attrs:{\"href\":\"javascript:void(0);\"},on:{\"click\":_vm.buyNow}},[_vm._v(\"立即购买\")])])])]),_c('div',{staticClass:\"track\"},[_c('div',{staticClass:\"track_warp\"},[_vm._m(1),_c('swiper',{ref:\"mySwiper\",staticStyle:{\"overflow\":\"hidden\",\"position\":\"relative\",\"height\":\"555px\"},attrs:{\"options\":_vm.swiperOptions}},_vm._l((_vm.looks),function(good,index){return _c('swiper-slide',{key:index,staticStyle:{\"width\":\"140px\",\"height\":\"180px\"}},[_c('div',{staticClass:\"p-img\"},[_c('router-link',{attrs:{\"to\":{path:'goods',query:{id:good.id}},\"target\":\"_blank\",\"tag\":\"a\"}},[_c('img',{staticStyle:{\"width\":\"140px !important\",\"height\":\"140px !important\"},attrs:{\"src\":_vm.getCoverImage(good.images)}})])],1),_c('div',{staticClass:\"p-name\"},[_c('router-link',{attrs:{\"to\":{path:'goods',query:{id:good.id}},\"target\":\"_blank\",\"tag\":\"a\"}},[_vm._v(\" \"+_vm._s(good.name)+\" \")])],1),_c('div',{staticClass:\"price\"},[_c('em',[_vm._v(\"¥\")]),_vm._v(_vm._s(good.price)+\" \")])])}),1),_c('div',{staticClass:\"track-more\"},[_c('a',{staticClass:\"sprite-up prevStop\",attrs:{\"href\":\"javascript:void(0);\"},on:{\"click\":_vm.prev}},[_c('i',{staticClass:\"iconfont icon-up\"})]),_c('a',{staticClass:\"sprite-down\",attrs:{\"href\":\"javascript:void(0);\"},on:{\"click\":_vm.next}},[_c('i',{staticClass:\"iconfont icon-down\"})])])],1)]),_c('div',{staticClass:\"clear\"})],1),_c('div',{staticClass:\"goods-main-layout\"},[_c('div',{staticClass:\"g-m-left\"},[_c('div',{staticClass:\"g-main g-history\"},[_c('div',{staticClass:\"mt\"},[_c('h3',[_vm._v(\"最近浏览\")]),_c('a',{staticClass:\"clear_history ftx-05 fr mt10 mr10\",attrs:{\"href\":\"javascript:void(0);\"},on:{\"click\":_vm.clearViews}},[_vm._v(\"清空\")])]),_c('div',{staticClass:\"mc\"},[_c('div',{staticClass:\"mc-warp\"},[(_vm.views.length==0)?_c('div',{staticClass:\"history_tishi\"},[_vm._v(\" 您已清空最近浏览过的商品\"),_c('br'),_c('router-link',{staticClass:\"ftx-05\",attrs:{\"to\":{path:'/'},\"tag\":\"a\"}},[_vm._v(\"去购物\")])],1):_c('ul',_vm._l((_vm.views),function(good){return _c('li',{key:good.id},[_c('div',{staticClass:\"p-img\"},[_c('router-link',{attrs:{\"to\":{path:'goods',query:{id:good.id}},\"target\":\"_blank\",\"tag\":\"a\"}},[_c('img',{attrs:{\"src\":_vm.getCoverImage(good.images),\"width\":\"170\",\"height\":\"170\"}})])],1),_c('div',{staticClass:\"p-name\"},[_c('router-link',{attrs:{\"to\":{path:'goods',query:{id:good.id}},\"target\":\"_blank\",\"tag\":\"a\"}},[_vm._v(\" \"+_vm._s(good.name)+\" \")])],1),_c('div',{staticClass:\"p-lie\"},[_c('div',{staticClass:\"p-price\"},[_c('em',[_vm._v(\"¥\")]),_vm._v(_vm._s(good.price)+\" \")])])])}),0)])])])]),_c('div',{staticClass:\"g-m-detail\"},[_vm._m(2),_c('div',{staticClass:\"gm-floors\"},[_c('div',{staticClass:\"gm-f-item gm-f-details\"},[(_vm.detail.intro)?_c('div',{staticStyle:{\"text-align\":\"center\"},domProps:{\"innerHTML\":_vm._s(_vm.detail.intro)}}):_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('p',[_c('img',{attrs:{\"src\":_vm.images[0]}})])])])])]),_c('div',{staticClass:\"clear\"}),_c('div',{staticClass:\"rection\",attrs:{\"id\":\"guess_goods_love\"}},[_vm._m(3),_c('ul',_vm._l((_vm.guesses),function(good){return _c('li',{key:good.id},[_c('div',{staticClass:\"p-img\"},[_c('router-link',{attrs:{\"to\":{path:'goods',query:{id:good.id}},\"target\":\"_blank\",\"tag\":\"a\"}},[_c('img',{attrs:{\"src\":_vm.getCoverImage(good.images),\"width\":\"134\",\"height\":\"134\"}})])],1),_c('div',{staticClass:\"p-name\"},[_c('router-link',{attrs:{\"to\":{path:'goods',query:{id:good.id}},\"target\":\"_blank\",\"tag\":\"a\"}},[_vm._v(\" \"+_vm._s(good.name)+\" \")])],1),_c('div',{staticClass:\"p-price\"},[_c('em',[_vm._v(\"¥\")]),_vm._v(_vm._s(good.price)+\" \")])])}),0)])])])]),_c('Footer')],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tip\"},[_c('p',[_vm._v(\"温馨提示：部分商品包装更换频繁，如货品与图片不完全一致，请以收到的商品实物为准。\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"track-tit\"},[_c('h3',[_vm._v(\"看了又看\")]),_c('span')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"gm-tabbox\",attrs:{\"ectype\":\"gm-tabs\"}},[_c('ul',{staticClass:\"gm-tab\"},[_c('li',{staticClass:\"curr\"},[_vm._v(\"商品详情\")])]),_c('div',{staticClass:\"gm-tab-qp-bort\",staticStyle:{\"width\":\"1903px\",\"left\":\"-581.5px\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"ftit\"},[_c('h3',[_vm._v(\"猜你喜欢\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"preview\"},[_c('div',{staticClass:\"gallery_wrap\"},[(_vm.images.length > 0)?_c('pic-zoom',{attrs:{\"url\":_vm.images[_vm.imageIndex],\"scale\":2}}):_vm._e()],1),_c('div',{staticClass:\"spec-list\"},[_vm._m(0),_c('div',{staticClass:\"spec-items\"},[_c('ul',_vm._l((_vm.images),function(image,index){return _c('li',{key:index,attrs:{\"data-type\":\"img\"},on:{\"mouseover\":function($event){_vm.imageIndex=index}}},[(index == _vm.imageIndex)?_c('a',{staticClass:\"MagicThumb-swap img-hover\",staticStyle:{\"outline\":\"none\",\"display\":\"inline-block\"},attrs:{\"href\":\"javascript:void(0);\"}},[_c('img',{attrs:{\"src\":image,\"width\":\"58\",\"height\":\"58\"}})]):_c('a',{staticClass:\"MagicThumb-swap\",staticStyle:{\"outline\":\"none\",\"display\":\"inline-block\"},attrs:{\"href\":\"javascript:void(0);\"}},[_c('img',{attrs:{\"src\":image,\"width\":\"58\",\"height\":\"58\"}})])])}),0)]),_vm._m(1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"spec-prev prevStop\",attrs:{\"href\":\"javascript:void(0);\"}},[_c('i',{staticClass:\"iconfont icon-left\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"spec-next nextStop\",attrs:{\"href\":\"javascript:void(0);\"}},[_c('i',{staticClass:\"iconfont icon-right\"})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:_vm.id,staticClass:\"magnifier-box\",class:_vm.vertical?'vertical':'',on:{\"mousemove\":_vm.mousemove,\"mouseover\":_vm.mouseover,\"mouseleave\":_vm.mouseleave}},[_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showImg),expression:\"showImg\"}],attrs:{\"src\":_vm.imgUrl,\"alt\":\"\"}}),_c('div',{staticClass:\"mouse-cover\"}),(_vm.showEidt)?_c('div',{staticClass:\"edit-wrap\"},[_c('span',{staticClass:\"rotate-left\",on:{\"click\":function($event){return _vm.rotate('left')}}}),_c('span',{staticClass:\"rotate-right\",on:{\"click\":function($event){return _vm.rotate('right')}}})]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"magnifier-box\" :class=\"vertical?'vertical':''\" :ref=\"id\" @mousemove=\"mousemove\" @mouseover=\"mouseover\" @mouseleave=\"mouseleave\">\r\n        <img v-show=\"showImg\" :src=\"imgUrl\" alt=\"\">\r\n        <div class=\"mouse-cover\"></div>\r\n        <div class=\"edit-wrap\" v-if=\"showEidt\">\r\n            <span class=\"rotate-left\" @click=\"rotate('left')\"></span>\r\n            <span class=\"rotate-right\" @click=\"rotate('right')\"></span>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        props:{\r\n            scale:{\r\n                type:Number,\r\n                default:2.5\r\n            },\r\n            url:{\r\n                type:String,\r\n                required:true\r\n            },\r\n            bigUrl:{\r\n                type:String,\r\n                default:null\r\n            },\r\n            scroll:{\r\n                type:Boolean,\r\n                default:false\r\n            },\r\n            showEidt:{\r\n                type:Boolean,\r\n                default:false\r\n            }\r\n        },\r\n        data () {\r\n            return {\r\n                id:null,\r\n                cover:null,\r\n                imgbox:null,\r\n                imgwrap:null,\r\n                orginUrl:null,\r\n                bigImgUrl:null,\r\n                bigOrginUrl:null,\r\n                imgUrl:null,\r\n                img:null,\r\n                canvas:null,\r\n                ctx:null,\r\n                rectTimesX:0,\r\n                rectTimesY:0,\r\n                imgTimesX:0,\r\n                imgTimesY:0,\r\n                init:false,\r\n                step:0,\r\n                bigStep:0,\r\n                vertical:false,\r\n                showImg:true\r\n            }\r\n        },\r\n        created(){\r\n        　　var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';    /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/\r\n        　　var maxPos = $chars.length;\r\n        　　var str = '';\r\n        　　for (let i = 0; i < 10; i++) {\r\n                str += $chars.charAt(Math.floor(Math.random() * maxPos));\r\n        　　}\r\n            this.id=str\r\n            this.imgUrl=this.url\r\n            this.orginUrl=this.url\r\n            this.bigImgUrl=this.bigUrl\r\n            this.bigOrginUrl=this.bigUrl\r\n        },\r\n        watch:{\r\n            url:function(val){\r\n                this.imgUrl=val\r\n                this.orginUrl=val\r\n                this.initTime()\r\n            },\r\n            bigUrl:function(){\r\n                this.bigImgUrl=bigUrl\r\n                this.bigOrginUrl=bigUrl\r\n                this.initTime()\r\n            }\r\n        },\r\n        mounted(){\r\n            this.$nextTick(()=>{\r\n                this.initTime()\r\n            })\r\n        },\r\n        methods: {\r\n            initTime(){\r\n                this.init=false\r\n                let box=this.$refs[this.id]\r\n                this.imgbox=box\r\n                this.cover=box.querySelector('.mouse-cover')\r\n                this.cover.style.width=(this.imgbox.offsetWidth/this.scale)+'px'\r\n                this.cover.style.height=(this.imgbox.offsetHeight/this.scale)+'px'\r\n                this.cover.style.left='-100%'\r\n                this.cover.style.top='-100%'\r\n                this.imgwrap=box.querySelector('img')\r\n                let imgsrc;\r\n                if(this.bigImgUrl){\r\n                    imgsrc=this.bigImgUrl\r\n                }else{\r\n                    imgsrc=this.imgUrl\r\n                }\r\n                \r\n                this.img=new Image()\r\n                this.img.src=imgsrc\r\n                this.img.onload=()=>{\r\n                    this.rectTimesX=(this.imgbox.offsetWidth/this.scale)/this.imgwrap.offsetWidth,\r\n                    this.rectTimesY=(this.imgbox.offsetHeight/this.scale)/this.imgwrap.offsetHeight\r\n                    this.imgTimesX=this.img.width/this.imgwrap.offsetWidth,\r\n                    this.imgTimesY=this.img.height/this.imgwrap.offsetHeight\r\n                    this.vertical=this.img.width<this.img.height\r\n                    this.init=true\r\n                }\r\n                if(this.canvas){\r\n                    this.canvas.parentNode.removeChild(this.canvas);\r\n                    this.canvas=null\r\n                }\r\n                this.canvas=document.createElement('canvas')\r\n                this.canvas.className='mouse-cover-canvas'\r\n                this.canvas.style.position='absolute'\r\n                this.canvas.style.left=this.imgbox.offsetLeft+this.imgbox.offsetWidth+10+'px'\r\n                this.canvas.style.top=this.imgbox.offsetTop+'px'\r\n                this.canvas.style.border='1px solid #eee'\r\n                this.canvas.style.zIndex='99999'\r\n                this.canvas.height=this.imgbox.offsetHeight\r\n                this.canvas.width=this.imgbox.offsetWidth\r\n                this.canvas.style.display='none'\r\n                document.body.append(this.canvas)\r\n                this.ctx=this.canvas.getContext(\"2d\");\r\n                this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height);\r\n            },\r\n            initBox(){\r\n                this.showImg=false\r\n                this.canvas.style.display='none'\r\n                let box=this.$refs[this.id]\r\n                let imgsrc;\r\n                if(this.bigImgUrl){\r\n                    imgsrc=this.bigImgUrl\r\n                }else{\r\n                    imgsrc=this.imgUrl\r\n                    \r\n                }\r\n                this.img=new Image()\r\n                this.img.src=imgsrc\r\n                this.img.onload=()=>{\r\n                    this.vertical=this.img.width<this.img.height\r\n                    this.showImg=true\r\n                    let thumb=box.querySelector('img')\r\n                    setTimeout(() => {\r\n                        this.rectTimesX=(this.imgbox.offsetWidth/this.scale)/box.querySelector('img').offsetWidth,\r\n                        this.rectTimesY=(this.imgbox.offsetHeight/this.scale)/box.querySelector('img').offsetHeight\r\n                    }, 20);\r\n                }\r\n                \r\n            },\r\n            mousemove(e){\r\n                if(!this.init){\r\n                    return false\r\n                }\r\n                let _this=this\r\n                //获取实际的offset\r\n                function offset(curEle){\r\n                    var totalLeft = null,totalTop = null,par = curEle.offsetParent;\r\n                    //首先加自己本身的左偏移和上偏移\r\n                    totalLeft+=curEle.offsetLeft;\r\n                    totalTop+=curEle.offsetTop\r\n                    //只要没有找到body，我们就把父级参照物的边框和偏移也进行累加\r\n                    while(par){\r\n                        if(navigator.userAgent.indexOf(\"MSIE 8.0\")===-1){\r\n                        //累加父级参照物的边框\r\n                        totalLeft+=par.clientLeft;\r\n                        totalTop+=par.clientTop\r\n                        }\r\n                        \r\n                        //累加父级参照物本身的偏移\r\n                        totalLeft+=par.offsetLeft;\r\n                        totalTop+=par.offsetTop\r\n                        par = par.offsetParent;\r\n                    }\r\n                \r\n                    return{\r\n                        left:totalLeft,\r\n                        top:totalTop\r\n                    }\r\n                }\r\n\r\n                function getXY(eve) {\r\n                    return {\r\n                        x : eve.clientX -(_this.cover.offsetWidth/2),\r\n                        y : eve.clientY-(_this.cover.offsetHeight/2) \r\n                    };\r\n                }\r\n                let oEvent = e || event;\r\n                let pos = getXY(oEvent);\r\n                let imgwrap=offset(this.imgwrap)\r\n                let range={\r\n                    minX:imgwrap.left,\r\n                    maxX:imgwrap.left+this.imgwrap.offsetWidth-this.cover.offsetWidth,\r\n                    minY:imgwrap.top-document.documentElement.scrollTop,\r\n                    maxY:imgwrap.top-document.documentElement.scrollTop+this.imgwrap.offsetHeight-this.cover.offsetHeight,\r\n                }\r\n                if(pos.x>range.maxX){\r\n                    pos.x=range.maxX\r\n                }\r\n                if(pos.x<range.minX){\r\n                    pos.x=range.minX\r\n                }\r\n                if(pos.y>range.maxY){\r\n                    pos.y=range.maxY\r\n                }\r\n                if(pos.y<range.minY){\r\n                    pos.y=range.minY\r\n                }\r\n                this.cover.style.left=pos.x+'px'\r\n                this.cover.style.top=pos.y+'px'\r\n                this.ctx.clearRect(0,0,this.imgwrap.offsetWidth,this.imgwrap.offsetHeight);\r\n                let startX=pos.x-(imgwrap.left-document.documentElement.scrollLeft),\r\n                startY=pos.y-(imgwrap.top-document.documentElement.scrollTop)\r\n                this.ctx.drawImage(this.img,startX*this.imgTimesX,startY*this.imgTimesY,this.img.width*this.rectTimesX,this.img.height*this.rectTimesY,0,0,this.imgbox.offsetWidth,this.imgbox.offsetHeight);\r\n                \r\n            },\r\n            mouseover(e){\r\n                if(!this.init){\r\n                    return false\r\n                }\r\n                e=e||event\r\n                if(!this.scroll){\r\n                    e.currentTarget.addEventListener(\"mousewheel\",function(ev){\r\n                        ev.preventDefault();\r\n                    },false);\r\n\r\n                    e.currentTarget.addEventListener(\"DOMMouseScroll\",function(ev){\r\n                        ev.preventDefault();\r\n                    },false);\r\n                }\r\n                \r\n                this.cover.style.display='block'\r\n                this.canvas.style.display='block'\r\n            },\r\n            mouseleave(){\r\n                if(!this.init){\r\n                    return false\r\n                }\r\n                this.cover.style.display='none'\r\n                this.canvas.style.display='none'\r\n            },\r\n            rotate(direction){\r\n                var orginImg=new Image()\r\n                orginImg.crossOrigin = \"Anonymous\";\r\n                orginImg.src=this.orginUrl\r\n                orginImg.onload=()=>{\r\n                    this.rotateImg(orginImg,direction,this.step)\r\n                }\r\n                if(this.bigOrginUrl){\r\n                    var bigOrginImg=new Image()\r\n                    orginImg.crossOrigin = \"Anonymous\";\r\n                    bigOrginImg.src=this.bigOrginUrl\r\n                    bigOrginImg.onload=()=>{\r\n                        this.rotateImg(bigOrginImg,direction,this.bigStep,true)\r\n                    }\r\n                }\r\n                \r\n            },\r\n            rotateImg(img,direction,step,isBig=false){\r\n                var min_step = 0;\r\n                var max_step = 3;\r\n                if (img == null) return;\r\n                //img的高度和宽度不能在img元素隐藏后获取，否则会出错    \r\n                var height = img.height;\r\n                var width = img.width;\r\n                \r\n                if (step == null) {\r\n                    step = min_step;\r\n                }\r\n                if (direction == 'right') {\r\n                    step++;\r\n                    //旋转到原位置，即超过最大值    \r\n                    step > max_step && (step = min_step);\r\n                } else {\r\n                    step--;\r\n                    step < min_step && (step = max_step);\r\n                }   \r\n                var canvas = document.createElement('canvas')  \r\n                \r\n                //旋转角度以弧度值为参数    \r\n                var degree = step * 90 * Math.PI / 180;\r\n                var ctx = canvas.getContext('2d');\r\n                canvas.width = height;\r\n                canvas.height = width;\r\n                ctx.rotate(degree);\r\n                ctx.drawImage(img, 0, -height);\r\n                switch (step) {\r\n                    case 0:\r\n                        canvas.width = width;\r\n                        canvas.height = height;\r\n                        ctx.drawImage(img, 0, 0);\r\n                        break;\r\n                    case 1:\r\n                        canvas.width = height;\r\n                        canvas.height = width;\r\n                        ctx.rotate(degree);\r\n                        ctx.drawImage(img, 0, -height);\r\n                        break;\r\n                    case 2:\r\n                        canvas.width = width;\r\n                        canvas.height = height;\r\n                        ctx.rotate(degree);\r\n                        ctx.drawImage(img, -width, -height);\r\n                        break;\r\n                    case 3:\r\n                        canvas.width = height;\r\n                        canvas.height = width;\r\n                        ctx.rotate(degree);\r\n                        ctx.drawImage(img, -width, 0);\r\n                        break;\r\n                }\r\n                var newImg=canvas.toDataURL()\r\n                \r\n                if(isBig){\r\n                    this.bigImgUrl=newImg\r\n                    this.bigStep=step\r\n                    this.initBox()\r\n                }else{\r\n                    this.imgUrl=newImg\r\n                    this.step=step\r\n                    this.$nextTick(()=>{\r\n                        this.initBox()\r\n                    })\r\n                }\r\n            },\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .magnifier-box{\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        overflow: hidden;\r\n        position: relative;\r\n        .edit-wrap{\r\n            position: absolute;\r\n            top: 5px;\r\n            right: 0;\r\n            z-index: 9999999;\r\n            background: rgba(0,0,0,0.4);\r\n            padding: 5px 15px 0 15px;\r\n            border-radius: 15px;\r\n            .rotate-left{\r\n                display: inline-block;\r\n                cursor: pointer;\r\n                width: 16px;\r\n                height: 16px;\r\n                background: url(../rotate.png);\r\n                background-size: 100% 100%;\r\n                -moz-transform:scaleX(-1);\r\n                -webkit-transform:scaleX(-1);\r\n                -o-transform:scaleX(-1);\r\n                transform:scaleX(-1);\r\n                /*IE*/\r\n                filter:FlipH;\r\n            }\r\n            .rotate-right{\r\n                margin-left: 10px;\r\n                cursor: pointer;\r\n                display: inline-block;\r\n                width: 16px;\r\n                height: 16px;\r\n                background: url(../rotate.png);\r\n                background-size: 100% 100%;\r\n            }\r\n        }\r\n        img{\r\n            width: 100%;\r\n        };\r\n        .mouse-cover{\r\n            position: fixed;\r\n            background-color: rgba(0,0,0,0.5);\r\n            cursor:move\r\n        };\r\n        .mouse-cover-canvas{\r\n            position:fixed;\r\n            left:100%;\r\n            top:0;\r\n            width:100%;\r\n            height:100%;\r\n        }\r\n        &.vertical{\r\n            img{\r\n                height: 100%;\r\n                width: auto\r\n            }\r\n        }\r\n    }\r\n</style>\r\n\r\n","import mod from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../babel-loader/lib/index.js??ref--15-0!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./PicZoom.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../babel-loader/lib/index.js??ref--15-0!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./PicZoom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PicZoom.vue?vue&type=template&id=69c01ff0&scoped=true&\"\nimport script from \"./PicZoom.vue?vue&type=script&lang=js&\"\nexport * from \"./PicZoom.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PicZoom.vue?vue&type=style&index=0&id=69c01ff0&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"69c01ff0\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"preview\">\r\n    <div class=\"gallery_wrap\">\r\n      <pic-zoom :url=\"images[imageIndex]\" v-if=\"images.length > 0\" :scale=\"2\"></pic-zoom>\r\n    </div>\r\n    <div class=\"spec-list\">\r\n      <a href=\"javascript:void(0);\" class=\"spec-prev prevStop\">\r\n        <i class=\"iconfont icon-left\"></i>\r\n      </a>\r\n      <div class=\"spec-items\">\r\n        <ul>\r\n          <li data-type=\"img\" v-for=\"(image,index) in images\" v-bind:key=\"index\" @mouseover=\"imageIndex=index\">\r\n            <a href=\"javascript:void(0);\" v-if=\"index == imageIndex\" class=\"MagicThumb-swap img-hover\" style=\"outline: none; display: inline-block;\">\r\n              <img :src=\"image\" width=\"58\" height=\"58\">\r\n            </a>\r\n            <a href=\"javascript:void(0);\" v-else class=\"MagicThumb-swap\" style=\"outline: none; display: inline-block;\">\r\n              <img :src=\"image\" width=\"58\" height=\"58\">\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <a href=\"javascript:void(0);\" class=\"spec-next nextStop\"><i class=\"iconfont icon-right\"></i></a>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport PicZoom from 'vue-piczoom'\r\nexport default {\r\n  name: \"GoodsImages\",\r\n  components:{\r\n    PicZoom\r\n  },\r\n  data(){\r\n    return{\r\n      imageIndex: 0\r\n    }\r\n  },\r\n  props: {\r\n    images: {\r\n      type: Array\r\n    }\r\n  },\r\n  created() {\r\n\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/babel-loader/lib/index.js??ref--15-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/babel-loader/lib/index.js??ref--15-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=4c8c0290&scoped=true&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\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  \"4c8c0290\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <Header ref=\"header\"/>\r\n\r\n    <div class=\"full-main-n\">\r\n      <div class=\"w w1200 relative\">\r\n        <div class=\"crumbs-nav\">\r\n          <div class=\"crumbs-nav-main clearfix\">\r\n            <div class=\"crumbs-nav-item\" v-for=\"(cate) in CrumbsCategories\" v-bind:key=\"cate.id\">\r\n              <div class=\"menu-drop\">\r\n                <div class=\"trigger bottom\">\r\n                  <router-link :to=\"{path:'category',query:{id:cate.id}}\" target=\"_blank\" tag=\"a\">\r\n                    <span>{{cate.name}}</span>\r\n                  </router-link>\r\n                </div>\r\n              </div>\r\n              <i class=\"iconfont icon-right\"></i>\r\n            </div>\r\n            <span class=\"cn-goodsName\">{{ detail.name }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"container\">\r\n      <div class=\"w w1200\">\r\n        <div class=\"product-info mt20\">\r\n          <goods-images :images=\"images\"/>\r\n          <div class=\"product-wrap\">\r\n            <div class=\"name\">{{ detail.name }}</div>\r\n            <div class=\"tip\">\r\n              <p>温馨提示：部分商品包装更换频繁，如货品与图片不完全一致，请以收到的商品实物为准。</p>\r\n            </div>\r\n            <div class=\"brief\" v-if=\"detail.subName!='' && detail.subName!=null\">\r\n              <p v-for=\"(b,index) in detail.subName.split('$$')\" v-bind:key=\"index\">\r\n                {{b}}\r\n              </p>\r\n            </div>\r\n            <div class=\"summary\">\r\n              <div class=\"summary-price-wrap\">\r\n                <div class=\"s-p-w-wrap\">\r\n                  <div class=\"summary-item si-shop-price\">\r\n                    <div class=\"si-tit\">商 城 价</div>\r\n                    <div class=\"si-warp\">\r\n                      <strong class=\"shop-price\"><em>¥</em>{{ detail.price }}</strong>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"summary-item si-market-price\" v-if=\"detail.marketPrice\">\r\n                    <div class=\"si-tit\">市 场 价</div>\r\n                    <div class=\"si-warp\">\r\n                      <div class=\"m-price\"><em>¥</em>{{ detail.marketPrice }}</div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"clear\"></div>\r\n                </div>\r\n              </div>\r\n              <div class=\"summary-basic-info\">\r\n                <div class=\"summary-item is-integral\" v-for=\"(para,index) in detail.paras\" v-bind:key=\"index\">\r\n                  <div class=\"si-tit\" v-if=\"para.value\">{{para.name}}</div>\r\n                  <div class=\"si-warp\" v-if=\"para.value\">{{para.value}}</div>\r\n                </div>\r\n\r\n                <div class=\"summary-item is-number\">\r\n                  <div class=\"si-tit\">数量</div>\r\n                  <div class=\"si-warp\">\r\n                    <amount-box v-model=\"nums\" :max=\"99999\" :min=\"0\" @keyup.enter.native=\"addCart\"></amount-box>\r\n                  </div>\r\n                </div>\r\n                <div class=\"clear\"></div>\r\n              </div>\r\n              <div class=\"choose-btns ml60 clearfix\">\r\n                <a href=\"javascript:void(0);\" v-on:click=\"addCart\" class=\"btn-append\"><i class=\"iconfont icon-carts\"></i>加入购物车</a>\r\n                <a href=\"javascript:void(0);\" v-on:click=\"buyNow\" class=\"btn-buynow\">立即购买</a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"track\">\r\n            <div class=\"track_warp\">\r\n              <div class=\"track-tit\">\r\n                <h3>看了又看</h3>\r\n                <span></span>\r\n              </div>\r\n              <swiper ref=\"mySwiper\" :options=\"swiperOptions\" style=\"overflow:hidden; position:relative; height:555px\">\r\n                <swiper-slide v-for=\"(good,index) in looks\" v-bind:key=\"index\" style=\"width: 140px;height: 180px;\">\r\n                  <div class=\"p-img\">\r\n                    <router-link :to=\"{path:'goods',query:{id:good.id}}\" target=\"_blank\" tag=\"a\">\r\n                      <img :src=\"getCoverImage(good.images)\" style=\"width: 140px !important;height: 140px !important;\">\r\n                    </router-link>\r\n                  </div>\r\n                  <div class=\"p-name\">\r\n                    <router-link :to=\"{path:'goods',query:{id:good.id}}\" target=\"_blank\" tag=\"a\">\r\n                      {{good.name}}\r\n                    </router-link>\r\n                  </div>\r\n                  <div class=\"price\">\r\n                    <em>¥</em>{{good.price}}\r\n                  </div>\r\n                </swiper-slide>\r\n              </swiper>\r\n              <div class=\"track-more\">\r\n                <a href=\"javascript:void(0);\" class=\"sprite-up prevStop\" v-on:click=\"prev\"><i class=\"iconfont icon-up\"></i></a>\r\n                <a href=\"javascript:void(0);\" class=\"sprite-down\" v-on:click=\"next\"><i class=\"iconfont icon-down\"></i></a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"clear\"></div>\r\n        </div>\r\n\r\n\r\n        <div class=\"goods-main-layout\">\r\n          <div class=\"g-m-left\">\r\n            <div class=\"g-main g-history\">\r\n              <div class=\"mt\">\r\n                <h3>最近浏览</h3>\r\n                <a v-on:click=\"clearViews\" class=\"clear_history ftx-05 fr mt10 mr10\" href=\"javascript:void(0);\">清空</a>\r\n              </div>\r\n              <div class=\"mc\">\r\n                <div class=\"mc-warp\">\r\n                  <div class=\"history_tishi\" v-if=\"views.length==0\">\r\n                    您已清空最近浏览过的商品<br>\r\n                    <router-link :to=\"{path:'/'}\" class=\"ftx-05\" tag=\"a\">去购物</router-link>\r\n                  </div>\r\n                  <ul v-else>\r\n                    <li v-for=\"(good) in views\" v-bind:key=\"good.id\">\r\n                      <div class=\"p-img\">\r\n                        <router-link :to=\"{path:'goods',query:{id:good.id}}\" target=\"_blank\"  tag=\"a\">\r\n                          <img :src=\"getCoverImage(good.images)\" width=\"170\" height=\"170\">\r\n                        </router-link>\r\n                      </div>\r\n                      <div class=\"p-name\">\r\n                        <router-link :to=\"{path:'goods',query:{id:good.id}}\" target=\"_blank\"  tag=\"a\">\r\n                          {{good.name}}\r\n                        </router-link>\r\n                      </div>\r\n                      <div class=\"p-lie\">\r\n                        <div class=\"p-price\">\r\n                          <em>¥</em>{{good.price}}\r\n                        </div>\r\n                      </div>\r\n                    </li>\r\n                  </ul>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"g-m-detail\">\r\n            <div class=\"gm-tabbox\" ectype=\"gm-tabs\">\r\n              <ul class=\"gm-tab\">\r\n                <li class=\"curr\">商品详情</li>\r\n              </ul>\r\n              <div class=\"gm-tab-qp-bort\" style=\"width: 1903px; left: -581.5px;\"></div>\r\n            </div>\r\n            <div class=\"gm-floors\">\r\n              <div class=\"gm-f-item gm-f-details\">\r\n                <div v-html=\"detail.intro\" v-if=\"detail.intro\" style=\"text-align: center\"></div>\r\n                <div v-else style=\"text-align: center\">\r\n                  <p><img :src=\"images[0]\"/></p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"clear\"></div>\r\n          <div class=\"rection\" id=\"guess_goods_love\">\r\n            <div class=\"ftit\">\r\n              <h3>猜你喜欢</h3>\r\n            </div>\r\n            <ul>\r\n              <li v-for=\"(good) in guesses\" v-bind:key=\"good.id\">\r\n                <div class=\"p-img\">\r\n                  <router-link :to=\"{path:'goods',query:{id:good.id}}\" target=\"_blank\"  tag=\"a\">\r\n                    <img :src=\"getCoverImage(good.images)\" width=\"134\" height=\"134\">\r\n                  </router-link>\r\n                </div>\r\n                <div class=\"p-name\">\r\n                  <router-link :to=\"{path:'goods',query:{id:good.id}}\" target=\"_blank\"  tag=\"a\">\r\n                    {{good.name}}\r\n                  </router-link>\r\n                </div>\r\n                <div class=\"p-price\">\r\n                  <em>¥</em>{{good.price}}\r\n                </div>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport AmountBox from '@/components/AmountBox/Index'\r\nimport 'swiper/css/swiper.css'\r\nimport Header from '@/components/header/Index'\r\nimport Footer from '@/components/footer/Index'\r\nimport GoodsImages from '@/components/GoodsImages/Index'\r\nimport {getDetial, getGoodsSearch, cartCreate} from \"@/api/good\"\r\nimport {getCategoryCrumbs} from \"@/api/category\";\r\n\r\nexport default {\r\n  name: \"Good\",\r\n  components: {\r\n    Header,\r\n    Footer,\r\n    GoodsImages,\r\n    Swiper,\r\n    SwiperSlide,\r\n    AmountBox\r\n  },\r\n  data() {\r\n    return {\r\n      detail:{},\r\n      guesses:[],     //  猜喜欢\r\n      looks:[],       // 看了又看\r\n      views:[],\r\n      CrumbsCategories:[],\r\n      images:[],\r\n      nums: 0,\r\n      swiperOptions: {\r\n        slidesPerView: 3,\r\n        spaceBetween: 0,\r\n        direction:'vertical'\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    this.getDetail();\r\n    this.getGuesses();\r\n    this.getLooks();\r\n    this.getViews();\r\n\r\n    if(localStorage.getItem('ids')==null){\r\n      let viewIds = new Array()\r\n      viewIds.push(this.$route.query.id)\r\n      localStorage.setItem(\"ids\", JSON.stringify(viewIds))\r\n    }else{\r\n      let viewIds = JSON.parse(localStorage.getItem(\"ids\"))\r\n      if(!viewIds.includes(this.$route.query.id)){\r\n        viewIds.push(this.$route.query.id)\r\n      }\r\n      viewIds = viewIds.reverse()\r\n      viewIds = viewIds.slice(0,3) //只取3个\r\n      localStorage.setItem(\"ids\", JSON.stringify(viewIds))\r\n    }\r\n  },\r\n  computed: {\r\n    swiper() {\r\n      return this.$refs.mySwiper.$swiper\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$refs.header.hideCate();\r\n\r\n\r\n\r\n    //this.swiper.slideTo(3, 1000, false)\r\n  },\r\n  methods:{\r\n    getDetail(){\r\n      getDetial(this.$route.query.id).then(res => {\r\n        this.detail = res.data;\r\n\r\n        this.getCrumbsCategories();\r\n\r\n        document.title= this.detail.name+'_'+document.title;\r\n\r\n        // if(this.detail.image.indexOf(\"image.yabyy.com\") == -1){\r\n        //   this.detail.image = settings.AdminUrl+this.detail.image\r\n        // }\r\n\r\n        // let imgs = []\r\n        // imgs.push(this.detail.image)\r\n        // this.detail.images.split(',').forEach((img)=>{\r\n        //   if(img.indexOf(\"image.yabyy.com\") == -1){\r\n        //     imgs.push(settings.AdminUrl+img)\r\n        //   }\r\n        // })\r\n\r\n        // 规格\r\n        if(this.detail.paramsData != null){\r\n          this.detail.paras = JSON.parse(this.detail.paramsData.replace(/[\\r|\\n|\\t]/g,''))\r\n        }else{\r\n          this.detail.paras = []\r\n        }\r\n\r\n        // 轮播图\r\n        let imgs = JSON.parse(this.detail.images)\r\n        this.images = imgs.map((item)=>{\r\n          console.log('=========================')\r\n          console.log(imgs)\r\n          return item.attachmentId == '' ? this.staticUrl + '/app/no-pic.png' : this.staticUrl + '/' + item.imageUrl\r\n\r\n        })\r\n\r\n\r\n      })\r\n    },\r\n    getCrumbsCategories(){\r\n      // 取第一个非空值\r\n      if(this.detail.categoryies != null){\r\n        let categoryId = this.detail.categoryies.split(',').find((item) => {\r\n          return item != ''\r\n        })\r\n        getCategoryCrumbs(categoryId).then(res => {\r\n          this.CrumbsCategories = res.data.reverse()\r\n        });\r\n      }\r\n    },\r\n    getGuesses(){\r\n      // getGoodsRecommendList({\r\n      //   id:5\r\n      // }).then(res => {\r\n      //   this.guesses = res.data\r\n      //   this.guesses.forEach((i)=>{\r\n      //     if(i.image.indexOf(\"image.yabyy.com\") == -1){\r\n      //       i.image = settings.AdminUrl + i.image\r\n      //     }\r\n      //   })\r\n      // })\r\n      getGoodsSearch({\r\n        currentPage: 1,\r\n        pageSize: 5,\r\n        sidx: 'newid()',\r\n      }).then(res => {\r\n        this.guesses = res.data.list;\r\n        })\r\n    },\r\n    getViews(){\r\n      if(localStorage.getItem('ids')==null){\r\n        this.views = []\r\n      }else{\r\n        let viewIds = JSON.parse(localStorage.getItem(\"ids\"));\r\n        let where ={}\r\n        where.ids = viewIds.toString()\r\n        getGoodsSearch({\r\n          currentPage: 1,\r\n          pageSize: 9,\r\n          sidx: 'id',\r\n          ids: viewIds.toString()\r\n        }).then(res => {\r\n          this.views = res.data.list\r\n          // this.views.forEach((i)=>{\r\n          //   if(i.image.indexOf(\"image.yabyy.com\") == -1){\r\n          //     i.image = settings.AdminUrl + i.image\r\n          //   }\r\n          // })\r\n        })\r\n      }\r\n    },\r\n    getLooks(){\r\n      getGoodsSearch({\r\n        currentPage: 1,\r\n        pageSize: 9,\r\n        sidx: 'Visits',\r\n      }).then(res => {\r\n        this.looks = res.data.list;\r\n      })\r\n    },\r\n    prev() {\r\n      this.swiper.slidePrev();\r\n    },\r\n    next() {\r\n      this.swiper.slideNext();\r\n    },\r\n    clearViews(){\r\n      localStorage.removeItem('ids')\r\n      this.views = []\r\n    },\r\n    addCart(){\r\n      if(this.nums <= 0){\r\n        this.$message({\r\n          message: '购物车数量必须大于0',\r\n          offset: 80,\r\n          type: 'warning'\r\n        });\r\n      }else{\r\n        let _this = this;\r\n\r\n        cartCreate({\r\n          goodsId: this.detail.id,\r\n          num: this.nums,\r\n          price: this.detail.price,\r\n          signId: 2,\r\n          skuId: this.detail.skus[0].id,\r\n          specInfo : this.detail.skus[0].specValue\r\n        }).then((res) => {\r\n          if(res!=undefined){\r\n            _this.$message({\r\n              message: '加入购物车成功',\r\n              type: 'success'\r\n            });\r\n          }\r\n        }).catch(() => {\r\n\r\n        });\r\n\r\n        // addCart({\r\n        //   goodsId: this.detail.id,\r\n        //   num: this.nums\r\n        // }).then(res => {\r\n        //   this.$message({\r\n        //     message: res.msg,\r\n        //     type: 'success'\r\n        //   });\r\n        // })\r\n      }\r\n    },\r\n    buyNow(){\r\n      //console.log('*************************')\r\n      //console.log(this.detail)\r\n      if(this.nums <= 0){\r\n        this.$message({\r\n          message: '购买数量必须大于0',\r\n          type: 'warning'\r\n        });\r\n      }else{\r\n        this.$router.push({path:'/buy',query:{id:this.detail.id,num:this.nums}});\r\n        // addCart({\r\n        //   productId: this.detail.product.id,\r\n        //   nums: this.nums,\r\n        //   type: 2\r\n        // }).then(res => {\r\n        //   if(res.status){\r\n        //     this.$router.push({path:'/buy',query:{ids:res.data}});\r\n        //   }else{\r\n        //     this.$message({\r\n        //       message: res.msg,\r\n        //       type: 'success'\r\n        //     });\r\n        //   }\r\n        //\r\n        //\r\n        // })\r\n      }\r\n    },\r\n    getCoverImage(images){\r\n      let json = JSON.parse(images)\r\n      return json[0].attachmentId == '' ? this.staticUrl + '/app/no-pic.png' : this.staticUrl + '/' + json[0].imageUrl\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.menu-drop{\r\n  background-color: #f8f8f8;\r\n}\r\n.gm-f-details{\r\n  margin-top: 28px;\r\n}\r\n\r\n.track-more {\r\n  text-align: center;\r\n  font-size: 0;\r\n  height: 24px;\r\n  line-height: 24px;\r\n  margin-top: 10px;\r\n}\r\n.track-more .sprite-up {\r\n  margin-right: 20px;\r\n}\r\n.track-more .iconfont {\r\n  font-size: 24px;\r\n  color: #8c8c8c;\r\n}\r\n.p-name {\r\n  width: 100%;\r\n  height: 20px;\r\n  line-height: 20px;\r\n  font-size: 12px;\r\n}\r\n\r\n.p-name a {\r\n  display: block;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.price{\r\n  width: 100%;\r\n  height: 20px;\r\n  line-height: 20px;\r\n  text-align: center;\r\n  color: #f42424;\r\n}\r\n\r\n.brief{\r\n  background-color: #F56C6C;\r\n  padding: 12px 5px 12px;\r\n  color: #fff;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.tip{\r\n  background-color: #e6a23c;\r\n  padding: 12px 5px 12px;\r\n  color: #fff;\r\n  margin-bottom: 8px;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/babel-loader/lib/index.js??ref--15-0!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Good.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/babel-loader/lib/index.js??ref--15-0!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Good.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Good.vue?vue&type=template&id=1189f98c&scoped=true&\"\nimport script from \"./Good.vue?vue&type=script&lang=js&\"\nexport * from \"./Good.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Good.vue?vue&type=style&index=0&id=1189f98c&prod&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  \"1189f98c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Good.vue?vue&type=style&index=0&id=1189f98c&prod&scoped=true&lang=css&\"","export * from \"-!../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../vue-loader/lib/loaders/stylePostLoader.js!../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../sass-loader/lib/loader.js??ref--9-oneOf-1-3!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./PicZoom.vue?vue&type=style&index=0&id=69c01ff0&prod&lang=scss&scoped=true&\""],"sourceRoot":""}