ct/app/components/yuxi/Footer.vue

<!--<template>-->
<!--  <div>-->
<!--    &lt;!&ndash; 底部 &ndash;&gt;-->
<!--    <div class="footer">-->
<!--      <div class="container">-->
<!--        <div class="row">-->
<!--          <div class="col-xs-4 col-lg-2">-->
<!--            <h2>解决方案</h2>-->
<!--            <ul class="list-unstyled">-->
<!--              <li><a href="http://bike.yuxiit.com/" target="_blank">共享单车</a></li>-->
<!--              <li><a href="/yuxi/scooter">共享滑板车</a></li>-->
<!--              <li><a href="/yuxi/sharedbed">共享陪护床</a></li>-->
<!--              <li><a href="/yuxi/Ebike">共享电动车</a></li>-->
<!--              <li><a href="/yuxi/sharabank">共享充电宝</a></li>-->
<!--            </ul>-->
<!--          </div>-->

<!--          <div class="col-xs-4 col-lg-2">-->
<!--            <h2>行业方案</h2>-->
<!--            <ul class="list-unstyled">-->
<!--              <li><a href="http://tianmei.yuxiit.com/" target="_blank" title="智慧餐饮">智慧餐饮</a></li>-->
<!--              <li><a href="http://hx.yuxiit.com/" target="_blank" title="智慧公寓">智慧公寓</a></li>-->
<!--              <li><a href="/yuxi/Internet_Things_ElectCar" target="_blank" title="智能电动车">智能电动车</a></li>-->
<!--            </ul>-->
<!--          </div>-->

<!--          <div class="col-xs-4 col-lg-2">-->
<!--            <h2>软件开发</h2>-->
<!--            <ul class="list-unstyled">-->
<!--              <li><a href="http://wechat.yuxiit.com/" target="_blank">微信开发</a></li>-->
<!--              <li><a href="/yuxi/UI-s">APP开发</a></li>-->
<!--              <li><a href="/yuxi/proDevelop">小程序开发</a></li>-->
<!--            </ul>-->
<!--          </div>-->

<!--          <div class="col-xs-4 col-lg-2">-->
<!--            <h2>智能硬件</h2>-->
<!--            <ul class="list-unstyled">-->
<!--              <li><a href="/yuxi/Internet_Things" title="车锁">物联网应用定制</a></li>-->
<!--              <li><a href="/yuxi/Internet_Things_hardware" title="车锁">物联网智能硬件</a></li>-->
<!--              <li><a href="/yuxi/Internet_Things_IOT" title="联网控制器">物联网IOT云平台</a></li>-->
<!--            </ul>-->
<!--          </div>-->

<!--          <div class="col-xs-8 col-lg-3 col-lg-offset-1" id="contact-us">-->
<!--            <div class="row">-->
<!--              <div class="col-xs-8">-->
<!--                <h2>联系我们</h2>-->
<!--                <ul class="list-unstyled">-->
<!--                  <li><span>客服电话：0755-85225123</span></li>-->
<!--                  <li><span>商务合作：18123752516</span></li>-->
<!--                  <li><span>反馈建议：yuxi@yuxiit.com</span></li>-->
<!--                </ul>-->
<!--              </div>-->
<!--              <div class="col-xs-4">-->
<!--                <img src="/www.yuxiit.com/img/img/qywx.png" alt="联系我们" style="width: 120px; margin-top: 20px;">-->
<!--              </div>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->
<!--    -->
<!--    &lt;!&ndash; 滚动文字 &ndash;&gt;-->
<!--    <div style="background: #000; color: #fff;">-->
<!--      <MARQUEE>-->
<!--        <a href="/yuxi/index-2" title="深圳APP开发" target="_blank" style="color: #fff;">-->
<!--          <strong>共享APP开发-创特科技专注于共享陪护床，共享电动车，共享汽车，共享充电桩，共享家居电器，共享按摩椅，共享充电宝，共享滑板车等共享软件开发及物联网解决方案</strong>-->
<!--        </a>-->
<!--      </MARQUEE>-->
<!--    </div>-->
<!--    -->
<!--    &lt;!&ndash; 版权信息 &ndash;&gt;-->
<!--    <div class="containe min-footer text-center">-->
<!--      <div class="row">-->
<!--        <div class="col-xs-6">-->
<!--          Copyright © 2013-2025深圳市创特科技有限公司 -->
<!--          <a href="http://beian.miit.gov.cn/" target="_blank">粤ICP备14055703号-1</a>-->
<!--        </div>-->
<!--        <div class="col-xs-6">公司地址：深圳市龙华新区1970文化创意产业园A栋206</div>-->
<!--      </div>-->
<!--    </div>-->

