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="/sharedSolutions/carShare">景区共享电动车</a></li>
            <li><a href="/sharedSolutions/scooter">共享滑板车</a></li>
            <li><a href="/sharedSolutions/sharedbed">共享陪护床</a></li>
            <li><a href="/sharedSolutions/eBike">共享电动车</a></li>
            <li><a href="/sharedSolutions/sharebank">共享充电宝</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="/industrySolutions/ElectCar" title="智能电动车">智能电动车</a></li>
            <li><a href="/industrySolutions/cabinet" 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="/softwareDevelopment/app">APP开发</a></li>
            <li><a href="/softwareDevelopment/miniprogram">小程序开发</a></li>
          </ul>
        </div>

        <div class="col-xs-4 col-lg-2">
          <h2>智能硬件</h2>
          <ul class="list-unstyled">
            <li><a href="/IoTSolutions/applicationCustomization" title="物联网应用定制">物联网应用定制</a></li>
            <li><a href="/IoTSolutions/Internet_Things_hardware" title="物联网智能硬件">物联网智能硬件</a></li>
            <li><a href="/IoTSolutions/Internet_Things_IOT" title="物联网IOT云平台">物联网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>