710 lines
		
	
	
		
			26 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			710 lines
		
	
	
		
			26 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | ||
| <html lang="en">
 | ||
|   <head>
 | ||
|     <meta charset="UTF-8" />
 | ||
|     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 | ||
|     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 | ||
|     <meta name="baidu-site-verification" content="codeva-bhaFvYlfgd" />
 | ||
|     <meta
 | ||
|       name="keywords"
 | ||
|       content="deepl、deepl翻译、百度翻译、谷歌翻译、腾讯翻译君"
 | ||
|     />
 | ||
|     <meta
 | ||
|       name="description"
 | ||
|       content="聚合翻译提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
 | ||
|     />
 | ||
|     <meta name="baidu-site-verification" content="codeva-mXz3BqI9VN" />
 | ||
|     <link rel="stylesheet" href="static/css/public.css" />
 | ||
|     <link rel="stylesheet" href="static/css/layui.css" />
 | ||
|     <script src="static/js/jquery-1.11.0.min.js"></script>
 | ||
|     <script src="static/js/axios.min.js"></script>
 | ||
|     <script src="static/js/countUp.min.js"></script>
 | ||
|     <script src="static/js/vue.js"></script>
 | ||
|     <script src="static/js/lodash.min.js"></script>
 | ||
|     <script src="static/js/layui.all.js"></script>
 | ||
|     <script src="static/js/common.js"></script>
 | ||
|     <title>聚合翻译</title>
 | ||
|     <script>
 | ||
|       var _hmt = _hmt || [];
 | ||
|       (function () {
 | ||
|         var hm = document.createElement("script");
 | ||
|         hm.src = "https://hm.baidu.com/hm.js?c4e0dd6add63dd71fa52870120ca22cf";
 | ||
|         var s = document.getElementsByTagName("script")[0];
 | ||
|         s.parentNode.insertBefore(hm, s);
 | ||
|       })();
 | ||
|     </script>
 | ||
|   </head>
 | ||
|   <body>
 | ||
|     <div class="public-header 0" id="main">
 | ||
|       <div class="container clearfix">
 | ||
|         <div class="left">
 | ||
|           <img class="logo default" src="static/picture/logo.png" alt="" /><img
 | ||
|             class="logo1 default"
 | ||
|             src="static/picture/logo1.png"
 | ||
|             alt=""
 | ||
|           /><img class="logo light" src="static/picture/logow.png" alt="" /><img
 | ||
|             class="logo1 light"
 | ||
|             src="static/picture/logo1w.png"
 | ||
|             alt=""
 | ||
|           />
 | ||
|           <div class="nav">
 | ||
|             <a class="active" href=""><span>首页</span></a
 | ||
|             ><a class="" href="onlineTranslation.html"><span>文本翻译</span></a
 | ||
|             ><a class="" href="voice.html"><span>语音翻译</span></a
 | ||
|             ><a class="" href="api.html"><span>API文档</span></a
 | ||
|             ><a class="" href="commonProblems.html"><span>常见问题</span></a>
 | ||
|           </div>
 | ||
|         </div>
 | ||
|         <div v-if="userInfo!=undefined&&userInfo.userId>0" class="right">
 | ||
|           <a href="userinfo.html" class="console">控制台</a>
 | ||
|           <div class="user-info">
 | ||
|             <div class="phone">{{userInfo.name}}</div>
 | ||
|             <i></i>
 | ||
|             <div class="log-out" @click="logOut">退出</div>
 | ||
|           </div>
 | ||
|         </div>
 | ||
|         <div v-else class="right">
 | ||
|           <a class="unlogin" href="login.html">登录</a>
 | ||
|         </div>
 | ||
|       </div>
 | ||
|       <div class="bg"></div>
 | ||
|     </div>
 | ||
|     <script type="text/javascript">
 | ||
