<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 v-if="config.qqCode">
        <a href="#">
          <span class="icon-font icon-qq"></span>
          <span class="wz">{{ config.qqCode }}</span>
        </a>
      </li>
      <li v-if="config.callPhone">
        <a href="#">
          <span class="icon-font icon-phone">config.callPhone</span>
          <span class="wz">{{ config.callPhone }}</span>
        </a>
      </li>
      <li class="ewm" v-if="config.wxMpQrcode">
        <span class="icon-font icon-ewm"></span>
        <div class="ewm-box"><img :src="config.wxMpQrcode" alt="微信二维码"/></div>
      </li>
<!--      <li v-if="config.addOrderUrl">-->
<!--        <nuxt-link :to="`${config.addOrderUrl}`">-->
<!--          <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>
