contact.html · 约 2430 字符
1<!DOCTYPE html><html lang="zh-CN"><head>
2<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
3<title>联系我们 - 小草企业官网</title><link rel="stylesheet" href="style.css">
4</head><body>
5<div class="header"><span class="back" onclick="history.back()">‹</span><h1>联系我们</h1><span class="right"></span></div>
6<div class="section-title">✍️ 在线咨询</div>
7<div class="form-card">
8 <label>您的称呼</label>
9 <input id="f-name" placeholder="请输入您的称呼">
10 <label>联系电话</label>
11 <input id="f-phone" type="tel" placeholder="请输入手机号码">
12 <label>咨询内容</label>
13 <textarea id="f-msg" rows="3" placeholder="简单描述您的需求，如：想做一个小程序商城..."></textarea>
14 <button class="btn btn-primary" style="margin-top:16px" onclick="submitForm()">提交咨询</button>
15</div>
16<div class="section-title">📮 联系方式</div>
17<div class="contact-row">
18 <div class="cr-icon">📞</div>
19 <div class="cr-info"><b id="c-phone"></b><span>客服热线</span></div>
20 <a href="tel:029-8888-2026">拨打</a>
21</div>
22<div class="contact-row">
23 <div class="cr-icon">📧</div>
24 <div class="cr-info"><b id="c-email"></b><span>商务邮箱</span></div>
25 <a href="mailto:hello@xiaocao.net">发送</a>
26</div>
27<div class="contact-row">
28 <div class="cr-icon">💬</div>
29 <div class="cr-info"><b id="c-wechat"></b><span>企业微信</span></div>
30 <a href="javascript:void(0)">复制</a>
31</div>
32<div class="contact-row">
33 <div class="cr-icon">📍</div>
34 <div class="cr-info"><b id="c-addr"></b><span id="c-hours"></span></div>
35 <a href="javascript:void(0)">导航</a>
36</div>
37<div class="card" style="text-align:center;color:#999;font-size:12px">🗺️ 地图导航：西安市高新区锦业路69号创业研发园B座12层</div>
38<div style="height:70px"></div>
39<div class="tabbar">
40 <a href="index.html"><span class="icon">🏠</span>首页</a>
41 <a href="products.html"><span class="icon">💼</span>服务</a>
42 <a href="cases.html"><span class="icon">📈</span>案例</a>
43 <a href="news.html"><span class="icon">📰</span>资讯</a>
44 <a href="contact.html" class="active"><span class="icon">📞</span>联系</a>
45</div>
46<script src="data.js"></script>
47<script src="app.js"></script>
48<script>renderContact();</script>
49</body></html>