|       var vm = new Vue({
 | ||
|         el: "#main",
 | ||
|         data() {
 | ||
|           return {
 | ||
|             userInfo: {},
 | ||
|             token: "",
 | ||
|           };
 | ||
|         },
 | ||
|         created() {},
 | ||
|         mounted() {
 | ||
|           let token = localStorage.getItem("token");
 | ||
|           if (token) {
 | ||
|             this.token = token;
 | ||
|             this.getUserInfo(token);
 | ||
|           } else {
 | ||
|             // location.href = "login.html";
 | ||
|           }
 | ||
|         },
 | ||
|         methods: {
 | ||
|           logOut() {
 | ||
|             axios
 | ||
|               .post("/logout", {
 | ||
|                 headers: {
 | ||
|                   Authorization: `Bearer ${this.token}`,
 | ||
|                 },
 | ||
|               })
 | ||
|               .then((response) => {
 | ||
|                 localStorage.removeItem("token");
 | ||
|                 location.reload();
 | ||
|               });
 | ||
|           },
 | ||
|           getUserInfo(token) {
 | ||
|             let that = this;
 | ||
|             axios
 | ||
|               .get("/getinfo", {
 | ||
|                 headers: {
 | ||
|                   Authorization: `Bearer ${this.token}`,
 | ||
|                 },
 | ||
|               })
 | ||
|               .then((response) => {
 | ||
|                 console.log("userinfo", response.data);
 | ||
|                 if (response.data.code === 200) {
 | ||
|                   this.userInfo = response.data.data;
 | ||
|                   console.log("userinfo", this.userInfo);
 | ||
|                 } else {
 | ||
|                   localStorage.removeItem("token");
 | ||
|                   location.href = "login.html";
 | ||
|                 }
 | ||
|               });
 | ||
|           },
 | ||
|         },
 | ||
|       });
 | ||
|     </script>
 | ||
|     <div class="index-content" id="app">
 | ||
|       <div class="index-module" style="height: 500px">
 | ||
|         <div class="index-top index-tops active" style="position: absolute">
 | ||
|           <!-- <img class="banner" src="https://codeai.oss-cn-hangzhou.aliyuncs.com/img/banner.png" alt=""> -->
 | ||
|           <div class="module-info">
 | ||
|             <div class="left">
 | ||
|               <h2>聚合「翻译引擎」</h2>
 | ||
|               <p>超低价、灵活切换</p>
 | ||
|               <div class="consult" style="z-index: 9999">立即免费使用</div>
 | ||
|             </div>
 | ||
|             <div class="right cooperate">
 | ||
|               <div class="col"><img src="static/picture/p2.png" alt="" /></div>
 | ||
|               <div class="col"><img src="static/picture/p3.png" alt="" /></div>
 | ||
|               <div class="col"><img src="static/picture/p4.png" alt="" /></div>
 | ||
|               <div class="col">
 | ||
|                 <img src="static/picture/youdao.png" alt="" />
 | ||
|               </div>
 | ||
|             </div>
 | ||
|           </div>
 | ||
|           <div class="module-bottom">
 | ||
|             <ul>
 | ||
|               <li>
 | ||
|                 <div><b id="counter"></b><i>字+</i></div>
 | ||
|                 <p>翻译字数</p>
 | ||
|               </li>
 | ||
|               <li>
 | ||
|                 <div><b id="counter1"></b><i>页+</i></div>
 | ||
|                 <p>翻译页数</p>
 | ||
|               </li>
 | ||
|               <li>
 | ||
|                 <div><b id="counter2"></b><i>家+</i></div>
 | ||
|                 <p>服务企业</p>
 | ||
|               </li>
 | ||
|             </ul>
 | ||
|             <div class="bg"></div>
 | ||
|           </div>
 | ||
|         </div>
 | ||
|         <div class="index-tops transtop">
 | ||
|           <div class="transcontainer">
 | ||
|             <div class="left-section">
 | ||
|               <div class="title-line">
 | ||
|                 <div class="tts-title">微软TTS</div>
 | ||
|                 <div class="ai-voice">--AI语音 媲美真人</div>
 | ||
|               </div>
 | ||
|               <div class="subtitles">TTS、STT接口免费试用,企业专享低折扣!</div>
 | ||
|               <div class="descriptions">
 | ||
|                 第五代TTS引擎MeetHiFiVoice,声音更自然、满足情感支持多语种、多方言、中英混读,语音表现更智能,500+高品质发音人,满足不同应用需求,可调节语速、音调、情感,灵活定制个性化音频
 | ||
