<script setup lang="ts">
import {useConfigInfo} from "~/composables/configState";
const config = useConfigInfo();
</script>

<template>
  <div id="toolbar" v-if="config">
    <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</span>
      </a></li>
      <li><a href="javascript:;">
        <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><a href="/order/1003.html">
        <span class="icon-font icon-message"></span>
        <span class="wz">在线留言</span>
      </a></li>
      <el-backtop :bottom="50" :right="25"><li class="backtop"><span class="icon-font icon-top"></span></li></el-backtop>
    </ul>
  </div>
</template>

<style scoped lang="scss">

</style>
