https://edu.cyff.org.tw/_nuxt/BmsIiQJG.js

1import{_ as C}from"./BfXufQcj.js";import{_ as $}from"./BbpXxvzr.js";import{k as j,b as D,l as b,a2 as o,a3 as t,ac as f,R as E,an as M,ao as B,u as n,a0 as p,J as F,ad as V,ab as x,a4 as a,_ as c,$ as N,aa as R}from"./C5m60RlH.js";import{a as S}from"./bX6UZhHp.js";import{_ as Y}from"./CH4ZcH4p.js";import{B as z,i as G}from"./CawMNg-U.js";const P={class:"mx-auto px-5 container lt-xl:px-0","data-scope":"article-view"},U={class:"mt-5 overflow-hidden rd-10 bg-white shadow lt-lg:rd-4"},T={class:"px-20 pt-5 lt-xl:flex lt-xl:flex-col lt-xl:items-center lt-xl:justify-center lt-2xl:px-10 lt-lg:px-5"},q={class:"mb-5 lt-xl:mb-0 lt-xl:flex lt-xl:flex-row-reverse lt-xl:items-center lt-xl:justify-center"},A={class:"mx-auto pb-5 lt-xl:m-0 lt-xl:w-auto lt-xl:px-0 lt-xl:pb-0 xl:mt--62px container"},J={class:"mb-5 flex flex-col items-center gap-5 text-center"},L={class:"fs-3 text-black font-550"},H={class:"flex flex-wrap children:relative children:mr-10 children:after:absolute children:after:right--5 children:after:top-50% children:after:block children:after:h-20px children:after:w-1px children:after:translate-y--50% children:after:bg-gray children:after:content-empty last:children:mr-0 last:children:after:hidden"},I={class:"text-main"},K={class:"mb-5 flex justify-center"},O=["src","alt"],Q={class:"relative mb-10 block rd-5 bg-op-80 bg-gradient-from-#F0ECF1 via-#fff bg-gradient-to-#F4F4F4 bg-gradient-to-t px-10 py-8 after:i-gravity-ui:quote-open after:absolute after:left-0px after:top--15px after:z-1 after:h-40px after:w-40px after:text-assist after:content-empty lt-sm:px-6"},W={class:"px-20 pb-5 lt-2xl:px-10 lt-lg:px-5"},X={key:0,class:"mt-20"},Z={class:"mb-5 flex flex-wrap justify-between b-b-2 b-color-#DEDEDE pb-1 text-main-dark"},tt=["textContent"],et={class:"relative"},lt={key:0,class:"mx-auto container"},st={class:"grid mb-5 mt-10 gap-10 md:grid-cols-2 lt-lg:gap-5"},nt={key:0,class:"flex flex-col justify-between b-1 rd-5 bg-white p-10 shadow lt-md:p-5"},at={class:"fs-5 text-black font-600 md:mb-5"},it={class:"line-clamp-2 lt-md:hidden"},rt={key:0,class:"flex flex-col justify-between b-1 rd-5 bg-white p-10 shadow lt-md:p-5"},ot={class:"fs-5 text-black font-600 md:mb-5"},ct={class:"line-clamp-2 lt-md:hidden"},ht=j({__name:"EduArticleView",props:{coverUrl:{},title:{},introduce:{},datetime:{},category:{},content:{default:()=>[]},prev:{},next:{},gallery:{default:()=>[]},galleryMaxCount:{default:5}},emits:["prev","next","back"],setup(g,{emit:y}){const l=g,d=y,h=D([]),v=b(()=>l.gallery.map(r=>S(r))),i=b(()=>{const{coverUrl:r,title:e,introduce:u,datetime:m,category:_}=l,s=m?G(new Date(m*1e3),"YYYY年 MM月 DD日"):"";return{coverUrl:r,title:e,introduce:u,datetime:m,datetimeText:s,category:_}});function w(r){var e;(e=h.value[r])==null||e.openMore()}return(r,e)=>{const u=C,m=$,_=z;return c(),o("div",P,[t("div",U,[E(r.$slots,"header",M(B(n(i))),()=>[t("div",T,[t("div",q,[p(u),t("div",A,[t("a",{class:"inline-flex items-center justify-center bg-white text-gray-6 lt-xl:mx-1 lt-xl:h-48px lt-xl:w-48px lt-xl:flex lt-xl:items-center lt-xl:justify-center lt-xl:b-1 lt-xl:rd-50% lt-sm:mt--2 lt-sm:h-10 lt-sm:w-10",href:"#",onClick:e[0]||(e[0]=x(s=>d("back"),["prevent"]))},e[5]||(e[5]=[t("i",{class:"i-ri:arrow-go-back-fill fs-4 mr-5 lt-xl:mr-0"},null,-1),t("span",{class:"lt-xl:hidden"},"返回列表",-1)]))])]),t("div",J,[t("h3",L,a(n(i).title),1),e[6]||(e[6]=t("div",{class:"h-1 w-160px rd-5 bg-main"},null,-1)),t("ul",H,[t("li",null,a(n(i).datetimeText),1),t("li",I,a(n(i).category),1)])]),t("div",K,[t("img",{src:n(i).coverUrl,alt:n(i).title,class:"rd-5"},null,8,O)]),t("div",Q,a(n(i).introduce),1)])]),t("div",W,[p(m,{content:l.content},null,8,["content"]),n(v).length>0?(c(),o("div",X,[(c(!0),o(F,null,V(n(v),(s,k)=>(c(),o("div",{key:s.id,class:"mb-10"},[t("div",Z,[t("span",{class:"fs-5 font-550 tracking-1",textContent:a(s.title)},null,8,tt),p(_,{class:R(["text-black",s.items.length>l.galleryMaxCount?"":"hidden"]),text:"",onClick:dt=>w(k)},{default:N(()=>e[7]||(e[7]=[t("div",{class:"flex items-center justify-center"},[t("span",{class:"mr-2"},"看全部"),t("i",{class:"i-simple-line-icons:arrow-right"})],-1)])),_:2},1032,["class","onClick"])]),t("div",et,[p(Y,{ref_for:!0,ref_key:"galleryRefs",ref:h,class:"album","class-main":"album__main","class-thumbnail":"album__thumb",items:s.items,max:l.galleryMaxCount,"show-caption":""},null,8,["items","max"])])]))),128))])):f("",!0)])]),l.prev||l.next?(c(),o("div",lt,[t("div",st,[t("div",null,[l.prev?(c(),o("div",nt,[t("a",{href:"#",onClick:e[1]||(e[1]=x(s=>d("prev"),["prevent"]))}

1,[t("div",at,a(l.prev.title),1),t("div",it,a(l.prev.introduce),1)]),t("a",{class:"mt-5 flex items-center font-600",href:"#",onClick:e[2]||(e[2]=x(s=>d("prev"),["prevent"]))},e[8]||(e[8]=[t("i",{class:"i-simple-line-icons:arrow-left mr-2"},null,-1),t("span",null,"上一則",-1)]))])):f("",!0)]),t("div",null,[l.next?(c(),o("div",rt,[t("a",{href:"#",onClick:e[3]||(e[3]=x(s=>d("next"),["prevent"]))},[t("div",ot,a(l.next.title),1),t("div",ct,a(l.next.introduce),1)]),t("a",{class:"mt-5 flex items-center justify-end font-600",href:"#",onClick:e[4]||(e[4]=x(s=>d("next"),["prevent"]))},e[9]||(e[9]=[t("span",null,"下一則",-1),t("i",{class:"i-simple-line-icons:arrow-right ml-2"},null,-1)]))])):f("",!0)])])])):f("",!0)])}}});export{ht as _};