|               </div>
 | ||
|               <div class="trial-btn consult">- 免费试用 -</div>
 | ||
|             </div>
 | ||
|             <div class="right-section">
 | ||
|               <img src="static/picture/trans1.png" alt="微软TTS展示图" />
 | ||
|             </div>
 | ||
|           </div>
 | ||
|           <div class="stats-container">
 | ||
|             <div class="stat-item">99.8%语音识别率</div>
 | ||
|             <div class="stat-item">8000000000翻译语音数</div>
 | ||
|             <div class="stat-item">100+企业服务</div>
 | ||
|           </div>
 | ||
|         </div>
 | ||
|         <div class="arrow-btn arrow-left"></div>
 | ||
|         <div class="arrow-btn arrow-right"></div>
 | ||
|       </div>
 | ||
|       <div class="index-module price-module w1200">
 | ||
|         <div class="index-title">
 | ||
|           <div class="title">价格中心</div>
 | ||
|           <p>了解各翻译引擎的价格</p>
 | ||
|         </div>
 | ||
|         <div class="table-data">
 | ||
|           <div class="title">文本翻译</div>
 | ||
|           <ul class="table">
 | ||
|             <li class="row-top">
 | ||
|               <div class="col"><span>翻译引擎</span></div>
 | ||
|               <div class="col"><span>计费方式</span></div>
 | ||
|               <div class="col"><span>价格(U/百万字符)</span></div>
 | ||
|               <div class="col"><span>并发(qps)</span></div>
 | ||
|               <!-- <div class="col"><span>优惠比例(原价)</span></div> -->
 | ||
|             </li>
 | ||
|             <li class="row-info" v-for="item in platforms" :key="'platforms_'+item.id">
 | ||
|               <div class="item">{{item.showName}}</div>
 | ||
|               <div class="item">按调用字符计费</div>
 | ||
|               <div class="item">{{item.price}}</div>
 | ||
|               <div class="item">5~1000(支持扩展)</div>
 | ||
|             </li>
 | ||
|             <!-- <div class="item">
 | ||
|                 4.4折(25美元)<img src="static/picture/p7.png" alt="" />
 | ||
|               </div> -->
 | ||
|             <!-- </li>
 | ||
|             <li class="row-info">
 | ||
|               <div class="item">谷歌翻译-V2/V3</div>
 | ||
|               <div class="item">按调用字符计费</div>
 | ||
|               <div class="item">60(电报咨询,领取折扣)</div>
 | ||
|               <div class="item">5~1000(支持扩展)</div>
 | ||
|               <div class="item">
 | ||
|                 5.5折(20美元)<img src="static/picture/p7.png" alt="" />
 | ||
|               </div>
 | ||
|             </li>
 | ||
|             <li class="row-info">
 | ||
|               <div class="item">百度翻译-企业版本</div>
 | ||
|               <div class="item">按调用字符计费</div>
 | ||
|               <div class="item">25(电报咨询,领取折扣)</div>
 | ||
|               <div class="item">5~1000(支持扩展)</div>
 | ||
|               <div class="item">
 | ||
|                 5折(50元)<img src="static/picture/p7.png" alt="" />
 | ||
|               </div>
 | ||
|             </li>
 | ||
|             <li class="row-info">
 | ||
|               <div class="item">有道翻译</div>
 | ||
|               <div class="item">按调用字符计费</div>
 | ||
|               <div class="item">25(电报咨询,领取折扣)</div>
 | ||
|               <div class="item">5~1000(支持扩展)</div>
 | ||
|               <div class="item">
 | ||
|                 5折<img src="static/picture/p7.png" alt="" />
 | ||
|               </div>
 | ||
|             </li>
 | ||
|             <li class="row-info">
 | ||
|               <div class="item">微软翻译</div>
 | ||
|               <div class="item">按调用字符计费</div>
 | ||
|               <div class="item">60(电报咨询,领取折扣)</div>
 | ||
|               <div class="item">5~1000(支持扩展)</div>
 | ||
