ct/app/components/BottomNavigation.vue

<template>
  <!-- 底部 -->
  <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="">共享汽车</a></li> -->
            <li><a href="scooter.html">共享滑板车</a></li>
            <li><a href="sharedbed.html">共享陪护床</a></li>
            <li><a href="Ebike.html">共享电动车</a></li>
            <li><a href="sharabank.html">共享充电宝</a></li>
          </ul>
        </div>

        <div class="col-xs-4 col-lg-2">
          <h2>行业方案</h2>
          <ul class="list-unstyled">
            <li><a class="menu-group" 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="Internet_Things_ElectCar.html" 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="UI-s.html">APP开发</a></li>
            <li><a href="proDevelop.html">小程序开发</a></li>
          </ul>
        </div>

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

        <div id="contact-us" class="col-xs-8 col-lg-3 col-lg-offset-1">
          <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 alt="联系我们" src="/img/img/qywx.png" style="width: 120px; margin-top: 20px;">-->
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</template>

<script setup>
// 数据定义
const solutions = [
  '共享单车',
  '共享滑板车',
  '共享陪护床',
  '共享电动车',
  '共享充电宝'
]

const industrySolutions = [
  '智慧餐饮',
  '智慧公寓',
  '智能电动车'
]

const softwareDevelopment = [
  '微信开发',
  'APP开发',
  '小程序开发'
]

const smartHardware = [
  '物联网应用定制',
  '物联网智能硬件',
  '物联网IOT云平台'
]
</script>