完成适配移动端

components/AppFooter/ToolBar/ToolBar.vue

@@ -1,31 +1,45 @@
 <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" class="hidden-sm-and-down">
+
+  <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</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>-->
+<!--        <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>
+        <a href="#">
+          <span class="icon-font icon-qq"></span>
+          <span class="wz">{{ config.qqCode }}</span>
+        </a>
+      </li>
+      <li>
+        <a href="#">
+          <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>
+        <div class="ewm-box"><img :src="config.wxMpQrcode" alt="微信二维码"/></div>
+      </li>
+      <li>
+        <nuxt-link to="/order/3622">
+          <span class="icon-font icon-message"></span>
+          <span class="wz">在线留言</span>
+        </nuxt-link>
       </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>
+  <el-backtop :bottom="100" :right="25"></el-backtop>
 </template>
 
 <style scoped lang="scss">