|               <div class="item">
 | ||
|                 8.2折(10美元)<img src="static/picture/p7.png" alt="" />
 | ||
|               </div>
 | ||
|             </li>
 | ||
|             <li class="row-info">
 | ||
|               <div class="item">火山翻译</div>
 | ||
|               <div class="item">按调用字符计费</div>
 | ||
|               <div class="item">25(电报咨询,领取折扣)</div>
 | ||
|               <div class="item">5~1000(支持扩展)</div>
 | ||
|               <div class="item">
 | ||
|                 5折<img src="static/picture/p7.png" alt="" />
 | ||
|               </div>
 | ||
|             </li>
 | ||
|             <li class="row-info">
 | ||
|               <div class="item">chatgpt翻译</div>
 | ||
|               <div class="item">按调用字符计费</div>
 | ||
|               <div class="item">50(电报咨询,领取折扣)</div>
 | ||
|               <div class="item">5~1000(支持扩展)</div>
 | ||
|               <div class="item">
 | ||
|                 5折(100元)<img src="static/picture/p7.png" alt="" />
 | ||
|               </div>
 | ||
|             </li>
 | ||
|             <li class="row-info">
 | ||
|               <div class="item">yandex翻译</div>
 | ||
|               <div class="item">按调用字符计费</div>
 | ||
|               <div class="item">25(电报咨询,领取折扣)</div>
 | ||
|               <div class="item">5~1000(支持扩展)</div>
 | ||
|               <div class="item">
 | ||
|                 8.3折(30元)<img src="static/picture/p7.png" alt="" />
 | ||
|               </div>
 | ||
|             </li> -->
 | ||
|           </ul>
 | ||
|         </div>
 | ||
|       </div>
 | ||
|       <div class="index-module price-module w1200">
 | ||
|         <div class="index-title">
 | ||
|           <div class="title">AI配音 & 实时翻译</div>
 | ||
|           <p>140+语言方言 | 400+高品质音色 | 随心选择(接口免费试用)</p>
 | ||
|         </div>
 | ||
|         <div style="padding: 0 94px">
 | ||
|           <div class="containerAi">
 | ||
|             <div class="small-div">
 | ||
|               <div class="image-container">
 | ||
|                 <img
 | ||
|                   src="static/picture/ai1.png"
 | ||
|                   alt="图片1"
 | ||
|                   style="width: 100%; height: 100%; object-fit: contain"
 | ||
|                 />
 | ||
|               </div>
 | ||
|               <div class="title">前沿语音引擎</div>
 | ||
|               <div class="description">
 | ||
|                 AI语音合成|虚拟人配音|个性化声音定制
 | ||
|               </div>
 | ||
|             </div>
 | ||
|             <div class="small-div">
 | ||
|               <div class="image-container">
 | ||
|                 <img
 | ||
|                   src="static/picture/ai2.png"
 | ||
|                   alt="图片2"
 | ||
|                   style="width: 100%; height: 100%; object-fit: contain"
 | ||
|                 />
 | ||
|               </div>
 | ||
|               <div class="title">语音库</div>
 | ||
|               <div class="description">
 | ||
|                 覆盖149+语言,492+语音,媲美真人,富有表现力
 | ||
|               </div>
 | ||
|             </div>
 | ||
|             <div class="small-div">
 | ||
|               <div class="image-container">
 | ||
|                 <img
 | ||
|                   src="static/picture/ai3.png"
 | ||
|                   alt="图片3"
 | ||
|                   style="width: 100%; height: 100%; object-fit: contain"
 | ||
|                 />
 | ||
|               </div>
 | ||
|               <div class="title">定制声音</div>
 | ||
|               <div class="description">
 | ||
|                 用你的声音创造独一无二的TTS音色,赋予品牌个性
 | ||
|               </div>
 | ||
|             </div>
 | ||
|           </div>
 | ||
|           <img src="static/picture/ai4.png" alt="" style="width: 100%" />
 | ||
|           <div class="index-title">
 | ||
|             <p>短视频配音 | 精准识别 | 自然合成 | 支持100+语言和方言</p>
 | ||
|           </div>
 | ||
