| 123456 |
- ;(function(){function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}var __vite_style__=document.createElement('style');__vite_style__.innerHTML=":root{--van-action-bar-icon-width: 1.28rem;--van-action-bar-icon-height: 100%;--van-action-bar-icon-color: var(--van-text-color);--van-action-bar-icon-size: .48rem;--van-action-bar-icon-font-size: var(--van-font-size-xs);--van-action-bar-icon-active-color: var(--van-active-color);--van-action-bar-icon-text-color: var(--van-gray-7);--van-action-bar-icon-background-color: var(--van-background-color-light)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background-color);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}._swipeItemImg_1u602_1,._swipe_1u602_1{width:100%;height:10rem;vertical-align:middle}._custom-indicator_1u602_7{position:absolute;right:.13333rem;bottom:.13333rem;padding:.10667rem .21333rem;font-size:.37333rem;color:#fff;background:rgba(0,0,0,.5);border-radius:.10667rem}._goodsHead_1u602_17{padding:.21333rem 0}._goodsHead_1u602_17 .van-cell{padding-top:.13333rem;padding-bottom:.13333rem}._priceGroup_1u602_24{display:flex;align-items:center}._priceGroup_1u602_24 ._price_1u602_24{color:#ff4e19;font-size:.64rem}._priceGroup_1u602_24 ._price_1u602_24 i{font-size:.42667rem;font-style:normal}._priceGroup_1u602_24 ._delPrice_1u602_36{font-size:.37333rem;color:#999;margin-left:.32rem;line-height:.53333rem}._priceGroup_1u602_24 ._stock_1u602_42{font-size:.37333rem;color:#999}._goodsName_1u602_46{font-size:.42667rem;font-weight:500;color:#333;line-height:.58667rem}._row_1u602_52{background-color:#fff;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding)}._row_1u602_52 ._col_1u602_56{line-height:.85333rem;font-size:.42667rem;color:#333}._radio-group_1u602_61{display:flex;flex-wrap:wrap}._radio_1u602_61{margin-right:.26667rem;margin-bottom:.21333rem}._radio_1u602_61 .van-radio__label--disabled{opacity:.5}._radio_1u602_61 .van-radio__icon{display:none}._radio_1u602_61 .van-tag--large{height:.85333rem;font-size:.42667rem;text-align:center;display:flex;align-items:center;justify-content:center}._radio_1u602_61 .van-tag{box-sizing:border-box}._radio_1u602_61 .van-tag--default{color:#999}._radio_1u602_61 .van-tag--primary{background-color:#f7f8f9}._radio_1u602_61 .van-radio__label{margin-left:0}._badge_1u602_95 .van-badge{border-radius:.16rem 0;font-size:.32rem}._section_1u602_99{background:#fff;padding:.32rem 0 0}._detail_1u602_103{display:flex;align-items:center;justify-content:center;font-size:.37333rem;color:#999;line-height:.53333rem;margin-bottom:.32rem}._detail_1u602_103 span{padding:0 .26667rem}._detail_1u602_103:before,._detail_1u602_103:after{display:inline-block;content:\" \";width:1.06667rem;height:.08rem}._detail_1u602_103:before{background:linear-gradient(90deg,rgba(238,238,238,0) 0%,#d8d8d8 100%)}._detail_1u602_103:after{background:linear-gradient(270deg,rgba(238,238,238,0) 0%,#d8d8d8 100%)}._photoDetail_1u602_128 img{width:100%;vertical-align:middle}._goodsDetail_1u602_132{margin-bottom:var(--van-action-bar-height)}._actionBar_1u602_135{padding:0 .13333rem;justify-content:space-between;box-shadow:0 -.26667rem .26667rem var(--box-shadow-color)}._actionBar_1u602_135 .van-action-bar-icon{align-items:center}._actionBar_1u602_135 .van-action-bar-icon__icon{margin-bottom:0;line-height:0}._addCertBtn_1u602_147{background:#fff;border:var(--van-button-border-width) solid var(--van-button-primary-border-color);color:var(--van-primary)}._buyGroup_1u602_152{flex-basis:60%;display:flex;justify-content:center}\n";document.head.appendChild(__vite_style__);System.register(['./index-legacy.0f68c9ec.js','./vendor-legacy.ef66db0e.js','./index-legacy.637f35563.js','./index-legacy.f25f109a4.js','./index-legacy.f25f109a.js','./index-legacy.f25f109a2.js','./index-legacy.f25f109a15.js','./index-legacy.637f35566.js','./index-legacy.f25f109a14.js','./index-legacy.f25f109a9.js','./index-legacy.637f3556.js','./index-legacy.637f35562.js','./icon-shop-cart-legacy.4af1d7c9.js'],function(exports){'use strict';var request,moneyFormat,defineComponent,ImagePreview,Toast,createVNode,Swipe,SwipeItem,Image,createTextVNode,CellGroup,Cell,Row,Col,RadioGroup,Badge,Radio,Tag,isVNode,ActionBar,ActionBarIcon,Icon,ActionBarButton,iconShopCart;return{setters:[function(module){request=module.r;moneyFormat=module.m;},function(module){defineComponent=module.d;ImagePreview=module.af;Toast=module.T;createVNode=module.a;Swipe=module.ah;SwipeItem=module.ag;Image=module.q;createTextVNode=module.b;CellGroup=module.C;Cell=module.t;Row=module.k;Col=module.l;RadioGroup=module.a9;Badge=module.aj;Radio=module.aa;Tag=module.z;isVNode=module.x;ActionBar=module.ak;ActionBarIcon=module.al;Icon=module.I;ActionBarButton=module.am;},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(module){iconShopCart=module.i;}],execute:function execute(){var index$1='';var swipeItemImg="_swipeItemImg_1u602_1";var swipe="_swipe_1u602_1";var goodsHead="_goodsHead_1u602_17";var priceGroup="_priceGroup_1u602_24";var price="_price_1u602_24";var delPrice="_delPrice_1u602_36";var stock="_stock_1u602_42";var goodsName="_goodsName_1u602_46";var row="_row_1u602_52";var col="_col_1u602_56";var radio="_radio_1u602_61";var badge="_badge_1u602_95";var section="_section_1u602_99";var detail="_detail_1u602_103";var photoDetail="_photoDetail_1u602_128";var goodsDetail="_goodsDetail_1u602_132";var actionBar="_actionBar_1u602_135";var addCertBtn="_addCertBtn_1u602_147";var buyGroup="_buyGroup_1u602_152";var styles={swipeItemImg:swipeItemImg,swipe:swipe,"custom-indicator":"_custom-indicator_1u602_7",goodsHead:goodsHead,priceGroup:priceGroup,price:price,delPrice:delPrice,stock:stock,goodsName:goodsName,row:row,col:col,"radio-group":"_radio-group_1u602_61",radio:radio,badge:badge,section:section,detail:detail,photoDetail:photoDetail,goodsDetail:goodsDetail,actionBar:actionBar,addCertBtn:addCertBtn,buyGroup:buyGroup};function _isSlot(s){return typeof s==='function'||Object.prototype.toString.call(s)==='[object Object]'&&!isVNode(s);}var index=exports('default',defineComponent({name:'goods-detail',data:function data(){var query=this.$route.query;return{id:query.id,albumPics:[],product:{},radio:'',skuStockListTemp:[],detailMobileHtml:'',loading:false};},computed:{skuStockList:function skuStockList(){// 处理规格
- var product=this.product;var skuStockList=this.skuStockListTemp.length>0?this.skuStockListTemp:[{id:-1,price:product.price,pic:product.pic,stock:product.stock,spData:null}];skuStockList.forEach(function(item){if(item.spData){var spData=JSON.parse(item.spData);var str='';spData.forEach(function(sp){str+="".concat(sp.value);});item.spDataJson=str;}else{item.spDataJson='默认';}});return skuStockList;}},mounted:function mounted(){var _this=this;return _asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee(){var res,result;return regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.prev=0;_this.loading=true;_context.next=4;return request.get("/api-mall-portal/product/detail/".concat(_this.id));case 4:res=_context.sent;_this.loading=false;result=res.data||{};_this.albumPics=result.product.albumPics?result.product.albumPics.split(','):[result.product.pic];_this.product=result.product;_this.skuStockListTemp=result.skuStockList||[];_this.detailMobileHtml=result.product.detailMobileHtml;_context.next=15;break;case 13:_context.prev=13;_context.t0=_context["catch"](0);case 15:case"end":return _context.stop();}}},_callee,null,[[0,13]]);}))();},methods:{onPreview:function onPreview(index){// 图片预览
- ImagePreview({images:this.albumPics,startPosition:index,closeable:true});},onShowImg:function onShowImg(target){var localName=target.srcElement.localName;if(localName!=='img'){return;}var startPosition=0;var domList=document.querySelectorAll('.msgWrap img');var imgList=Array.from(domList).map(function(item,index){if(target.srcElement==item){startPosition=index;}return item.src;});ImagePreview({images:imgList,startPosition:startPosition,closeable:true});},onBuy:function onBuy(){// 购买
- if(!this.radio){return Toast('请选择规格');}console.log(true);}},render:function render(){var _this2=this;var _slot;var product=this.product;return createVNode("div",{"class":styles.goodsDetail},[createVNode(Swipe,{"class":styles.swipe,"lazyRender":true},{default:function _default(){return[_this2.albumPics.map(function(item,index){return createVNode(SwipeItem,null,{default:function _default(){return[createVNode(Image,{"class":styles.swipeItemImg,"src":item,"onClick":function onClick(){return _this2.onPreview(index);},"fit":"cover"},null)];}});})];},indicator:function indicator(item){return item.total>1&&createVNode("div",{"class":styles['custom-indicator']},[(item.active||0)+1,createTextVNode(" / "),item.total]);}}),createVNode(CellGroup,{"border":false,"class":[styles.goodsHead,'mb12']},{default:function _default(){return[createVNode(Cell,{"center":true,"border":false},{title:function title(){return createVNode("div",{"class":styles.priceGroup},[createVNode("span",{"class":styles.price},[createVNode("i",null,[createTextVNode("\xA5")]),moneyFormat(product.price)]),createVNode("del",{"class":styles.delPrice},[createTextVNode("\xA5"),moneyFormat(product.originalPrice)])]);}// default: () => <div class={styles.stock}>销量4件</div>
- }),createVNode(Cell,{"center":true,"border":false,"title":product.name,"titleClass":[styles.goodsName,'van-ellipsis']},null)];}}),createVNode(Row,{"class":[styles.row,'mb12']},{default:function _default(){return[createVNode(Col,{"span":4,"class":styles.col},{default:function _default(){return[createTextVNode("\u89C4\u683C")];}}),createVNode(Col,{"span":20},{default:function _default(){return[createVNode(RadioGroup,{"class":styles['radio-group'],"modelValue":_this2.radio,"onUpdate:modelValue":function onUpdateModelValue(val){return _this2.radio=val;}},_isSlot(_slot=_this2.skuStockList.map(function(item){var isActive=item.id===_this2.radio;var type=isActive?'primary':'default';return createVNode(Badge,{"position":"top-right","content":item.stock<=0?'缺货':'',"color":'#999999',"class":styles.badge,"offset":[-20,0]},{default:function _default(){return[createVNode(Radio,{"class":styles.radio,"name":item.id,"disabled":item.stock<=0,"onClick":function onClick(){// 判断是否有库存
- if(item.stock<=0){return;}_this2.radio=item.id;}},{default:function _default(){return[createVNode(Tag,{"size":"large","plain":isActive,"type":type},{default:function _default(){return[item.spDataJson];}})];}})];}});}))?_slot:{default:function _default(){return[_slot];}})];}})];}}),this.detailMobileHtml&&createVNode("div",{"class":[styles.section]},[createVNode("div",{"class":styles.detail},[createVNode("span",null,[createTextVNode("\u56FE\u6587\u8BE6\u60C5")])]),createVNode("div",{"class":[styles.photoDetail,'msgWrap'],"onClick":this.onShowImg,"innerHTML":this.detailMobileHtml},null)]),!this.loading&&createVNode(ActionBar,{"class":styles.actionBar},{default:function _default(){return[createVNode(ActionBarIcon,{"icon":"cart-o"},{icon:function icon(){return createVNode(Icon,{"name":iconShopCart,"size":30},null);}}),createVNode("div",{"class":styles.buyGroup},[createVNode(ActionBarButton,{"type":"primary","class":styles.addCertBtn,"text":"加入购物车"},null),createVNode(ActionBarButton,{"type":"primary","text":"立即购买","onClick":_this2.onBuy},null)])];}})]);}}));}};});})();
|
