| 1 |
- import{s,v as e,d as t,a3 as a,l,m as o,e as c,f as r,w as n,j as i,y as d,u,k as f,F as m,r as p,z as b,p as _,t as x,a4 as y,a5 as g,g as w,a6 as h,a7 as v,a8 as k,a9 as $,C as I,i as C,q as j,D as T,c as V,aa as L,J as S}from"./index-96d37759.js";import{c as F,a as O}from"./s-layout.21b1277a.js";import{F as B}from"./favorite.d7505d9d.js";import{_ as N}from"./_plugin-vue_export-helper.1b428a4d.js";import{_ as R}from"./s-empty.461baf71.js";import{c as q,C as z}from"./comment-item.6364379d.js";import{_ as H}from"./mp-html.72bab81e.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:V}){const L=T,S=s.$platform.device.statusBarHeight,N=s.$platform.navbar;s.$platform.capsule.width,s.$platform.capsule.height;const R=e({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"}]}),q=s.$router.hasHistory();function z(){q?s.$router.back():s.$router.go("/pages/index/index"),V("clickLeft")}function H(){v()}let M={top:0,bottom:0};async function P(){if(L.modelValue.favorite){const{code:e}=await B.deleteFavorite(L.modelValue.id);if(0!==e)return;s.$helper.toast("取消收藏"),L.modelValue.favorite=!1}else{const{code:e}=await B.createFavorite(L.modelValue.id);if(0!==e)return;s.$helper.toast("收藏成功"),L.modelValue.favorite=!0}}return t((e=>{R.tabOpacityVal=e.scrollTop>s.$platform.navbar?1:.01*e.scrollTop,0===M.top&&a((()=>{new Promise(((s,e)=>{k().select(".detail-comment-selector").boundingClientRect((e=>{e?(M.top=e.top,M.bottom=e.top+e.height,s(e)):s(null)})).exec()}))}),50),e.scrollTop<M.top-N?R.curTab="goods":e.scrollTop>=M.top-N&&e.scrollTop<=M.bottom-N?R.curTab="comment":R.curTab="detail"})),(e,t)=>{const a=l(o("su-status-bar"),F),v=I,k=C,V=j,L=l(o("su-fixed"),O);return c(),r(L,{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:d([{height:u(N)-u(S)+"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:z},{default:n((()=>[u(q)?(c(),r(v,{key:0,class:"sicon-back"})):(c(),r(v,{key:1,class:"sicon-home"}))])),_:1}),i(k,{class:"line"}),i(k,{class:"icon-button icon-button-right ss-flex ss-row-center",onClick:H},{default:n((()=>[i(v,{class:"sicon-more"})])),_:1})])),_:1}),i(k,{class:"detail-tab-card ss-flex-1",style:d([{opacity:R.tabOpacityVal}])},{default:n((()=>[i(k,{class:"tab-box ss-flex ss-col-center ss-row-around"},{default:n((()=>[(c(!0),f(m,null,p(R.tabList,(s=>(c(),r(k,{class:"tab-item ss-flex-1 ss-flex ss-row-center ss-col-center",key:s.value,onClick:e=>function(s){let e=0;"comment"===s.value?e=M.top-N+1:"detail"===s.value&&(e=M.bottom-N+1),$({scrollTop:e,duration:200})}(s)},{default:n((()=>[i(k,{class:b(["tab-title",R.curTab===s.value?"cur-tab-title":""])},{default:n((()=>[_(x(s.label),1)])),_:2},1032,["class"]),y(i(k,{class:"tab-line"},null,512),[[g,R.curTab===s.value]])])),_:2},1032,["onClick"])))),128))])),_:1})])),_:1},8,["style"]),i(k,{class:"ui-tabbar-box",style:d([{opacity:R.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?(c(),r(k,{key:0,class:"detail-tabbar-item ss-flex ss-flex-col ss-row-center ss-col-center",onClick:P},{default:n((()=>[T.modelValue.favorite?(c(),r(V,{key:0,class:"item-icon",src:u(s).$url.static("/static/img/shop/goods/collect_1.gif"),mode:"aspectFit"},null,8,["src"])):(c(),r(V,{key:1,class:"item-icon",src:u(s).$url.static("/static/img/shop/goods/collect_0.png"),mode:"aspectFit"},null,8,["src"]))])),_:1})):w("",!0),T.shareIcon?(c(),r(k,{key:1,class:"detail-tabbar-item ss-flex ss-flex-col ss-row-center ss-col-center",onClick:u(h)},{default:n((()=>[i(V,{class:"item-icon",src:u(s).$url.static("/static/img/shop/goods/share.png"),mode:"aspectFit"},null,8,["src"])])),_:1},8,["onClick"])):w("",!0)])),_:1})])),_:1})])),_:1},8,["style"])])),_:1},8,["style"])])),_:1})}}},[["__scopeId","data-v-03db6cb8"]]),P=N({__name:"detail-cell",props:{label:{type:String,default:""},value:{type:String,default:""}},emits:["click"],setup(s,{emit:e}){const t=()=>{e("click")};return(e,a)=>{const l=C,o=I,d=T;return c(),r(l,{class:"detail-cell-wrap ss-flex ss-col-center ss-row-between",onClick:t},{default:n((()=>[i(l,{class:"label-text"},{default:n((()=>[_(x(s.label),1)])),_:1}),i(l,{class:"cell-content ss-line-1 ss-flex-1"},{default:n((()=>[_(x(s.value),1)])),_:1}),i(d,{class:"ss-reset-button"},{default:n((()=>[i(o,{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(s){const e=s,t=V((()=>{var s;if(!(null==(s=e.sku)?void 0:s.id))return"请选择商品规格";let t="";return e.sku.properties.forEach((s=>{t+=s.propertyName+":"+s.valueName+" "})),t}));return(s,e)=>(c(),r(P,{label:"选择",value:u(t)},null,8,["value"]))}},A=""+new URL("index-53a28843.png",import.meta.url).href,D=""+new URL("cart-ed457535.png",import.meta.url).href,E=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){e({});const a=()=>{s.$router.go("/pages/index/index")};return(e,d)=>{const f=j,m=C,p=l(o("su-fixed"),O);return c(),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?(c(),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:A,mode:"aspectFit"}),i(m,{class:"item-title"},{default:n((()=>[_("首页")])),_:1})])),_:1})):w("",!0),t.shareIcon?(c(),r(m,{key:1,class:"detail-tabbar-item ss-flex ss-flex-col ss-row-center ss-col-center",onClick:d[0]||(d[0]=e=>{u(s).$router.go("/pages/index/cart")})},{default:n((()=>[i(f,{class:"item-icon",src:D,mode:"aspectFit"}),i(m,{class:"item-title"},{default:n((()=>[_("购物车")])),_:1})])),_:1})):w("",!0),L(e.$slots,"default",{},void 0,!0)])),_:3})])),_:3})])),_:3})}}},[["__scopeId","data-v-9869693d"]]),J=N({__name:"detail-skeleton",setup(e){const t=V((()=>s.$store("sys")));return(s,e)=>{const a=C,d=T,f=l(o("su-fixed"),O);return c(),r(a,{class:b(["skeleton-wrap",["theme-"+u(t).mode,"main-"+u(t).theme,"font-"+u(t).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(f,{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(d,{class:"ss-reset-button add-btn ui-Shadow-Main"}),i(d,{class:"ss-reset-button buy-btn ui-Shadow-Main"})])),_:1})])),_:1})])),_:1})])),_:1},8,["class"])}}},[["__scopeId","data-v-fc3678c9"]]),G=N({__name:"detail-comment-card",props:{goodsId:{type:[Number,String],default:0}},setup(t){const a=t,d=e({commentList:[],total:0});return S((()=>{!async function(s){const{data:e}=await z.getCommentPage(s,1,3,0);d.commentList=e.list,d.total=e.total}(a.goodsId)})),(e,a)=>{const b=C,y=T,g=I,h=l(o("s-empty"),R);return c(),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(d.total)+")",1)])),_:1})])),_:1}),d.commentList.length>0?(c(),r(b,{key:0,class:"ss-flex ss-col-center",onClick:a[0]||(a[0]=e=>u(s).$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((()=>[(c(!0),f(m,null,p(d.commentList,(s=>(c(),r(b,{class:"comment-box ss-p-y-30",key:s.id},{default:n((()=>[i(q,{item:s},null,8,["item"])])),_:2},1024)))),128)),0===d.commentList.length?(c(),r(h,{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:e=>(s.$platform.device,(s,t)=>{const a=C,d=l(o("mp-html"),H);return c(),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(d,{content:e.content},null,8,["content"])])),_:1})])),_:1})})},[["__scopeId","data-v-05c8b18d"]]);export{U as _,J as a,G as b,K as c,M as d,E as e};
|
