2 lines
16 KiB
JavaScript
2 lines
16 KiB
JavaScript
import{d as e,u as t,a as r,c as s,r as l,b as o,o as a,e as n,w as i,f as d,g as c,t as u,n as p,h as y,i as _,j as b,k as m,l as g,m as x,s as f,p as h,q as v,F as k,v as w,x as $,S as j,y as F,z as C,A as z,B as S,C as I,D as O,E as L,G as A,H as E,I as T,J as U,K as M,L as B,M as N}from"./index-d0750414.js";import{_ as J}from"./page-meta.292744d0.js";import{_ as D}from"./u-icon.a5146a33.js";import{_ as q}from"./router-navigate.8b5833bc.js";import{_ as G,A as H}from"./area-goods.367dba70.js";import{_ as K}from"./_plugin-vue_export-helper.1b428a4d.js";import{_ as R,a as V}from"./u-back-top.13b14d69.js";import{_ as W}from"./u-image.ff8bf742.js";import{_ as X}from"./modal-popup.63856ca8.js";import{_ as Y}from"./index.vue_vue_type_script_setup_true_lang.a3f5aac7.js";import"./price.225b162b.js";import"./u-swiper.44456953.js";import"./u-button.2adf8624.js";import"./u-popup.508f1b55.js";import"./u-badge.260dc84b.js";const Z=K(e({__name:"search",props:{content:{type:Object,default:()=>({})},styles:{type:Object,default:()=>({})},isLargeScreen:{type:Boolean},location:{type:Object,default:()=>({})},percent:{type:Number}},setup(e){const g=e,x=t();return r(),s(()=>g.pageMeta[0].content),(t,r)=>{const s=l(o("u-icon"),D),g=b,f=l(o("router-navigate"),q),h=m,v=l(o("widget-root"),G);return a(),n(g,null,{default:i(()=>[e.content.enabled?(a(),n(v,{key:0,styles:e.styles},{default:i(()=>[d(g,{class:"search flex items-center"},{default:i(()=>[d(f,{to:"/bundle/pages/city/index",class:"flex items-center mr-4"},{default:i(()=>[d(s,{name:"map",size:"32"}),d(g,{style:{width:"100rpx"},class:"text-main text-base line-clamp-1"},{default:i(()=>[c(u(e.location.name),1)]),_:1}),d(s,{name:"arrow-down",size:"20"})]),_:1}),d(g,{class:"search-con flex-1 flex items-center px-[30rpx]",style:p({background:e.styles.component_bg_color}),onClick:r[0]||(r[0]=e=>y(x).navigateTo({path:"/bundle/pages/search/search"}))},{default:i(()=>[d(s,{name:"search",size:"30",color:e.styles.icon_color},null,8,["color"]),d(g,{class:"flex-1",style:p({"text-align":e.styles.align,color:e.styles.text_color})},{default:i(()=>[d(h,{class:"mr-[10rpx]"},{default:i(()=>[c(u(e.content.placeholder),1)]),_:1})]),_:1},8,["style"])]),_:1},8,["style"])]),_:1})]),_:1},8,["styles"])):_("",!0)]),_:1})}}}),[["__scopeId","data-v-4b1acd2c"]]),P=e({__name:"banner",props:{content:{type:Object,default:()=>({})},styles:{type:Object,default:()=>({})},isLargeScreen:{type:Boolean}},emits:["change"],setup(e,{emit:t}){const s=e,{getImageUrl:c}=r(),u=e=>{t("change",c(s.content.data[e].bg))};return(t,r)=>{const s=b,c=l(o("widget-root"),G);return e.content.data.length&&e.content.enabled?(a(),n(c,{key:0,styles:e.styles},{default:i(()=>[d(s,{class:"banner translate-y-0",style:p({"background-color":e.styles.root_bg_color})},{default:i(()=>[d(R,{content:e.content,height:e.isLargeScreen?"1100":"321",circular:!0,effect3d:e.styles.effect3d,mode:e.styles.mode,"border-radius":e.isLargeScreen?"0":e.styles.border_radius,"indicator-pos":e.styles.indicator_pos,interval:"7000",bgColor:"transparent",onChange:u},null,8,["content","height","effect3d","mode","border-radius","indicator-pos"])]),_:1},8,["style"])]),_:1},8,["styles"])):_("",!0)}}}),Q=e({__name:"nav",props:{content:{type:Object,default:()=>({})},styles:{type:Object,default:()=>({})}},setup(e){const t=e,{getImageUrl:m}=r(),C=g(0),z=g([]),S=s(()=>t.content.per_line*t.content.show_line);x(()=>t.content.data,e=>{const r=1===t.content.style?e.length:S.value;console.log("导航菜单，刷选出要要显示的数据 =》",e);const s=e.filter(e=>Number(e.is_show));z.value=f(s,r)},{deep:!0,immediate:!0});const I=e=>{C.value=e.detail.current},O=s(()=>{let e="100rpx";return console.log(t.styles,1),e=1==t.content.navigator_type?z.value[0].length>t.content.per_line?"288rpx":"132rpx":2==t.content.navigator_type?z.value[0].length>t.content.per_line?"208rpx":"82rpx":z.value[0].length>t.content.per_line?"122rpx":"72rpx",e});return(t,r)=>{const s=l(o("u-image"),W),g=b,x=j,f=F,C=l(o("widget-root"),G);return z.value.length&&e.content.enabled?(a(),n(C,{key:0,styles:e.styles},{default:i(()=>[h("div",{class:"relative"},[d(f,{class:"py-[20rpx] bg-white rounded-lg",style:p({height:y(O),"grid-template-columns":`repeat(${e.content.per_line}, 1fr)`,"background-color":e.styles.component_bg_color,"border-radius":`${e.styles.border_top_radius}px ${e.styles.border_top_radius}px ${e.styles.border_bottom_radius}px ${e.styles.border_bottom_radius}px`}),autoplay:!1,"indicator-dots":!1,onChange:I},{default:i(()=>[(a(!0),v(k,null,w(z.value,(t,r)=>(a(),n(x,{key:r},{default:i(()=>[z.value.length&&e.content.enabled?(a(),n(g,{key:0,class:"nav"},{default:i(()=>[d(g,{class:"grid grid-rows-auto gap-y-3 w-full",style:p({"grid-template-columns":`repeat(${e.content.per_line}, 1fr)`})},{default:i(()=>[(a(!0),v(k,null,w(t,(t,r)=>(a(),n(g,{key:r,class:"flex flex-col items-center",onClick:e=>{return r=t.link,void $(r);var r}},{default:i(()=>[1==e.content.navigator_type||2==e.content.navigator_type?(a(),n(s,{key:0,width:"82",height:"82",src:y(m)(t.image),"border-radius":e.styles.image_radius},null,8,["src","border-radius"])):_("",!0),1==e.content.navigator_type||3==e.content.navigator_type?(a(),n(g,{key:1,class:"mt-[14rpx] text-xs"},{default:i(()=>[c(u(t.name),1)]),_:2},1024)):_("",!0)]),_:2},1032,["onClick"]))),128))]),_:2},1032,["style"])]),_:2},1024)):_("",!0)]),_:2},1024))),128))]),_:1},8,["style"])])]),_:1},8,["styles"])):_("",!0)}}}),ee=K(e({__name:"title-bar",props:{content:{type:Object,default:()=>({})},styles:{type:Object,default:()=>({})}},setup:e=>(t,r)=>{const s=m,y=l(o("u-icon"),D),b=l(o("widget-root"),G);return e.content.enabled?(a(),n(b,{key:0,styles:e.styles},{default:i(()=>[h("div",{class:"title-bar flex justify-between"},[h("div",{class:"flex items-baseline ml-2"},[h("div",{class:"font-medium",style:p({color:e.styles.title_color,"font-size":e.styles.title_size/2+"px"})},u(e.content.title),5),h("div",{class:"ml-2",style:p({color:e.styles.subtitle_color,"font-size":e.styles.subtitle_size/2+"px"})},u(e.content.subtitle),5)]),e.content.show_right_btn?(a(),v("div",{key:0,class:"flex items-center",style:p({color:e.content.btnColor}),onClick:r[0]||(r[0]=t=>{return r=e.content.link,void $(r);var r})},[d(s,{class:"mr-1"},{default:i(()=>[c(u(e.content.btnText),1)]),_:1}),d(y,{name:"arrow-right",size:"24",color:"inherit"})],4)):_("",!0)])]),_:1},8,["styles"])):_("",!0)}}),[["__scopeId","data-v-e0696887"]]),te=K(e({__name:"rubik",props:{content:{type:Object,default:()=>({})},styles:{type:Object,default:()=>({})},isLargeScreen:{type:Boolean}},setup(e){const t=e,{getImageUrl:c}=r(),u=s(()=>t.content.data),b=e=>{$(e.link)};return(t,r)=>{const s=l(o("u-image"),W),m=l(o("u-icon"),D),g=C("Icon"),x=l(o("widget-root"),G);return a(),n(x,{styles:e.styles},{default:i(()=>[z(h("div",{class:"rubik"},[1==e.content.style?(a(),v("div",{key:0,class:"rubik-item1"},[y(u)[0]&&y(u)[0].url?(a(),v("div",{key:0,class:"item-image overflow-hidden",style:p({border:`${e.styles.image_gap}rpx solid transparent`}),onClick:r[0]||(r[0]=e=>b(y(u)[0]))},[d(s,{mode:"widthFix","show-loading":!1,"border-radius":`${e.styles.border_top_radius}rpx ${e.styles.border_top_radius}rpx ${e.styles.border_bottom_radius}rpx ${e.styles.border_bottom_radius}rpx`,src:y(c)(y(u)[0].url)},null,8,["border-radius","src"])],4)):(a(),n(s,{key:1,style:{height:"375px",width:"100%"}},{error:i(()=>[h("div",{class:"flex justify-center items-center w-full h-full"},[d(m,{name:"iicture",size:"40",color:"#999"})])]),_:1}))])):_("",!0),2==e.content.style?(a(),v("div",{key:1,class:"rubik-item2"},[(a(!0),v(k,null,w(y(u),(t,r)=>(a(),v("div",{class:"item-image overflow-hidden",key:r,style:p({border:`${e.styles.image_gap}rpx solid transparent`}),onClick:e=>b(t)},[t&&t.url?(a(),n(s,{key:0,mode:"widthFix","show-loading":!1,"border-radius":`${e.styles.border_top_radius}rpx ${e.styles.border_top_radius}rpx ${e.styles.border_bottom_radius}rpx ${e.styles.border_bottom_radius}rpx`,src:y(c)(t.url)},null,8,["border-radius","src"])):_("",!0)],12,["onClick"]))),128))])):_("",!0),3==e.content.style?(a(),v("div",{key:2,class:"rubik-item3"},[(a(!0),v(k,null,w(y(u),(t,r)=>(a(),v("div",{class:"item-image overflow-hidden",key:r,style:p({border:`${e.styles.image_gap}rpx solid transparent`}),onClick:e=>b(t)},[t&&t.url?(a(),n(s,{key:0,mode:"widthFix","show-loading":!1,"border-radius":`${e.styles.border_top_radius}rpx ${e.styles.border_top_radius}rpx ${e.styles.border_bottom_radius}rpx ${e.styles.border_bottom_radius}rpx`,src:y(c)(t.url)},null,8,["border-radius","src"])):_("",!0)],12,["onClick"]))),128))])):_("",!0),4==e.content.style?(a(),v("div",{key:3,class:"rubik-item4 h-[750rpx]"},[h("div",{class:"w-1/2"},[h("div",{class:"box-border overflow-hidden h-full",style:p({border:`${e.styles.image_gap}rpx solid transparent`}),onClick:r[1]||(r[1]=e=>b(y(u)[0]))},[d(s,{width:"100%",height:"100%","border-radius":`${e.styles.border_top_radius}rpx ${e.styles.border_top_radius}rpx ${e.styles.border_bottom_radius}rpx ${e.styles.border_bottom_radius}rpx`,src:y(u)[0]&&y(c)(y(u)[0].url)},{error:i(()=>[h("div",{class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},[d(g,{name:"local-icon-Frame",size:"50"})])]),_:1},8,["border-radius","src"])],4)]),h("div",{class:"w-1/2 flex flex-col"},[h("div",{class:"box-border overflow-hidden",style:p({height:"375rpx",border:`${e.styles.image_gap}rpx solid transparent`}),onClick:r[2]||(r[2]=e=>b(y(u)[1]))},[d(s,{width:"100%",height:"100%","border-radius":`${e.styles.border_top_radius}rpx ${e.styles.border_top_radius}rpx ${e.styles.border_bottom_radius}rpx ${e.styles.border_bottom_radius}rpx`,src:y(u)[1]&&y(c)(y(u)[1].url)},{error:i(()=>[h("div",{class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},[d(g,{name:"local-icon-Frame",size:"50"})])]),_:1},8,["border-radius","src"])],4),h("div",{class:"box-border overflow-hidden",style:p({height:"375rpx",border:`${e.styles.image_gap}rpx solid transparent`}),onClick:r[3]||(r[3]=e=>b(y(u)[2]))},[d(s,{width:"100%",height:"100%","border-radius":`${e.styles.border_top_radius}rpx ${e.styles.border_top_radius}rpx ${e.styles.border_bottom_radius}rpx ${e.styles.border_bottom_radius}rpx`,src:y(u)[2]&&y(c)(y(u)[2].url)},{error:i(()=>[h("div",{class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},[d(g,{name:"local-icon-Frame",size:"50"})])]),_:1},8,["border-radius","src"])],4)])])):_("",!0),5==e.content.style?(a(),v("div",{key:4,class:"rubik-item5 h-[750rpx]"},[(a(!0),v(k,null,w(y(u),(t,r)=>(a(),v("div",{class:"item-image overflow-hidden",key:r,style:p({border:`${e.styles.image_gap}rpx solid transparent`}),onClick:e=>b(t)},[d(s,{width:"100%",height:"100%",fit:"cover","border-radius":`${e.styles.border_top_radius}rpx ${e.styles.border_top_radius}rpx ${e.styles.border_bottom_radius}rpx ${e.styles.border_bottom_radius}rpx`,src:t&&y(c)(t.url)},{error:i(()=>[h("div",{class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},[d(g,{name:"local-icon-Frame",size:"50"})])]),_:2},1032,["border-radius","src"])],12,["onClick"]))),128))])):_("",!0),6==e.content.style?(a(),v("div",{key:5,class:"rubik-item6"},[h("div",{class:"item-image overflow-hidden",style:p({height:"188rpx",border:`${e.styles.image_gap}rpx solid transparent`}),onClick:r[4]||(r[4]=e=>b(y(u)[0]))},[d(s,{width:"100%",height:"188",fit:"cover","border-radius":`${e.styles.border_top_radius}rpx ${e.styles.border_top_radius}rpx ${e.styles.border_bottom_radius}rpx ${e.styles.border_bottom_radius}rpx`,src:y(u)[0]&&y(c)(y(u)[0].url)},{error:i(()=>[h("div",{class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},[d(g,{name:"local-icon-Frame",size:"50"})])]),_:1},8,["border-radius","src"])],4),h("div",{class:"flex"},[h("div",{class:"item-image overflow-hidden",style:p({width:"100%",margin:`${e.styles.image_gap}rpx`}),onClick:r[5]||(r[5]=e=>b(y(u)[1]))},[d(s,{width:"100%",height:"188",fit:"cover","border-radius":`${e.styles.border_top_radius}rpx ${e.styles.border_top_radius}rpx ${e.styles.border_bottom_radius}rpx ${e.styles.border_bottom_radius}rpx`,src:y(u)[1]&&y(c)(y(u)[1].url)},{error:i(()=>[h("div",{class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},[d(g,{name:"local-icon-Frame",size:"50"})])]),_:1},8,["border-radius","src"])],4),h("div",{class:"item-image overflow-hidden",style:p({width:"100%",margin:`${e.styles.image_gap}rpx`}),onClick:r[6]||(r[6]=e=>b(y(u)[2]))},[d(s,{width:"100%",height:"188",fit:"cover","border-radius":`${e.styles.border_top_radius}rpx ${e.styles.border_top_radius}rpx ${e.styles.border_bottom_radius}rpx ${e.styles.border_bottom_radius}rpx`,src:y(u)[2]&&y(c)(y(u)[2].url)},{error:i(()=>[h("div",{class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},[d(g,{name:"local-icon-Frame",size:"50"})])]),_:1},8,["border-radius","src"])],4)])])):_("",!0)],512),[[S,e.content.enabled]])]),_:1},8,["styles"])}}}),[["__scopeId","data-v-d21e3c74"]]),re=K(e({__name:"index",setup(e){const t=r();I();const{showLocationModal:f,errorTitle:h,errorContent:$,getLocationData:j}=O(),F=g(0),C=g(0),z=L({pages:[],meta:[],article:[],bannerImage:""}),S=s(()=>{var e;return 1===(null==(e=z.pages.find(e=>"banner"===e.name))?void 0:e.content.bg_style)}),D=s(()=>{var e;return 2===(null==(e=z.pages.find(e=>"banner"===e.name))?void 0:e.content.style)}),q=s(()=>{var e;console.log("根页面样式 state.meta[0] =>",z.meta[0]);const{bg_type:r,bg_color:s,bg_image:l}=(null==(e=z.meta[0])?void 0:e.content)||{};return S.value?{"background-image":`url(${t.getImageUrl(z.bannerImage)})`}:1==r?{"background-color":s}:{"background-image":`url(${t.getImageUrl(l)})`}}),G=async()=>{M.city_id||await j(),await K()},K=async()=>{const e=await B({type:1,city_id:M.city_id});z.pages=JSON.parse(e.data),z.meta=JSON.parse(e.meta),console.log(z.pages),N({title:z.meta[0].content.title})};return x(()=>M.city_id,e=>{K()}),A(e=>{F.value=e.scrollTop;const t=E(100);C.value=e.scrollTop/t>1?1:e.scrollTop/t}),T(()=>{G()}),(e,r)=>{const s=l(o("page-meta"),J),g=l(o("w-search"),Z),x=l(o("w-banner"),P),j=l(o("w-nav"),Q),S=l(o("w-title-bar"),ee),I=l(o("w-rubik"),te),O=l(o("w-area-goods"),H),L=m,A=b,E=l(o("u-back-top"),V),T=l(o("modal-popup"),X);return a(),v(k,null,[d(s,{"page-style":e.$theme.pageStyle},null,8,["page-style"]),d(A,{class:"index",style:p(y(q))},{default:i(()=>{var e;return[(a(!0),v(k,null,w(z.pages,(e,t)=>(a(),v(k,{key:t},["search"==e.name?(a(),n(g,{key:0,pageMeta:z.meta,content:e.content,styles:e.styles,percent:C.value,location:y(M),isLargeScreen:y(D)},null,8,["pageMeta","content","styles","percent","location","isLargeScreen"])):_("",!0),"banner"==e.name?(a(),n(x,{key:1,content:e.content,styles:e.styles,isLargeScreen:y(D),onChange:r[0]||(r[0]=e=>{z.bannerImage=e})},null,8,["content","styles","isLargeScreen"])):_("",!0),"nav"==e.name?(a(),n(j,{key:2,content:e.content,styles:e.styles},null,8,["content","styles"])):_("",!0),"title-bar"==e.name?(a(),n(S,{key:3,content:e.content,styles:e.styles},null,8,["content","styles"])):_("",!0),"rubik"==e.name?(a(),n(I,{key:4,content:e.content,styles:e.styles},null,8,["content","styles"])):_("",!0),"area-goods"==e.name?(a(),n(O,{key:5,content:e.content,styles:e.styles},null,8,["content","styles"])):_("",!0)],64))),128)),(null==(e=y(t).config)?void 0:e.copyright)?(a(),n(A,{key:0,style:{"margin-top":"50rpx","margin-bottom":"50rpx","text-align":"center",padding:"0 20rpx"}},{default:i(()=>{var e;return[(a(!0),v(k,null,w(null==(e=y(t).config)?void 0:e.copyright,(e,t)=>(a(),n(A,{class:"record_number",key:t},{default:i(()=>[e.value?(a(),v("a",{key:0,href:e.value,style:{color:"#495770","text-decoration":"none"},class:"text-xs"},u(e.key),9,["href"])):(a(),n(L,{key:1,style:{color:"#495770"},class:"text-xs"},{default:i(()=>[c(u(e.key),1)]),_:2},1024))]),_:2},1024))),128))]}),_:1})):_("",!0),d(E,{"scroll-top":F.value,top:100,customStyle:{backgroundColor:"#FFF",color:"#000",boxShadow:"0px 3px 6px rgba(0, 0, 0, 0.1)"}},null,8,["scroll-top","customStyle"]),d(Y),d(T,{show:y(f),"onUpdate:show":r[1]||(r[1]=e=>U(f)?f.value=e:null),title:y(h),content:y($),onRefresh:G},null,8,["show","title","content"])]}),_:1},8,["style"])],64)}}}),[["__scopeId","data-v-d87f5de3"]]);export{re as default};
|