<!--    &lt;!&ndash; 移动端服务按钮 &ndash;&gt;-->
<!--    <div class="col-xs-4 hidden-md hidden-lg">-->
<!--      <div class="servers">-->
<!--        <img src="/www.yuxiit.com/img/img/wecate.png" alt="18123752516" id="getphones">-->
<!--      </div>-->
<!--    </div>-->

<!--    &lt;!&ndash; 复制成功模态框 &ndash;&gt;-->
<!--    <div class="modal fade" id="myModal">-->
<!--      <div class="modal-dialog" role="document">-->
<!--        <div class="modal-content">-->
<!--          <div class="modal-header" style="border: none">-->
<!--            <button type="button" class="close" data-dismiss="modal" aria-label="Close">-->
<!--              <span aria-hidden="true">&times;</span>-->
<!--            </button>-->
<!--            <h4 class="modal-title">复制成功</h4>-->
<!--          </div>-->
<!--          <div class="modal-body" style="text-align: center;">-->
<!--            <span class="glyphicon glyphicon-ok" style="color: green; font-size: 40px;"></span>-->
<!--            <p>复制成功</p>-->
<!--            <p>手机号：18123752516</p>-->
<!--            <p>添加微信好友，详细了解产品。</p>-->
<!--          </div>-->
<!--          <div class="modal-footer" style="border: none">-->
<!--            <button type="button" class="btn btn-default" data-dismiss="modal" style="width: 100%; background: green; border: none; color: #fff;">知道了</button>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->

<!--<script setup lang="ts">-->
<!--import { onMounted } from 'vue'-->

<!--// 复制手机号功能-->
<!--const copyPhoneNumber = () => {-->
<!--  const phoneNumber = '18123752516'-->
<!--  const oInput = document.createElement('input')-->
<!--  oInput.value = phoneNumber-->
<!--  document.body.appendChild(oInput)-->
<!--  oInput.select()-->
<!--  document.execCommand('Copy')-->
<!--  oInput.className = 'oInput'-->
<!--  oInput.style.display = 'none'-->
<!--  -->
<!--  // 显示模态框-->
<!--  const modal = document.getElementById('myModal')-->
<!--  if (modal) {-->
<!--    modal.style.display = 'block'-->
<!--    modal.classList.add('show')-->
<!--  }-->
<!--}-->

<!--onMounted(() => {-->
<!--  // 绑定复制手机号事件-->
<!--  const phoneElement = document.getElementById('getphones')-->
<!--  if (phoneElement) {-->
<!--    phoneElement.addEventListener('click', copyPhoneNumber)-->
<!--  }-->
<!--  -->
<!--  // 绑定模态框关闭事件-->
<!--  const closeButtons = document.querySelectorAll('[data-dismiss="modal"]')-->
<!--  closeButtons.forEach(button => {-->
<!--    button.addEventListener('click', () => {-->
<!--      const modal = document.getElementById('myModal')-->
<!--      if (modal) {-->
<!--        modal.style.display = 'none'-->
<!--        modal.classList.remove('show')-->
<!--      }-->
<!--    })-->
<!--  })-->
<!--})-->
<!--</script>-->

<!--<style scoped>-->
<!--.footer {-->
<!--  background: #2c3e50;-->
<!--  color: #fff;-->
<!--  padding: 50px 0 30px;-->
<!--}-->

<!--.footer h2 {-->
<!--  color: #fff;-->
<!--  font-size: 1.2em;-->
<!--  margin-bottom: 20px;-->
<!--  font-weight: bold;-->
<!--}-->

<!--.footer .list-unstyled {-->
<!--  list-style: none;-->
<!--  padding: 0;-->
<!--  margin: 0;-->
<!--}-->

<!--.footer .list-unstyled li {-->
<!--  margin-bottom: 8px;-->
<!--}-->

<!--.footer .list-unstyled a {-->
<!--  color: #bdc3c7;-->
<!--  text-decoration: none;-->
<!--  transition: color 0.3s ease;-->
<!--}-->

<!--.footer .list-unstyled a:hover {-->
<!--  color: #3498db;-->
<!--}-->

<!--.footer .list-unstyled span {-->
<!--  color: #bdc3c7;-->
<!--  font-size: 0.9em;-->
<!--}-->

<!--.containe {-->
<!--  background: #34495e;-->
<!--  color: #bdc3c7;-->
<!--  padding: 20px 0;-->
<!--}-->