|           <div
 | ||
|             class="containerAi"
 | ||
|             style="
 | ||
|               width: 688px;
 | ||
|               margin: 0 auto;
 | ||
|               margin-top: 36px;
 | ||
|               margin-bottom: 52px;
 | ||
|             "
 | ||
|           >
 | ||
|             <div class="small-div">
 | ||
|               <div class="image-container">
 | ||
|                 <img
 | ||
|                   src="static/picture/ai5.png"
 | ||
|                   alt="图片1"
 | ||
|                   style="width: 100%; height: 100%; object-fit: contain"
 | ||
|                 />
 | ||
|               </div>
 | ||
|               <div class="title">个性化语音</div>
 | ||
|               <div class="description">
 | ||
|                 从真人声音轻松生成AI语音,打造专属语音体验
 | ||
|               </div>
 | ||
|             </div>
 | ||
|             <div class="small-div">
 | ||
|               <div class="image-container">
 | ||
|                 <img
 | ||
|                   src="static/picture/ai6.png"
 | ||
|                   alt="图片2"
 | ||
|                   style="width: 100%; height: 100%; object-fit: contain"
 | ||
|                 />
 | ||
|               </div>
 | ||
|               <div class="title">智能语音创作</div>
 | ||
|               <div class="description">
 | ||
|                 灵活调整语音风格、语速、发音,让AI表达更具情感
 | ||
|               </div>
 | ||
|             </div>
 | ||
|           </div>
 | ||
|           <img src="static/picture/ai7.png" alt="" style="width: 100%" />
 | ||
|         </div>
 | ||
|       </div>
 | ||
|       <div class="index-module price-module w1200">
 | ||
|         <div class="index-title">
 | ||
|           <div class="title">产品优势</div>
 | ||
|           <p>微软认证技术团队全程支持</p>
 | ||
|           <div class="cpys">
 | ||
|             <div style="height: 455px"></div>
 | ||
|             <div class="info">
 | ||
|               *微软TTS(Text-to-Speech)是微软研发的AI文本转语音技术,通过深度学习与神经网络,精准模拟人类语音特征,实现自然流畅的语
 | ||
|             </div>
 | ||
|             <div class="info">音合成。</div>
 | ||
|             <div class="info">
 | ||
|               *作为 Azure
 | ||
|               Al在中国区的金牌合作伙伴,我们致力于让中国企业便捷接入这一领先的语音技术,助力业务创新。
 | ||
|             </div>
 | ||
|             <div class="info">
 | ||
|               *专业技术支持,全流程服务我们的资深技术团队提供从接入到开发、部署的全方位支持,确保微软TTS和STT(语音转文本)高效落地,
 | ||
|             </div>
 | ||
|             <div class="info">助力企业解锁智能语音的更多可能!</div>
 | ||
|           </div>
 | ||
|         </div>
 | ||
|       </div>
 | ||
|       <div class="index-module why-cheap-module">
 | ||
|         <div class="index-title">
 | ||
|           <div class="title">为什么很便宜</div>
 | ||
|           <p>了解为什么各翻译引擎很便宜</p>
 | ||
|         </div>
 | ||
|         <div class="w1200 clearfix">
 | ||
|           <img src="static/picture/p9.png" alt="" />
 | ||
|           <div class="info">
 | ||
|             <p>深入行业<br />真正让<b>价格做到最低</b></p>
 | ||
|             <div class="line"></div>
 | ||
|             <div>
 | ||
|               我们是5大主流翻译引擎综合代理服务商<br />
 | ||
|               汇集众多企业客户,从而可以享受较低的渠道价格
 | ||
|             </div>
 | ||
|           </div>
 | ||
|         </div>
 | ||
|       </div>
 | ||
|       <div class="index-module service-module">
 | ||
|         <div class="w1200">
 | ||
|           <div class="col">
 | ||
|             <div class="img-w"><img src="static/picture/p2.png" alt="" /></div>
 | ||
|             <p>核心服务商</p>
 | ||
|           </div>
 | ||
|           <div class="col">
 | ||
|             <div class="img-w"><img src="static/picture/p3.png" alt="" /></div>
 | ||
