Files
template-10490/components/AppFooter/ToolBar/ToolBar.vue

34 lines
1.0 KiB
Vue

<script setup lang="ts">
import {useConfigInfo, useSetting} from "~/composables/configState";
const config = useConfigInfo();
const setting = useSetting()
</script>
<template>
<div id="toolbar" v-if="setting.floatTool">
<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>
</ul>
</div>
<el-backtop :bottom="50" :right="25"></el-backtop>
</template>
<style scoped lang="scss">
</style>