<!--.containe a {-->
<!--  color: #3498db;-->
<!--  text-decoration: none;-->
<!--}-->

<!--.containe a:hover {-->
<!--  color: #2980b9;-->
<!--}-->

<!--.servers {-->
<!--  position: fixed;-->
<!--  bottom: 20px;-->
<!--  right: 20px;-->
<!--  z-index: 1000;-->
<!--  cursor: pointer;-->
<!--}-->

<!--.servers img {-->
<!--  width: 60px;-->
<!--  height: 60px;-->
<!--  border-radius: 50%;-->
<!--  box-shadow: 0 4px 12px rgba(0,0,0,0.3);-->
<!--  transition: all 0.3s ease;-->
<!--}-->

<!--.servers img:hover {-->
<!--  transform: scale(1.1);-->
<!--  box-shadow: 0 6px 16px rgba(0,0,0,0.4);-->
<!--}-->

<!--/* 模态框样式 */-->
<!--.modal {-->
<!--  display: none;-->
<!--  position: fixed;-->
<!--  z-index: 1000;-->
<!--  left: 0;-->
<!--  top: 0;-->
<!--  width: 100%;-->
<!--  height: 100%;-->
<!--  background-color: rgba(0,0,0,0.5);-->
<!--}-->

<!--.modal.show {-->
<!--  display: block;-->
<!--}-->

<!--.modal-dialog {-->
<!--  position: relative;-->
<!--  width: auto;-->
<!--  margin: 10px;-->
<!--  max-width: 500px;-->
<!--  margin: 30px auto;-->
<!--}-->

<!--.modal-content {-->
<!--  position: relative;-->
<!--  background-color: #fff;-->
<!--  border-radius: 8px;-->
<!--  box-shadow: 0 4px 12px rgba(0,0,0,0.3);-->
<!--}-->

<!--.modal-header {-->
<!--  padding: 20px;-->
<!--  border-bottom: 1px solid #e9ecef;-->
<!--}-->

<!--.modal-title {-->
<!--  margin: 0;-->
<!--  font-size: 1.2em;-->
<!--  font-weight: bold;-->
<!--}-->

<!--.close {-->
<!--  float: right;-->
<!--  font-size: 1.5em;-->
<!--  font-weight: bold;-->
<!--  line-height: 1;-->
<!--  color: #000;-->
<!--  text-shadow: 0 1px 0 #fff;-->
<!--  opacity: 0.5;-->
<!--  cursor: pointer;-->
<!--}-->

<!--.close:hover {-->
<!--  opacity: 0.75;-->
<!--}-->

<!--.modal-body {-->
<!--  padding: 20px;-->
<!--}-->

<!--.modal-footer {-->
<!--  padding: 20px;-->
<!--  border-top: 1px solid #e9ecef;-->
<!--}-->

<!--.btn {-->
<!--  display: inline-block;-->
<!--  padding: 8px 16px;-->
<!--  margin-bottom: 0;-->
<!--  font-size: 14px;-->
<!--  font-weight: normal;-->
<!--  line-height: 1.42857143;-->
<!--  text-align: center;-->
<!--  white-space: nowrap;-->
<!--  vertical-align: middle;-->
<!--  cursor: pointer;-->
<!--  border: 1px solid transparent;-->
<!--  border-radius: 4px;-->
<!--  text-decoration: none;-->
<!--}-->

<!--.btn-default {-->
<!--  color: #333;-->
<!--  background-color: #fff;-->
<!--  border-color: #ccc;-->
<!--}-->

<!--/* 滚动文字样式 */-->
<!--MARQUEE {-->
<!--  padding: 10px 0;-->
<!--  font-size: 14px;-->
<!--}-->

<!--/* 响应式设计 */-->
<!--@media (max-width: 768px) {-->
<!--  .footer {-->
<!--    padding: 30px 0 20px;-->
<!--  }-->
<!--  -->
<!--  .footer h2 {-->
<!--    font-size: 1em;-->
<!--    margin-bottom: 15px;-->
<!--  }-->
<!--  -->
<!--  .containe {-->
<!--    padding: 15px 0;-->
<!--    font-size: 0.9em;-->
<!--  }-->
<!--  -->
<!--  .col-xs-6 {-->
<!--    margin-bottom: 10px;-->
<!--  }-->
<!--  -->
<!--  .servers {-->
<!--    bottom: 10px;-->
<!--    right: 10px;-->
<!--  }-->
<!--  -->
<!--  .servers img {-->
<!--    width: 50px;-->
<!--    height: 50px;-->
<!--  }-->
<!--}-->
<!--</style>-->