|             <p>金牌服务商</p>
 | ||
|           </div>
 | ||
|           <div class="col">
 | ||
|             <div class="img-w">
 | ||
|               <img
 | ||
|                 src="static/picture/soft.png"
 | ||
|                 alt=""
 | ||
|                 style="width: 215px; height: 82px"
 | ||
|               />
 | ||
|             </div>
 | ||
|             <p>金牌服务商</p>
 | ||
|           </div>
 | ||
|           <div class="col">
 | ||
|             <div class="img-w"><img src="static/picture/p4.png" alt="" /></div>
 | ||
|             <p>一级服务商</p>
 | ||
|           </div>
 | ||
|           <div class="col">
 | ||
|             <div class="img-w">
 | ||
|               <img src="static/picture/youdao.png" alt="" />
 | ||
|             </div>
 | ||
|             <p>二级服务商</p>
 | ||
|           </div>
 | ||
|         </div>
 | ||
|       </div>
 | ||
|       <div class="index-module order-module">
 | ||
|         <div class="w1200">
 | ||
|           <p>预约您的专属营销顾问,洽谈最优价格</p>
 | ||
|           <div class="form-data">
 | ||
|             <input
 | ||
|               type="text"
 | ||
|               name="name"
 | ||
|               placeholder="请输入您的姓名"
 | ||
|               v-model="name"
 | ||
|             /><input
 | ||
|               type="text"
 | ||
|               name="tel"
 | ||
|               placeholder="请输入您的电话"
 | ||
|               v-model="tel"
 | ||
|             />
 | ||
|           </div>
 | ||
|           <div class="btn" @click="appointment">立即预约</div>
 | ||
|         </div>
 | ||
|       </div>
 | ||
|       <div class="public-consult">
 | ||
|         <div class="w1200">
 | ||
|           <img class="service" src="static/picture/p23.png" alt="" />
 | ||
|           <div class="form-row">
 | ||
|             <input
 | ||
|               v-model="name"
 | ||
|               class="form-input"
 | ||
|               type="text"
 | ||
|               placeholder="您的称呼"
 | ||
|             /><input
 | ||
|               v-model="tel"
 | ||
|               class="form-input"
 | ||
|               type="number"
 | ||
|               placeholder="请输入您的手机号"
 | ||
|             />
 | ||
|             <div class="confirm" @click="appointment">立即预约</div>
 | ||
|           </div>
 | ||
|           <div class="close" title="关闭"></div>
 | ||
|         </div>
 | ||
|       </div>
 | ||
|       <div class="public-customer">
 | ||
|         <!-- <div class="top"><img src="https://codeai.oss-cn-hangzhou.aliyuncs.com/img/p27.png" class="icon" /><span>客服咨询</span></div> -->
 | ||
|         <div class="ctr">
 | ||
|           <div class="item">
 | ||
|             <img src="static/picture/p25.png" alt="" />
 | ||
|             <div>电报咨询</div>
 | ||
|             <div class="detail wechat">
 | ||
|               <h5>电报咨询</h5>
 | ||
|               <img src="static/picture/p23.jpg" alt="" />
 | ||
|               <p>手机扫码加我电报</p>
 | ||
|             </div>
 | ||
|           </div>
 | ||
|           <div class="line"></div>
 | ||
|           <div class="item">
 | ||
|             <img src="static/picture/p26.png" alt="" />
 | ||
|             <div>电话咨询</div>
 | ||
|             <div class="detail">
 | ||
|               <h5>电话咨询</h5>
 | ||
|               <div class="phone">+18435173355</div>
 | ||
|             </div>
 | ||
|           </div>
 | ||
|         </div>
 | ||
|       </div>
 | ||
|     </div>
 | ||
|     <!-- <div class="service-modal"><div class="content"><div class="close"></div><div class="contact">联系我们</div><img class="qrcode-img" src="/static/picture/p23.jpg" alt=""><p>请添加专属营销顾问</p></div></div> -->
 | ||
|     <script type="text/javascript">
 | ||
