48 lines
1.5 KiB
Vue
48 lines
1.5 KiB
Vue
<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&uin=${config.qqCode}&site=qq&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>
|