ct/app/components/AppFooter.vue

<script lang="ts" setup>
const {footer} = useAppConfig()
</script>

<template>

  <!--  -->
  <div style="background: #000; color: #fff;">
    <marquee>
      <!-- Keywords: -->
      <a href="/" style="color: #fff;" target="_blank" title="深圳APP开发"><strong>共享APP开发-创特科技专注于共享陪护床，共享电动车，共享汽车，共享充电桩，共享家居电器，共享按摩椅，共享充电宝，共享滑板车等共享软件开发及物联网解决方案</strong></a>
    </marquee>
  </div>
  <!--  -->
  <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>

  <div class="col-xs-4 hidden-md hidden-lg">
    <div class="servers">
      <!--        <img id="getphones" alt="18123752516" src="/img/img/wecate.png">-->
    </div>
  </div>

  <div id="myModal" class="modal fade">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header" style="border: none">
          <button aria-label="Close" class="close" data-dismiss="modal" type="button"><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;"/>
          <p>复制成功</p>
          <p>手机号：18123752516</p>
          <p>添加微信好友，详细了解产品。</p>
        </div>
        <div class="modal-footer" style="border: none">
          <button
              class="btn btn-default" data-dismiss="modal"
              style="width: 100%; background: green; border: none; color: #fff;"
              type="button">知道了
          </button>
          <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
        </div>
      </div>
    </div>
  </div>
</template>