|       var vm = new Vue({
 | ||
|         el: "#app",
 | ||
|         data() {
 | ||
|           return {
 | ||
|             name: "",
 | ||
|             tel: "",
 | ||
|             isClick: false,
 | ||
|             platforms:[]
 | ||
|           };
 | ||
|         },
 | ||
|         mounted() {
 | ||
|             this.getPlatforms()
 | ||
|         },
 | ||
|         methods: {
 | ||
|           appointment() {
 | ||
|             var pattern = /^1[0-9]{10}$/;
 | ||
|             if (!pattern.test(this.tel)) {
 | ||
|               layer.msg("手机号码有误!");
 | ||
|               return;
 | ||
|             }
 | ||
|             if (this.name && !this.isClick) {
 | ||
|               this.isClick = true;
 | ||
|               axios
 | ||
|                 .post("/api/translate/saveAppointment", {
 | ||
|                   tel: this.tel,
 | ||
|                   name: this.name,
 | ||
|                 })
 | ||
|                 .then((response) => {
 | ||
|                   this.isClick = false;
 | ||
|                   if (response.data.code == 1) {
 | ||
|                     layer.msg("预约成功");
 | ||
|                   } else {
 | ||
|                     layer.msg(response.data.info);
 | ||
|                   }
 | ||
|                 });
 | ||
|             } else {
 | ||
|               layer.msg("请输入姓名");
 | ||
|             }
 | ||
|           },
 | ||
|           getPlatforms() {
 | ||
|             axios
 | ||
|              .get("/tm-platform/list")
 | ||
|              .then((response) => {
 | ||
|                 if (response.data.code == 200) {
 | ||
|                     this.platforms = response.data.data;
 | ||
|                 }
 | ||
|               })
 | ||
|              .catch((error) => {
 | ||
|                 console.log(error);
 | ||
|               });
 | ||
|           },
 | ||
|         },
 | ||
|       });
 | ||
|     </script>
 | ||
|     <script type="text/javascript">
 | ||
|       document.addEventListener("DOMContentLoaded", function () {
 | ||
|         const carousel = document.querySelector(".index-module");
 | ||
|         const slides = document.querySelectorAll(".index-tops");
 | ||
|         const leftArrow = document.querySelector(".arrow-left");
 | ||
|         const rightArrow = document.querySelector(".arrow-right");
 | ||
| 
 | ||
|         let currentIndex = 0;
 | ||
|         let isMouseOver = false;
 | ||
|         let isAnimating = false;
 | ||
|         let intervalTime = 4000;
 | ||
|         let timer = null;
 | ||
| 
 | ||
|         function showSlide(index) {
 | ||
|           if (isAnimating) return;
 | ||
| 
 | ||
|           isAnimating = true;
 | ||
|           const nextIndex = (index + slides.length) % slides.length;
 | ||
| 
 | ||
|           slides[currentIndex].classList.remove("active");
 | ||
|           slides[nextIndex].classList.add("active");
 | ||
| 
 | ||
|           currentIndex = nextIndex;
 | ||
|           setTimeout(() => {
 | ||
|             isAnimating = false;
 | ||
|           }, 500);
 | ||
|         }
 | ||
| 
 | ||
|         function nextSlide() {
 | ||
|           showSlide(currentIndex + 1);
 | ||
|         }
 | ||
| 
 | ||
|         function prevSlide() {
 | ||
|           showSlide(currentIndex - 1);
 | ||
|         }
 | ||
| 
 | ||
|         function startAutoPlay() {
 | ||
|           clearInterval(timer);
 | ||
|           timer = setInterval(() => {
 | ||
|             if (!isMouseOver) nextSlide();
 | ||
|           }, intervalTime);
 | ||
|         }
 | ||
| 
 | ||
|         carousel.addEventListener("mouseenter", () => {
 | ||
|           isMouseOver = true;
 | ||
|         });
 | ||
| 
 | ||
|         carousel.addEventListener("mouseleave", () => {
 | ||
|           isMouseOver = false;
 | ||
|         });
 | ||
| 
 | ||
|         leftArrow.addEventListener("click", () => {
 | ||
|           prevSlide();
 | ||
|           startAutoPlay(); // 点击后重启定时器
 | ||
|         });
 | ||
| 
 | ||
|         rightArrow.addEventListener("click", () => {
 | ||
|           nextSlide();
 | ||
|           startAutoPlay(); // 点击后重启定时器
 | ||
|         });
 | ||
| 
 | ||
|         // 初始化轮播
 | ||
|         startAutoPlay();
 | ||
|       });
 | ||
