weizhuozhongzhi/dist/assets/News-DXOSZarg.js

57 lines
7.0 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import{d as h,r as d,a as n,p as u,e,b as w,F as _,i as y,n as p,t as a,q as f,l as o,m as D,g as k,_ as x}from"./index-B9q7r9eI.js";import{P as L}from"./PageBanner-DsRcuyPF.js";const C={class:"news-page"},N={class:"news-section"},b={class:"news-container"},B={class:"news-grid"},j={class:"news-image"},R=["src","alt"],M={class:"news-date"},U={class:"day"},V={class:"month"},$={class:"news-content"},S={class:"news-title"},z={class:"news-excerpt"},H=["onClick"],I=["src","alt"],T={class:"modal-body"},E={class:"modal-header"},F={class:"news-date"},K=["innerHTML"],P=h({__name:"News",setup(q){const m=d([{id:1,title:"公司举办2024年新春团建活动",excerpt:"为增进团队凝聚力,我司于春节前夕组织了丰富多彩的团建活动,让团队在欢声笑语中共同成长...",content:`
<div class="news-content-wrapper">
<p class="news-paragraph">2024年新春伊始维卓中知迎来了一场别开生面的团建活动。本次活动以"凝心聚力,共创未来"为主题,全体员工齐聚一堂,在轻松愉快的氛围中增进了解、加深情谊。</p>
<div class="image-gallery">
<div class="gallery-row">
<div class="gallery-item">
<img src="${new URL("/assets/1-DDrI6sK_.jpg",import.meta.url).href}" alt="团建活动照片1">
<p class="image-caption">团队破冰活动现场</p>
</div>
<div class="gallery-item">
<img src="${new URL("/assets/2-Bwkn5DHn.jpg",import.meta.url).href}" alt="团建活动照片2">
<p class="image-caption">团队协作挑战赛</p>
</div>
</div>
</div>
<p class="news-paragraph">活动中,我们精心安排了一系列富有创意的团队建设项目。从默契配合的团队挑战,到妙趣横生的才艺展示,每一个环节都让团队成员展现出了不一样的风采。通过这些互动,不仅增强了团队凝聚力,更让大家在欢乐中收获了成长。</p>
<div class="image-gallery">
<div class="gallery-row">
<div class="gallery-item full-width">
<img src="${new URL("/assets/5-CTOB85nM.jpg",import.meta.url).href}" alt="团建活动照片3">
<p class="image-caption">团队合影留念</p>
</div>
</div>
</div>
<p class="news-paragraph">晚宴上,公司领导与全体员工共同举杯,回顾过去一年的成就与挑战,展望新一年的目标与愿景。温馨的氛围中,大家纷纷表达了对公司的美好祝愿,对未来充满信心。</p>
<p class="news-paragraph highlight">此次团建活动不仅增进了同事间的感情,更加深了对企业文化的理解与认同。相信在新的一年里,维卓中知的每一位成员都将以更饱满的热情、更专业的态度,为客户提供更优质的服务!</p>
</div>
`,image:new URL("/assets/1-DDrI6sK_.jpg",import.meta.url).href,date:"2024-01-20",type:"culture"},{id:2,title:"欢声笑语迎新年 - 维卓中知2023年会暨员工生日会",excerpt:"在这个特殊的日子里,我们不仅庆祝新年的到来,更为每一位员工送上最真挚的生日祝福...",content:`
<div class="news-content-wrapper">
<p class="news-paragraph">2023年12月的最后一个周末维卓中知迎来了一场温馨而特别的庆典活动。这不仅是我们的年终盛会更是一场充满爱与温暖的集体生日会。公司为每一位在这一年付出努力的员工准备了精心的生日惊喜让大家感受到浓浓的"家"的温暖。</p>
<div class="image-gallery">
<div class="gallery-row">
<div class="gallery-item">
<img src="${new URL("/assets/3-BVxxy0Ep.jpg",import.meta.url).href}" alt="生日会现场">
<p class="image-caption">温馨的生日会现场</p>
</div>
<div class="gallery-item">
<img src="${new URL("/assets/4-CRVB4DhS.jpg",import.meta.url).href}" alt="集体庆祝">
<p class="image-caption">欢乐的集体庆祝时刻</p>
</div>
</div>
</div>
<p class="news-paragraph">活动现场布置得温馨而浪漫,充满节日的喜庆氛围。精心准备的生日蛋糕、温暖的祝福话语、欢快的生日歌声,让每一位寿星倍感温暖。公司领导为员工们送上了精心准备的生日礼物,表达了对大家的关怀与感谢。</p>
<p class="news-paragraph">在欢声笑语中,我们不仅分享了美味的蛋糕,更分享了彼此的故事与心声。每个人都在这个特别的日子里,感受到了来自维卓中知大家庭的温暖。这不仅是一场庆典,更是对过去一年共同奋斗的总结与对未来的美好期许。</p>
<p class="news-paragraph highlight">维卓中知始终秉持"以人为本"的理念,致力于为员工创造温暖、和谐的工作环境。我们相信,只有让每一位员工感受到家的温暖,才能凝聚更强大的团队力量,为客户提供更优质的服务。这样的企业文化活动,不仅温暖了每个人的心,更增强了团队的凝聚力与归属感。</p>
</div>
`,image:new URL("/assets/3-BVxxy0Ep.jpg",import.meta.url).href,date:"2023-12-30",type:"culture"}]),t=d(null),r=i=>{const l=new Date(i);return{day:l.getDate(),month:l.toLocaleString("zh-CN",{month:"short"})}},g=i=>new Date(i).toLocaleDateString("zh-CN",{year:"numeric",month:"long",day:"numeric"}),v=i=>{t.value=i,document.body.style.overflow="hidden"},c=()=>{t.value=null,document.body.style.overflow="auto"};return(i,l)=>(o(),n("div",C,[u(L,{title:"公司动态",subtitle:"了解我们的最新动态与企业文化",background:"/images/hero-bg-1.jpeg"}),e("div",N,[e("div",b,[e("div",B,[(o(!0),n(_,null,y(m.value,s=>(o(),n("div",{class:"news-card",key:s.id,style:D({animationDelay:`${s.id*.1}s`})},[e("div",j,[e("img",{src:s.image,alt:s.title},null,8,R),e("div",M,[e("span",U,a(r(s.date).day),1),e("span",V,a(r(s.date).month),1)])]),e("div",$,[e("div",{class:p(["news-tag",s.type])},a(s.type),3),e("h3",S,a(s.title),1),e("p",z,a(s.excerpt),1),e("button",{class:"read-more",onClick:O=>v(s)},l[1]||(l[1]=[k(" 阅读更多 "),e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"M5 12H19M19 12L12 5M19 12L12 19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1)]),8,H)])],4))),128))])])]),t.value?(o(),n("div",{key:0,class:"news-modal",onClick:c},[e("div",{class:"modal-content",onClick:l[0]||(l[0]=f(()=>{},["stop"]))},[e("img",{src:t.value.image,alt:t.value.title,class:"modal-image"},null,8,I),e("div",T,[e("div",E,[e("div",{class:p(["news-tag",t.value.type])},a(t.value.type),3),e("div",F,a(g(t.value.date)),1)]),e("h2",null,a(t.value.title),1),e("div",{class:"news-content",innerHTML:t.value.content},null,8,K)]),e("button",{class:"close-btn",onClick:c},"×")])])):w("",!0)]))}}),J=x(P,[["__scopeId","data-v-97af77c1"]]);export{J as default};