1

components/AppFooter/ToolBar/ToolBar.vue

@@ -0,0 +1,47 @@
+<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>