|       $(function () {
 | ||
|         $(window).scroll(function () {
 | ||
|           if ($(document).scrollTop() > 500) {
 | ||
|             $(".public-header").addClass("normal");
 | ||
|           } else {
 | ||
|             $(".public-header").removeClass("normal");
 | ||
|           }
 | ||
|           if (
 | ||
|             $(".order-module").offset().top - $(document).scrollTop() <=
 | ||
|             711
 | ||
|           ) {
 | ||
|             $(".public-consult").addClass("hideCla");
 | ||
|           } else {
 | ||
|             $(".public-consult").removeClass("hideCla");
 | ||
|           }
 | ||
|         });
 | ||
| 
 | ||
|         // 计数
 | ||
|         var areaCounter = new CountUp("counter", 0, 22000000000, 0, 3, {
 | ||
|           separator: ",",
 | ||
|         });
 | ||
|         if (!areaCounter.error) {
 | ||
|           areaCounter.start();
 | ||
|         } else {
 | ||
|           console.error(areaCounter.error);
 | ||
|         }
 | ||
|         var areaCounter1 = new CountUp("counter1", 0, 12000000, 0, 3, {
 | ||
|           separator: ",",
 | ||
|         });
 | ||
|         if (!areaCounter1.error) {
 | ||
|           areaCounter1.start();
 | ||
|         } else {
 | ||
|           console.error(areaCounter1.error);
 | ||
|         }
 | ||
|         var areaCounter2 = new CountUp("counter2", 0, 1000, 0, 3, {
 | ||
|           separator: ",",
 | ||
|         });
 | ||
|         if (!areaCounter2.error) {
 | ||
|           areaCounter2.start();
 | ||
|         } else {
 | ||
|           console.error(areaCounter2.error);
 | ||
|         }
 | ||
| 
 | ||
|         $(".consult").click(function () {
 | ||
|           // $('.service-modal').fadeIn()
 | ||
|           window.location.href = "/index/index/api";
 | ||
|         });
 | ||
| 
 | ||
|         $(".service-modal .close").click(function () {
 | ||
|           $(".service-modal").fadeOut();
 | ||
|         });
 | ||
|         $(".public-consult .close").click(function () {
 | ||
|           $(".public-consult").addClass("hideCla");
 | ||
|         });
 | ||
|       });
 | ||
|     </script>
 | ||
|     <div class="public-footer">
 | ||
|       <div class="w1200">
 | ||
|         <div class="left"><img src="static/picture/logo.png" alt="" /></div>
 | ||
|         <div
 | ||
|           style="
 | ||
|             flex-direction: column;
 | ||
|             line-height: 23px;
 | ||
|             padding-left: 100px;
 | ||
|             color: #fff;
 | ||
|             font-size: 12px;
 | ||
|           "
 | ||
|         >
 | ||
|           <p style="color: #fff; font-size: 12px"><span>官方频道:@apiapl_news</span></p>
 | ||
|           <p style="color: #fff; font-size: 12px"><span>咨询客服:@apiapl</span></p>
 | ||
|             <span></span>
 | ||
|           </p>
 | ||
|         </div>
 | ||
|         <div class="right" style="white-space: nowrap">
 | ||
|           <p></p>
 | ||
| 
 | ||
|           <p><span>技术服务:@apiapl_sdk</span></p>
 | ||
|           <p><span>联系邮箱:info@apiapl.com</span></p>
 | ||
|           <p class=""><span>联系电话:+18435173355 </span></p>
 | ||
|         </div>
 | ||
|       </div>
 | ||
|       <div class="copyright">
 | ||
|         <a href="https://beian.miit.gov.cn/" target="blank"></a>
 | ||
|       </div>
 | ||
|     </div>
 | ||
|   </body>
 | ||
| </html>
 |