init221
|
|
@ -8,7 +8,6 @@ pnpm-debug.log*
|
|||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
|
|
|
|||
|
After Width: | Height: | Size: 376 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 185 KiB |
|
After Width: | Height: | Size: 862 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 124 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 546 KiB |
|
After Width: | Height: | Size: 682 KiB |
|
After Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 178 KiB |
|
After Width: | Height: | Size: 177 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 112 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 276 KiB |
|
After Width: | Height: | Size: 189 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 463 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 462 KiB |
|
After Width: | Height: | Size: 213 KiB |
|
After Width: | Height: | Size: 394 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
|
After Width: | Height: | Size: 461 KiB |
|
After Width: | Height: | Size: 546 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 121 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
|
@ -0,0 +1 @@
|
|||
.content-wrapper[data-v-0cb60bb1]{width:100%;display:flex;justify-content:center;background-color:#f9f9f9}.content-container[data-v-0cb60bb1]{max-width:1400px;margin:80px auto;padding:0 30px;width:100%}.clients-intro[data-v-0cb60bb1]{text-align:center;margin-bottom:60px}.section-title[data-v-0cb60bb1]{text-align:center;font-size:2.4rem;color:#222;margin-bottom:24px;position:relative;font-weight:700;letter-spacing:1px;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}.section-title[data-v-0cb60bb1]:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:60px;height:3px;background:#007aff;border-radius:2px}.clients-description[data-v-0cb60bb1]{max-width:800px;margin:30px auto 0;color:#666;line-height:1.6;font-size:1.15rem}.client-category[data-v-0cb60bb1]{margin-bottom:70px;background-color:#fff;border-radius:18px;padding:40px 36px;box-shadow:0 5px 24px #0000000f;transition:transform .3s,box-shadow .3s}.client-category[data-v-0cb60bb1]:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0000001a}.category-title[data-v-0cb60bb1]{font-size:1.7rem;color:#222;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0;position:relative;font-weight:600;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}.category-title[data-v-0cb60bb1]:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#007aff;border-radius:2px}.category-description[data-v-0cb60bb1]{color:#666;line-height:1.6;margin-bottom:30px;font-size:1.05rem}.clients-logos-row[data-v-0cb60bb1]{display:flex;justify-content:center;gap:64px;flex-wrap:wrap;margin-top:40px}.client-logo-block[data-v-0cb60bb1]{display:flex;flex-direction:column;align-items:center;position:relative;width:140px}.client-logo-circle[data-v-0cb60bb1]{width:120px;height:120px;background:#fff;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s,transform .3s}.client-logo-circle.active[data-v-0cb60bb1]{transform:scale(1.08)}.client-logo-circle img[data-v-0cb60bb1]{width:100%;height:100%;object-fit:contain}.client-logo-name[data-v-0cb60bb1]{margin-top:18px;font-size:1.1rem;font-weight:600;color:#222;text-align:center}.client-bubble[data-v-0cb60bb1]{position:absolute;left:50%;top:110px;transform:translate(-50%);min-width:180px;max-width:260px;background:#fff;color:#333;border-radius:12px;box-shadow:0 8px 32px #00000021;padding:18px 20px;font-size:.98rem;z-index:10;text-align:center;line-height:1.5}.client-bubble[data-v-0cb60bb1]:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);border-width:0 10px 12px 10px;border-style:solid;border-color:transparent transparent #fff transparent;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.07))}.bubble-enter-active[data-v-0cb60bb1],.bubble-leave-active[data-v-0cb60bb1]{transition:opacity .25s,transform .25s}.bubble-enter-from[data-v-0cb60bb1],.bubble-leave-to[data-v-0cb60bb1]{opacity:0;transform:translateY(10px)}.fade-in-up-enter-active[data-v-0cb60bb1]{transition:all .5s cubic-bezier(.23,1.02,.67,1.01)}.fade-in-up-enter-from[data-v-0cb60bb1]{opacity:0;transform:translateY(30px) scale(.98)}.fade-in-up-enter-to[data-v-0cb60bb1]{opacity:1;transform:translateY(0) scale(1)}@media (max-width: 1400px){.clients-grid[data-v-0cb60bb1]{grid-template-columns:repeat(4,1fr);gap:25px}.client-category[data-v-0cb60bb1]{padding:30px 25px}}@media (max-width: 1100px){.clients-grid[data-v-0cb60bb1]{grid-template-columns:repeat(3,1fr);gap:20px}.client-logo[data-v-0cb60bb1]{height:100px}}@media (max-width: 768px){.clients-grid[data-v-0cb60bb1]{grid-template-columns:repeat(2,1fr);gap:20px}.client-logo[data-v-0cb60bb1]{height:90px;padding:10px}.content-container[data-v-0cb60bb1]{padding:0 20px}.client-name[data-v-0cb60bb1]{font-size:.9rem}.client-category[data-v-0cb60bb1]{padding:25px 20px;margin-bottom:40px}.category-title[data-v-0cb60bb1]{font-size:1.4rem}.category-description[data-v-0cb60bb1]{font-size:.9rem}.description-content h4[data-v-0cb60bb1]{font-size:.9rem;margin-bottom:3px}.description-content p[data-v-0cb60bb1]{font-size:.7rem;-webkit-line-clamp:5}.client-description[data-v-0cb60bb1]{padding:8px}.client-logo img[data-v-0cb60bb1]{padding:12%}}@media (max-width: 480px){.clients-grid[data-v-0cb60bb1]{grid-template-columns:repeat(2,1fr);gap:12px}.client-logo[data-v-0cb60bb1]{height:80px}.client-category[data-v-0cb60bb1]{padding:20px 15px}.content-container[data-v-0cb60bb1]{padding:0 15px;margin:40px auto}.description-content p[data-v-0cb60bb1]{font-size:.75rem}}
|
||||
|
|
@ -0,0 +1 @@
|
|||
import{d as p,r as m,a as t,p as c,e,F as r,i as d,j as v,l as o,b as _,t as l,n as b,s as g,T as h,_ as f}from"./index-B9q7r9eI.js";import{P as k}from"./PageBanner-DsRcuyPF.js";import{c as C}from"./clients-Bb3EppD5.js";const x={class:"clients-page"},y={class:"content-wrapper"},B={class:"content-container"},w={class:"category-title"},M={key:0,class:"category-description"},N={class:"clients-logos-row"},V=["onMouseenter"],j=["src","alt"],F={class:"client-logo-name"},P={key:0,class:"client-bubble"},T=p({__name:"Clients",setup($){const a=m("");return(z,i)=>(o(),t("div",x,[c(k,{title:"合作客户",subtitle:"对接国内外主要企业和科研机构,众多优质客户选择我们",background:"/images/hero-bg-1.jpeg"}),e("div",y,[e("div",B,[i[1]||(i[1]=e("section",{class:"clients-intro"},[e("h2",{class:"section-title"},"合作伙伴"),e("p",{class:"clients-description"}," 携手共进,共创未来。维卓科技服务了众多知名企业,涵盖高等院校、国企央企、生物医药、高端制造等多个领域。 ")],-1)),(o(!0),t(r,null,d(v(C),n=>(o(),t("section",{key:n.title,class:"client-category"},[e("h3",w,l(n.title),1),n.description?(o(),t("p",M,l(n.description),1)):_("",!0),e("div",N,[(o(!0),t(r,null,d(n.clients,s=>(o(),t("div",{key:s.name,class:"client-logo-block",onMouseenter:u=>a.value=s.name,onMouseleave:i[0]||(i[0]=u=>a.value="")},[e("div",{class:b(["client-logo-circle",{active:a.value===s.name}])},[e("img",{src:s.logo,alt:s.name},null,8,j)],2),e("div",F,l(s.name),1),c(h,{name:"bubble"},{default:g(()=>[a.value===s.name&&s.description?(o(),t("div",P,l(s.description),1)):_("",!0)]),_:2},1024)],40,V))),128))])]))),128))])])]))}}),L=f(T,[["__scopeId","data-v-0cb60bb1"]]);export{L as default};
|
||||
|
|
@ -0,0 +1 @@
|
|||
.contact-section[data-v-598605b4]{padding:60px 0;background:linear-gradient(135deg,#f8f9ff,#fff);position:relative;overflow:hidden}.contact-section[data-v-598605b4]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,transparent 45%,rgba(0,122,255,.03) 45%,rgba(0,122,255,.03) 55%,transparent 55%);background-size:30px 30px;animation:movePattern-598605b4 20s linear infinite;opacity:.5}.contact-container[data-v-598605b4]{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:40px;position:relative;z-index:1}.section-title[data-v-598605b4]{font-size:1.8rem;color:#333;margin-bottom:30px;position:relative;padding-bottom:15px}.section-title[data-v-598605b4]:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:#007aff}.info-items[data-v-598605b4]{display:flex;flex-direction:column;gap:30px}.info-item[data-v-598605b4]:hover{transform:translateY(-5px);box-shadow:0 8px 30px #007aff26}.info-icon[data-v-598605b4]{width:40px;height:40px;background:#e5f1ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#007aff;flex-shrink:0}.info-icon svg[data-v-598605b4]{width:24px;height:24px}.info-content h3[data-v-598605b4]{font-size:1.1rem;color:#333;margin-bottom:5px}.info-content p[data-v-598605b4]{color:#666;font-size:1rem;line-height:1.6;margin-bottom:8px}.info-content p[data-v-598605b4]:last-child{margin-bottom:0}.contact-form[data-v-598605b4]{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #0000000d}.form-group[data-v-598605b4]{margin-bottom:25px}.form-group label[data-v-598605b4]{display:block;margin-bottom:8px;color:#333;font-weight:500}input[data-v-598605b4],textarea[data-v-598605b4]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease}input[data-v-598605b4]:focus,textarea[data-v-598605b4]:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}textarea[data-v-598605b4]{height:120px;resize:vertical}.submit-btn[data-v-598605b4]{background:#007aff;color:#fff;padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%}.submit-btn[data-v-598605b4]:hover{background:#0056b3;transform:translateY(-2px)}@keyframes movePattern-598605b4{0%{background-position:0 0}to{background-position:30px 30px}}@media (max-width: 968px){.contact-container[data-v-598605b4]{grid-template-columns:1fr}.contact-form[data-v-598605b4]{padding:30px}}@media (max-width: 768px){.section-title[data-v-598605b4]{font-size:1.5rem}.info-item[data-v-598605b4]{padding:15px}.contact-form[data-v-598605b4]{padding:20px}}.qrcode-wrapper[data-v-598605b4]{margin-top:10px;text-align:center}.qrcode-image[data-v-598605b4]{width:120px;height:120px;border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.qrcode-image[data-v-598605b4]:hover{transform:scale(1.05);box-shadow:0 8px 24px #007aff33}.qrcode-tip[data-v-598605b4]{margin-top:8px;font-size:.9rem;color:#666}.info-item[data-v-598605b4]{display:flex;align-items:flex-start;gap:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease}.info-item:hover .qrcode-image[data-v-598605b4]{transform:scale(1.05)}@media (max-width: 768px){.qrcode-image[data-v-598605b4]{width:100px;height:100px}.info-item[data-v-598605b4]{padding:15px}}
|
||||
|
|
@ -0,0 +1 @@
|
|||
import{d,x as r,a as l,p as v,e as o,f as c,q as p,w as e,y as n,l as b,z as u,_ as m}from"./index-B9q7r9eI.js";import{P as h}from"./PageBanner-DsRcuyPF.js";const k={class:"contact-page"},f={class:"contact-section"},w={class:"contact-container"},g={class:"contact-form"},x={class:"form-group"},C={class:"form-group"},_={class:"form-group"},j=d({__name:"Contact",setup(M){const a=r({name:"",phone:"",message:""}),i=()=>{console.log("Form submitted:",a)};return(B,t)=>(b(),l("div",k,[v(h,{title:"联系我们",subtitle:"期待与您的沟通交流",background:"/images/hero-bg-1.jpeg"}),o("div",f,[o("div",w,[t[8]||(t[8]=c('<div class="contact-info" data-v-598605b4><h2 class="section-title" data-v-598605b4>联系方式</h2><div class="info-items" data-v-598605b4><div class="info-item" data-v-598605b4><div class="info-icon" data-v-598605b4><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-598605b4><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-598605b4></path><circle cx="12" cy="10" r="3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-598605b4></circle></svg></div><div class="info-content" data-v-598605b4><h3 data-v-598605b4>公司地址</h3><p data-v-598605b4>湖北省武汉市江岸区三阳路麟趾社区铂仕汇国际广场12A02F维卓中知专利代理事务所</p></div></div><div class="info-item" data-v-598605b4><div class="info-icon" data-v-598605b4><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-598605b4><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-598605b4></path><path d="M22 6l-10 7L2 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-598605b4></path></svg></div><div class="info-content" data-v-598605b4><h3 data-v-598605b4>邮箱咨询</h3><p data-v-598605b4>874440816@qq.com</p></div></div><div class="info-item" data-v-598605b4><div class="info-icon" data-v-598605b4><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-598605b4><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-598605b4></path></svg></div><div class="info-content" data-v-598605b4><h3 data-v-598605b4>电话咨询</h3><p data-v-598605b4>+86 132****7896</p><p data-v-598605b4>+86 199****9799</p></div></div><div class="info-item" data-v-598605b4><div class="info-icon" data-v-598605b4><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-598605b4><path d="M8.5 14.5A2.5 2.5 0 0 1 6 12c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-598605b4></path><path d="M15.5 14.5A2.5 2.5 0 0 1 13 12c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-598605b4></path><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-598605b4></path></svg></div><div class="info-content" data-v-598605b4><h3 data-v-598605b4>微信咨询</h3><div class="qrcode-wrapper" data-v-598605b4><img src="'+u+'" alt="微信二维码" class="qrcode-image" data-v-598605b4><p class="qrcode-tip" data-v-598605b4>扫码添加微信</p></div></div></div></div></div>',1)),o("div",g,[t[7]||(t[7]=o("h2",{class:"section-title"},"在线咨询",-1)),o("form",{onSubmit:p(i,["prevent"])},[o("div",x,[t[3]||(t[3]=o("label",null,"您的姓名",-1)),e(o("input",{type:"text","onUpdate:modelValue":t[0]||(t[0]=s=>a.name=s),placeholder:"请输入您的姓名"},null,512),[[n,a.name]])]),o("div",C,[t[4]||(t[4]=o("label",null,"联系电话",-1)),e(o("input",{type:"tel","onUpdate:modelValue":t[1]||(t[1]=s=>a.phone=s),placeholder:"请输入您的联系电话"},null,512),[[n,a.phone]])]),o("div",_,[t[5]||(t[5]=o("label",null,"咨询内容",-1)),e(o("textarea",{"onUpdate:modelValue":t[2]||(t[2]=s=>a.message=s),placeholder:"请输入您想咨询的内容"},null,512),[[n,a.message]])]),t[6]||(t[6]=o("button",{type:"submit",class:"submit-btn"},"提交咨询",-1))],32)])])])]))}}),q=m(j,[["__scopeId","data-v-598605b4"]]);export{q as default};
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
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};
|
||||
|
|
@ -0,0 +1 @@
|
|||
.news-section[data-v-97af77c1]{padding:60px 0;background:linear-gradient(135deg,#f8f9ff,#fff)}.news-container[data-v-97af77c1]{max-width:1200px;margin:0 auto;padding:0 20px}.news-grid[data-v-97af77c1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.news-card[data-v-97af77c1]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000d;transition:all .3s ease;animation:fadeInUp-97af77c1 .5s ease-out forwards;opacity:0}.news-card[data-v-97af77c1]:hover{transform:translateY(-10px);box-shadow:0 8px 30px #007aff26}.news-image[data-v-97af77c1]{position:relative;width:100%;height:220px;overflow:hidden}.news-image img[data-v-97af77c1]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.news-card:hover .news-image img[data-v-97af77c1]{transform:scale(1.05)}.news-date[data-v-97af77c1]{position:absolute;top:20px;right:20px;background:#007affe6;color:#fff;padding:10px;border-radius:8px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.day[data-v-97af77c1]{display:block;font-size:1.5rem;font-weight:700;line-height:1}.month[data-v-97af77c1]{font-size:.9rem}.news-content[data-v-97af77c1]{padding:20px}.news-tag[data-v-97af77c1]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.9rem;margin-bottom:10px}.news-tag.culture[data-v-97af77c1]{background:#e5f1ff;color:#007aff}.news-tag.news[data-v-97af77c1]{background:#ffe5e5;color:red}.news-title[data-v-97af77c1]{font-size:1.2rem;color:#333;margin-bottom:10px;line-height:1.4}.news-excerpt[data-v-97af77c1]{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:20px}.read-more[data-v-97af77c1]{display:flex;align-items:center;gap:8px;color:#007aff;background:none;border:none;padding:0;font-size:1rem;cursor:pointer;transition:all .3s ease}.read-more svg[data-v-97af77c1]{width:16px;height:16px;transition:transform .3s ease}.read-more[data-v-97af77c1]:hover{color:#0056b3}.read-more:hover svg[data-v-97af77c1]{transform:translate(4px)}.news-modal[data-v-97af77c1]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-97af77c1 .3s ease}.modal-content[data-v-97af77c1]{position:relative;max-width:800px;max-height:90vh;width:100%;background:#fff;border-radius:16px;overflow:auto;animation:zoomIn-97af77c1 .3s ease}.modal-image[data-v-97af77c1]{width:100%;height:300px;object-fit:cover}.modal-body[data-v-97af77c1]{padding:30px}.modal-header[data-v-97af77c1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn[data-v-97af77c1]{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:none;background:#fff;color:#333;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.close-btn[data-v-97af77c1]:hover{background:#007aff;color:#fff}@keyframes fadeInUp-97af77c1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-97af77c1{0%{opacity:0}to{opacity:1}}@keyframes zoomIn-97af77c1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.news-grid[data-v-97af77c1]{grid-template-columns:1fr}.modal-content[data-v-97af77c1]{margin:0 10px}.modal-image[data-v-97af77c1]{height:200px}.modal-body[data-v-97af77c1]{padding:20px}}.news-content-wrapper[data-v-97af77c1]{padding:20px 0}.news-paragraph[data-v-97af77c1]{font-size:1.1rem;line-height:1.8;color:#333;margin-bottom:25px;text-align:justify}.news-paragraph.highlight[data-v-97af77c1]{color:#007aff;font-weight:500;padding:15px;background:#007aff0d;border-radius:8px;border-left:4px solid #007AFF}.image-gallery[data-v-97af77c1]{margin:30px 0}.gallery-row[data-v-97af77c1]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.gallery-item[data-v-97af77c1]{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.gallery-item[data-v-97af77c1]:hover{transform:translateY(-5px);box-shadow:0 8px 30px #007aff33}.gallery-item img[data-v-97af77c1]{width:100%;height:300px;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img[data-v-97af77c1]{transform:scale(1.05)}.image-caption[data-v-97af77c1]{text-align:center;padding:12px;color:#666;font-size:.9rem;background:#fff}@media (max-width: 768px){.gallery-row[data-v-97af77c1]{grid-template-columns:1fr}.gallery-item img[data-v-97af77c1]{height:200px}.news-paragraph[data-v-97af77c1]{font-size:1rem}}.gallery-item.full-width[data-v-97af77c1]{grid-column:1 / -1}.gallery-item.full-width img[data-v-97af77c1]{max-height:400px;width:100%;object-fit:cover}
|
||||
|
|
@ -0,0 +1 @@
|
|||
.page-banner[data-v-da1ac04d]{height:500px;width:100%;background-size:cover;background-position:center;background-attachment:fixed;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.banner-overlay[data-v-da1ac04d]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#00000080,#00000080)}.banner-content[data-v-da1ac04d]{position:relative;z-index:1;max-width:800px;padding:0 20px}.banner-content h1[data-v-da1ac04d]{font-size:2.5rem;margin-bottom:1rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2)}.banner-content p[data-v-da1ac04d]{font-size:1.2rem;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media (max-width: 768px){.page-banner[data-v-da1ac04d]{height:270px}.banner-content h1[data-v-da1ac04d]{font-size:2rem}.banner-content p[data-v-da1ac04d]{font-size:1rem}}
|
||||
|
|
@ -0,0 +1 @@
|
|||
import{d as r,c as o,a as l,m as c,e,t,l as p,_ as u}from"./index-B9q7r9eI.js";const i={class:"banner-content"},d=r({__name:"PageBanner",props:{title:{},subtitle:{},background:{}},setup(m){const s=o(()=>({backgroundImage:`url(${new URL("/assets/hero-bg-BUCaO72u.jpeg",import.meta.url).href})`}));return(a,n)=>(p(),l("div",{class:"page-banner",style:c(s.value)},[n[0]||(n[0]=e("div",{class:"banner-overlay"},null,-1)),e("div",i,[e("h1",null,t(a.title),1),e("p",null,t(a.subtitle),1)])],4))}}),b=u(d,[["__scopeId","data-v-da1ac04d"]]);export{b as P};
|
||||
|
|
@ -0,0 +1 @@
|
|||
import{d as p,r as _,a as l,p as v,e,j as f,b as g,F as h,i as k,q as w,t as s,l as n,_ as b}from"./index-B9q7r9eI.js";import{P as C}from"./PageBanner-DsRcuyPF.js";const j={class:"qualification-page"},y={class:"qualification"},L={class:"timeline"},q={class:"timeline-content"},B={class:"timeline-date"},x=["onClick"],P=["src","alt"],R={class:"timeline-info"},U=["src","alt"],N={class:"modal-info"},V=p({__name:"Qualification",setup(D){const r=new URL("@/assets/images/qualification-banner.jpg",import.meta.url).href,d=[{image:new URL("/assets/1-CmaZwLkY.jpeg",import.meta.url).href,title:"专利代理机构执业许可证",date:"2021年5月",description:"本证书由国家知识产权局颁发,证明本公司具备代理专利申请、专利复审、无效宣告等相关业务的合法资质。获得该证书标志着公司在知识产权服务领域的专业能力和合规性。"},{image:new URL("/assets/2-heaInxJq.jpg",import.meta.url).href,title:"营业执照",date:"2018年3月",description:"营业执照由市场监督管理局颁发,是公司合法经营的基本凭证。包含公司名称、注册资本、法定代表人、经营范围等信息,体现公司合规运营的基础。"},{image:new URL("/assets/3-CKDj_tjG.jpg",import.meta.url).href,title:"高新技术企业证书",date:"2022年11月",description:"高新技术企业证书由科技部门、财政部门和税务部门联合认定,表明公司在核心自主知识产权、科技成果转化能力、研发组织管理水平等方面具备较强实力。享受相关税收优惠政策。"}],t=_(null),m=c=>{t.value=c,document.body.style.overflow="hidden"},o=()=>{t.value=null,document.body.style.overflow="auto"};return(c,a)=>(n(),l("div",j,[v(C,{title:"公司资质",subtitle:"专业资质认证,实力见证",background:f(r)},null,8,["background"]),e("div",y,[e("div",L,[(n(),l(h,null,k(d,(i,u)=>e("div",{class:"timeline-item",key:u},[a[1]||(a[1]=e("div",{class:"timeline-dot"},null,-1)),e("div",q,[e("div",B,s(i.date),1),e("div",{class:"timeline-card",onClick:F=>m(i)},[e("img",{src:i.image,alt:i.title,class:"timeline-img"},null,8,P),e("div",R,[e("h3",null,s(i.title),1),e("p",null,s(i.description),1)])],8,x)])])),64))]),t.value?(n(),l("div",{key:0,class:"preview-modal",onClick:o},[e("div",{class:"modal-content",onClick:a[0]||(a[0]=w(()=>{},["stop"]))},[e("img",{src:t.value.image,alt:t.value.title},null,8,U),e("div",N,[e("h3",null,s(t.value.title),1),e("p",null,s(t.value.description),1)]),e("button",{class:"close-btn",onClick:o},"×")])])):g("",!0)])]))}}),E=b(V,[["__scopeId","data-v-3cc8363b"]]);export{E as default};
|
||||
|
|
@ -0,0 +1 @@
|
|||
.qualification[data-v-3cc8363b]{max-width:900px;margin:40px auto;padding:20px}.timeline[data-v-3cc8363b]{position:relative;margin:40px 0;padding-left:30px;border-left:3px solid #007AFF}.timeline-item[data-v-3cc8363b]{position:relative;margin-bottom:50px}.timeline-dot[data-v-3cc8363b]{position:absolute;left:-11px;top:10px;width:20px;height:20px;background:#fff;border:3px solid #007AFF;border-radius:50%;z-index:2}.timeline-content[data-v-3cc8363b]{margin-left:30px;background:#f8f9fa;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000f;transition:box-shadow .3s}.timeline-content[data-v-3cc8363b]:hover{box-shadow:0 4px 16px #007aff1f}.timeline-date[data-v-3cc8363b]{color:#007aff;font-weight:700;margin-bottom:10px}.timeline-card[data-v-3cc8363b]{display:flex;align-items:flex-start;cursor:pointer}.timeline-img[data-v-3cc8363b]{width:120px;height:120px;object-fit:contain;background:#fff;border-radius:8px;margin-right:20px;box-shadow:0 2px 8px #0000000a;transition:transform .2s}.timeline-card:hover .timeline-img[data-v-3cc8363b]{transform:scale(1.05)}.timeline-info[data-v-3cc8363b]{flex:1}.timeline-info h3[data-v-3cc8363b]{margin:0 0 8px;color:#333;font-size:1.1rem}.timeline-info p[data-v-3cc8363b]{color:#666;font-size:.95rem;line-height:1.6}.preview-modal[data-v-3cc8363b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.modal-content[data-v-3cc8363b]{position:relative;max-width:90%;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;animation:zoomIn .3s ease;padding:20px}.modal-content img[data-v-3cc8363b]{max-width:100%;max-height:80vh;object-fit:contain;background:#f8f9fa;border-radius:8px}.modal-info[data-v-3cc8363b]{padding:20px;background:#fff}.close-btn[data-v-3cc8363b]{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:none;background:#fff;color:#333;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-3cc8363b]:hover{background:#007aff;color:#fff}@media (max-width: 768px){.qualification[data-v-3cc8363b]{padding:10px}.timeline-content[data-v-3cc8363b]{padding:12px}.timeline-img[data-v-3cc8363b]{width:80px;height:80px;margin-right:10px}}
|
||||
|
|
@ -0,0 +1 @@
|
|||
import{P as c}from"./PageBanner-DsRcuyPF.js";import{d as l,a as i,p as d,e,j as p,F as m,i as _,l as n,m as u,t as a,_ as v}from"./index-B9q7r9eI.js";const g={class:"team-page"},h={class:"team-container"},x={class:"team-grid"},f={class:"member-card"},b={class:"member-photo"},L=["src","alt"],j={class:"experience-badge"},B={class:"member-info"},R={class:"member-name"},w={class:"member-title"},y={class:"member-expertise"},U=l({__name:"Team",setup(k){const r=new URL("/assets/hero-bg-1-LmfqNaAE.jpeg",import.meta.url).href,o=[{id:1,name:"万仲达",title:"资深专利代理人",experience:18,education:"北京理工大学硕士",expertise:"擅长专利申请、专利挖掘与培训、技术查新、专利风险预警",avatar:new URL("/assets/3-D-OyugOz.jpg",import.meta.url).href},{id:2,name:"董依凡",title:"电学领域代理人",experience:15,education:"华东理工大学硕士",expertise:"擅长电子、通信、计算机领域的专利撰写和专利分析",avatar:new URL("/assets/1-BVFn2oQl.jpg",import.meta.url).href},{id:3,name:"鲁建斌",title:"机械领域代理人",experience:14,education:"上海交通大学硕士",expertise:"擅长机械、自动化、材料等领域的专利检索与分析",avatar:new URL("/assets/2-BrosDH_g.jpg",import.meta.url).href},{id:4,name:"文思源",title:"电学领域代理人",experience:12,education:"北京大学硕士",expertise:"熟悉国内外专利申请流程,擅长人工智能、大数据领域专利布局",avatar:new URL("/assets/4-CybipZ0n.jpg",import.meta.url).href},{id:5,name:"刘豪",title:"机械领域代理人",experience:11,education:"浙江大学硕士",expertise:"擅长机械、汽车领域专利挖掘与培训、专利侵权分析",avatar:new URL("/assets/5-D0O38KdQ.jpg",import.meta.url).href},{id:6,name:"顾欢",title:"资深项目老师",experience:10,education:"复旦大学硕士",expertise:"擅长科技项目申报、财税辅导及融资咨询,累计为客户获得千万级补助资金",avatar:new URL("/assets/6-B_I-pHR_.jpeg",import.meta.url).href}];return(D,s)=>(n(),i("div",g,[d(c,{title:"团队介绍",subtitle:"专业的团队,优质的服务",background:p(r)},null,8,["background"]),s[1]||(s[1]=e("div",{class:"team-introduction"},[e("div",{class:"container"},[e("h2",{class:"section-title"},"我们的专业团队"),e("p",{class:"section-description"}," 我们拥有由资深商标代理人、专利工程师、项目工程师、律师等组成的专业服务团队,平均从业经验超过10年。团队成员来自知名企业和高校,在知识产权保护、专利申请、品牌服务等方面拥有丰富的实践经验和专业知识。 ")])],-1)),e("div",h,[e("div",x,[(n(),i(m,null,_(o,t=>e("div",{class:"team-member",key:t.id,style:u({animationDelay:`${t.id*.1}s`})},[e("div",f,[e("div",b,[e("img",{src:t.avatar,alt:t.name},null,8,L),e("div",j,a(t.experience)+"年从业经验",1)]),e("div",B,[e("h3",R,a(t.name),1),e("div",w,a(t.title),1),e("div",y,[e("p",null,a(t.expertise),1)])]),s[0]||(s[0]=e("div",{class:"card-pattern"},null,-1))])],4)),64))])])]))}}),O=v(U,[["__scopeId","data-v-7b6e9b2b"]]);export{O as default};
|
||||
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 73 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 9.1 KiB |
|
After Width: | Height: | Size: 480 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 556 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 249 KiB |
|
After Width: | Height: | Size: 192 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 151 KiB |