weizhuozhongzhi/dist/assets/Contact-F89Bt8Z_.js

2 lines
4.7 KiB
JavaScript

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};