新版本官网优化完成
This commit is contained in:
32
components/AppFooter/ToolBar/ToolBar.vue
Normal file
32
components/AppFooter/ToolBar/ToolBar.vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<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&uin=${config.qqCode}&site=qq&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>
|
||||
Reference in New Issue
Block a user