<script setup lang="ts">
import {useConfigInfo, useSetting} from "~/composables/configState";

const config = useConfigInfo();
const setting = useSetting()
</script>

<template>

  <div v-if="setting.floatTool" id="toolbar" class="hidden-sm-and-down">
    <ul>
<!--      <li>-->
<!--        <a :href="`http://wpa.qq.com/msgrd?v=3&amp;uin=${config.qqCode}&amp;site=qq&amp;menu=yes`" target="_blank">-->
<!--          <span class="icon-font icon-qq"></span>-->
<!--          <span class="wz">腾讯QQ{{ config.qqCode }}</span>-->
<!--        </a>-->
<!--      </li>-->
      <li>
        <a href="#">
          <span class="icon-font icon-qq"></span>
          <span class="wz">{{ config.qqCode }}</span>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="icon-font icon-phone">config.callPhone</span>
          <span class="wz">{{ config.callPhone }}</span>
        </a>
      </li>
      <li class="ewm">
        <span class="icon-font icon-ewm"></span>
        <div class="ewm-box"><img :src="config.wxMpQrcode" alt="微信二维码"/></div>
      </li>
      <li>
        <nuxt-link to="/order/3622">
          <span class="icon-font icon-message"></span>
          <span class="wz">在线留言</span>
        </nuxt-link>
      </li>
    </ul>
  </div>
  <el-backtop :bottom="100" :right="25"></el-backtop>
</template>

<style scoped lang="scss">

</style>
