| 1 |
- import{s as e,y as s,d as t,a5 as a,l,m as c,e as o,f as r,w as n,j as i,A as u,v as d,k as f,F as m,r as p,B as b,t as _,u as x,a6 as y,a7 as g,g as w,a8 as v,a9 as h,aa as k,ab as $,E as I,i as C,x as V,G as T,c as j,ac as L,L as S}from"./index-98d9ab90.js";import{c as F,a as B}from"./s-layout.63810ec9.js";import{F as O}from"./favorite.ca4e24d9.js";import{_ as N}from"./_plugin-vue_export-helper.1b428a4d.js";import{_ as R}from"./s-empty.1e7e3e5c.js";import{c as A,C as E}from"./comment-item.ef6c7190.js";import{_ as H}from"./mp-html.248f3504.js";const M=N({__name:"detail-navbar",props:{modelValue:{type:Object,default(){}},collectIcon:{type:Boolean,default:!0},shareIcon:{type:Boolean,default:!0}},emits:["clickLeft"],setup(T,{emit:j}){const L=e.$platform.device.statusBarHeight,S=e.$platform.navbar;e.$platform.capsule.width,e.$platform.capsule.height;const N=s({tabOpacityVal:0,curTab:"goods",tabList:[{label:"商品",value:"goods",to:"detail-swiper-selector"},{label:"评价",value:"comment",to:"detail-comment-selector"},{label:"详情",value:"detail",to:"detail-content-selector"}]}),R=T,A=j,E=e.$router.hasHistory();function H(){E?e.$router.back():e.$router.go("/pages/index/index"),A("clickLeft")}function M(){h()}let P={top:0,bottom:0};async function U(){if(R.modelValue.favorite){const{code:s}=await O.deleteFavorite(R.modelValue.id);if(0!==s)return;e.$helper.toast("取消收藏"),R.modelValue.favorite=!1}else{const{code:s}=await O.createFavorite(R.modelValue.id);if(await O.createCollectBefore(R.modelValue.id),0!==s)return;e.$helper.toast("收藏成功"),R.modelValue.favorite=!0}}return t((s=>{N.tabOpacityVal=s.scrollTop>e.$platform.navbar?1:.01*s.scrollTop,0===P.top&&a((()=>{new Promise(((e,s)=>{k().select(".detail-comment-selector").boundingClientRect((s=>{s?(P.top=s.top,P.bottom=s.top+s.height,e(s)):e(null)})).exec()}))}),50),s.scrollTop<P.top-S?N.curTab="goods":s.scrollTop>=P.top-S&&s.scrollTop<=P.bottom-S?N.curTab="comment":N.curTab="detail"})),(s,t)=>{const a=l(c("su-status-bar"),F),h=I,k=C,j=V,O=l(c("su-fixed"),B);return o(),r(O,{alway:"",bgStyles:{background:"#fff"},val:0,noNav:"",opacity:"",placeholder:!1},{default:n((()=>[i(a),i(k,{class:"ui-bar ss-flex ss-col-center ss-row-between ss-p-x-20",style:u([{height:d(S)-d(L)+"px"}])},{default:n((()=>[i(k,{class:"icon-box ss-flex"},{default:n((()=>[i(k,{class:"icon-button icon-button-left ss-flex ss-row-center",onClick:H},{default:n((()=>[d(E)?(o(),r(h,{key:0,class:"sicon-back"})):(o(),r(h,{key:1,class:"sicon-home"}))])),_:1}),i(k,{class:"line"}),i(k,{class:"icon-button icon-button-right ss-flex ss-row-center",onClick:M},{default:n((()=>[i(h,{class:"sicon-more"})])),_:1})])),_:1}),i(k,{class:"detail-tab-card ss-flex-1",style:u([{opacity:N.tabOpacityVal}])},{default:n((()=>[i(k,{class:"tab-box ss-flex ss-col-center ss-row-around"},{default:n((()=>[(o(!0),f(m,null,p(N.tabList,(e=>(o(),r(k,{class:"tab-item ss-flex-1 ss-flex ss-row-center ss-col-center",key:e.value,onClick:s=>function(e){let s=0;"comment"===e.value?s=P.top-S+1:"detail"===e.value&&(s=P.bottom-S+1),$({scrollTop:s,duration:200})}(e)},{default:n((()=>[i(k,{class:b(["tab-title",N.curTab===e.value?"cur-tab-title":""])},{default:n((()=>[_(x(e.label),1)])),_:2},1032,["class"]),y(i(k,{class:"tab-line"},null,512),[[g,N.curTab===e.value]])])),_:2},1032,["onClick"])))),128))])),_:1})])),_:1},8,["style"]),i(k,{class:"ui-tabbar-box",style:u([{opacity:N.tabOpacityVal}])},{default:n((()=>[i(k,{class:"ui-tabbar ss-flex ss-col-center ss-row-between"},{default:n((()=>[i(k,{class:"ss-flex ss-col-center ss-row-between"},{default:n((()=>[T.collectIcon?(o(),r(k,{key:0,class:"detail-tabbar-item ss-flex ss-flex-col ss-row-center ss-col-center",onClick:U},{default:n((()=>[T.modelValue.favorite?(o(),r(j,{key:0,class:"item-icon",src:d(e).$url.static("/static/images/collect_1.gif"),mode:"aspectFit"},null,8,["src"])):(o(),r(j,{key:1,class:"item-icon",src:d(e).$url.static("/static/images/collect_0.png"),mode:"aspectFit"},null,8,["src"]))])),_:1})):w("",!0),T.shareIcon?(o(),r(k,{key:1,class:"detail-tabbar-item ss-flex ss-flex-col ss-row-center ss-col-center",onClick:d(v)},{default:n((()=>[i(j,{class:"item-icon",src:d(e).$url.static("/static/images/share.png"),mode:"aspectFit"},null,8,["src"])])),_:1},8,["onClick"])):w("",!0)])),_:1})])),_:1})])),_:1},8,["style"])])),_:1},8,["style"])])),_:1})}}},[["__scopeId","data-v-c2419445"]]),P=N({__name:"detail-cell",props:{label:{type:String,default:""},value:{type:String,default:""}},emits:["click"],setup(e,{emit:s}){const t=s,a=()=>{t("click")};return(s,t)=>{const l=C,c=I,u=T;return o(),r(l,{class:"detail-cell-wrap ss-flex ss-col-center ss-row-between",onClick:a},{default:n((()=>[i(l,{class:"label-text"},{default:n((()=>[_(x(e.label),1)])),_:1}),i(l,{class:"cell-content ss-line-1 ss-flex-1"},{default:n((()=>[_(x(e.value),1)])),_:1}),i(u,{class:"ss-reset-button"},{default:n((()=>[i(c,{class:"_icon-forward right-forwrad-icon"})])),_:1})])),_:1})}}},[["__scopeId","data-v-879372e1"]]),U={__name:"detail-cell-sku",props:{modelValue:{type:Array,default:()=>[]},sku:{type:Object}},setup(e){const s=e,t=j((()=>{var e;if(!(null==(e=s.sku)?void 0:e.id))return"请选择商品规格";let t="";return s.sku.properties.forEach((e=>{t+=e.propertyName+":"+e.valueName+" "})),t}));return(e,s)=>(o(),r(P,{label:"选择",value:t.value},null,8,["value"]))}},z=""+new URL("index-53a28843.png",import.meta.url).href,G=""+new URL("cart-ed457535.png",import.meta.url).href,q=N({__name:"detail-tabbar",props:{modelValue:{type:Object,default(){}},bg:{type:String,default:"bg-white"},bgStyles:{type:Object,default(){}},ui:{type:String,default:""},noFixed:{type:Boolean,default:!1},topRadius:{type:Number,default:0},collectIcon:{type:Boolean,default:!0},serviceIcon:{type:Boolean,default:!0},shareIcon:{type:Boolean,default:!0}},setup(t){s({});const a=()=>{e.$router.go("/pages/index/index")};return(s,u)=>{const f=V,m=C,p=l(c("su-fixed"),B);return o(),r(p,{bottom:"",placeholder:"",bg:"bg-white"},{default:n((()=>[i(m,{class:"ui-tabbar-box"},{default:n((()=>[i(m,{class:"ui-tabbar ss-flex ss-col-center ss-row-between"},{default:n((()=>[t.serviceIcon?(o(),r(m,{key:0,class:"detail-tabbar-item ss-flex ss-flex-col ss-row-center ss-col-center",onClick:a},{default:n((()=>[i(f,{class:"item-icon",src:z,mode:"aspectFit"}),i(m,{class:"item-title"},{default:n((()=>[_("首页")])),_:1})])),_:1})):w("",!0),t.shareIcon?(o(),r(m,{key:1,class:"detail-tabbar-item ss-flex ss-flex-col ss-row-center ss-col-center",onClick:u[0]||(u[0]=s=>{d(e).$router.go("/pages/index/cart")})},{default:n((()=>[i(f,{class:"item-icon",src:G,mode:"aspectFit"}),i(m,{class:"item-title"},{default:n((()=>[_("购物车")])),_:1})])),_:1})):w("",!0),L(s.$slots,"default",{},void 0,!0)])),_:3})])),_:3})])),_:3})}}},[["__scopeId","data-v-169918cd"]]),D=N({__name:"detail-skeleton",setup(s){const t=j((()=>e.$store("sys")));return(e,s)=>{const a=C,u=T,d=l(c("su-fixed"),B);return o(),r(a,{class:b(["skeleton-wrap",["theme-"+t.value.mode,"main-"+t.value.theme,"font-"+t.value.fontSize]])},{default:n((()=>[i(a,{class:"skeleton-banner"}),i(a,{class:"container-box"},{default:n((()=>[i(a,{class:"container-box-strip title ss-m-b-58"}),i(a,{class:"container-box-strip ss-m-b-20"}),i(a,{class:"container-box-strip ss-m-b-20"}),i(a,{class:"container-box-strip w-364"})])),_:1}),i(a,{class:"container-box"},{default:n((()=>[i(a,{class:"ss-flex ss-row-between ss-m-b-34"},{default:n((()=>[i(a,{class:"container-box-strip w-380"}),i(a,{class:"circle"})])),_:1}),i(a,{class:"ss-flex ss-row-between ss-m-b-34"},{default:n((()=>[i(a,{class:"container-box-strip w-556"}),i(a,{class:"circle"})])),_:1}),i(a,{class:"ss-flex ss-row-between"},{default:n((()=>[i(a,{class:"container-box-strip w-556"}),i(a,{class:"circle"})])),_:1})])),_:1}),i(a,{class:"container-box"},{default:n((()=>[i(a,{class:"container-box-strip w-198 ss-m-b-42"}),i(a,{class:"ss-flex"},{default:n((()=>[i(a,{class:"circle ss-m-r-12"}),i(a,{class:"container-box-strip w-252"})])),_:1})])),_:1}),i(d,{bottom:"",placeholder:"",bg:"bg-white"},{default:n((()=>[i(a,{class:"ui-tabbar-box"},{default:n((()=>[i(a,{class:"foot ss-flex ss-col-center"},{default:n((()=>[i(a,{class:"ss-m-r-54 ss-m-l-32"},{default:n((()=>[i(a,{class:"rec ss-m-b-8"}),i(a,{class:"oval"})])),_:1}),i(a,{class:"ss-m-r-54"},{default:n((()=>[i(a,{class:"rec ss-m-b-8"}),i(a,{class:"oval"})])),_:1}),i(a,{class:"ss-m-r-50"},{default:n((()=>[i(a,{class:"rec ss-m-b-8"}),i(a,{class:"oval"})])),_:1}),i(u,{class:"ss-reset-button add-btn ui-Shadow-Main"}),i(u,{class:"ss-reset-button buy-btn ui-Shadow-Main"})])),_:1})])),_:1})])),_:1})])),_:1},8,["class"])}}},[["__scopeId","data-v-fc3678c9"]]),J=N({__name:"detail-comment-card",props:{goodsId:{type:[Number,String],default:0}},setup(t){const a=t,u=s({commentList:[],total:0});return S((()=>{!async function(e){const{data:s}=await E.getCommentPage(e,1,3,0);u.commentList=s.list,u.total=s.total}(a.goodsId)})),(s,a)=>{const b=C,y=T,g=I,v=l(c("s-empty"),R);return o(),r(b,{class:"detail-comment-card bg-white"},{default:n((()=>[i(b,{class:"card-header ss-flex ss-col-center ss-row-between ss-p-b-30"},{default:n((()=>[i(b,{class:"ss-flex ss-col-center"},{default:n((()=>[i(b,{class:"line"}),i(b,{class:"title ss-m-l-20 ss-m-r-10"},{default:n((()=>[_("评价")])),_:1}),i(b,{class:"des"},{default:n((()=>[_("("+x(u.total)+")",1)])),_:1})])),_:1}),u.commentList.length>0?(o(),r(b,{key:0,class:"ss-flex ss-col-center",onClick:a[0]||(a[0]=s=>d(e).$router.go("/pages/goods/comment/list",{id:t.goodsId}))},{default:n((()=>[i(y,{class:"ss-reset-button more-btn"},{default:n((()=>[_("查看全部")])),_:1}),i(g,{class:"cicon-forward"})])),_:1})):w("",!0)])),_:1}),i(b,{class:"card-content"},{default:n((()=>[(o(!0),f(m,null,p(u.commentList,(e=>(o(),r(b,{class:"comment-box ss-p-y-30",key:e.id},{default:n((()=>[i(A,{item:e},null,8,["item"])])),_:2},1024)))),128)),0===u.commentList.length?(o(),r(v,{key:0,paddingTop:"0",icon:"/static/comment-empty.png",text:"期待您的第一个评价"})):w("",!0)])),_:1})])),_:1})}}},[["__scopeId","data-v-f2cb4fc6"]]),K=N({__name:"detail-content-card",props:{content:{type:String,default:""}},setup:s=>(e.$platform.device,(e,t)=>{const a=C,u=l(c("mp-html"),H);return o(),r(a,{class:"detail-content-card bg-white ss-m-x-20 ss-p-t-20"},{default:n((()=>[i(a,{class:"card-header ss-flex ss-col-center ss-m-b-30 ss-m-l-20"},{default:n((()=>[i(a,{class:"line"}),i(a,{class:"title ss-m-l-20 ss-m-r-20"},{default:n((()=>[_("详情")])),_:1})])),_:1}),i(a,{class:"card-content"},{default:n((()=>[i(u,{content:s.content},null,8,["content"])])),_:1})])),_:1})})},[["__scopeId","data-v-05c8b18d"]]);export{U as _,D as a,J as b,K as c,M as d,q as e};
|
