✨ feat(组件): 侧边悬浮快捷方式新增回首页功能

 <template>
 <template>
-  <div @click="handle">
-    <img class="icon-me" referrerpolicy="no-referrer" :src="icon_me" />
+  <div>
+    <img @click="toHome" class="icon-home" referrerpolicy="no-referrer" :src="icon_home" />
+    <img @click="toMe" class="icon-me" referrerpolicy="no-referrer" :src="icon_me" />
   </div>
   </div>
 </template>
 </template>
 
 
 <script setup>
 <script setup>
 import icon_me from '@images/icon-my@2x.png'
 import icon_me from '@images/icon-my@2x.png'
+import icon_home from '@images/icon-home@2x.png'
+
 import { ref, reactive, onMounted } from 'vue'
 import { ref, reactive, onMounted } from 'vue'
 const props = defineProps({
 const props = defineProps({
   type: String
   type: String
@@ -30,18 +33,34 @@ export default {
 
 
   },
   },
   methods: {
   methods: {
-
+    toHome () {
+      // 返回首页
+      this.$router.push({
+        path: '/client/index'
+      });
+    },
+    toMe () {
+      alert('me')
+    }
   }
   }
 }
 }
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>
+  .icon-home {
+    z-index: 169;
+    position: fixed;
+    right: 2rem;
+    bottom: 14rem;
+    width: 3rem;
+    height: 3rem;
+  }
   .icon-me {
   .icon-me {
     z-index: 169;
     z-index: 169;
     position: fixed;
     position: fixed;
     right: 2rem;
     right: 2rem;
-    bottom: 15%;
-    width: 44px;
-    height: 44px;
+    bottom: 10rem;
+    width: 3rem;
+    height: 3rem;
   }
   }
 </style>
 </style>
\ No newline at end of file

@@ -85,7 +85,7 @@
         <my-button @on-click="uploadVideo" type="primary">上传作品</my-button>
         <my-button @on-click="uploadVideo" type="primary">上传作品</my-button>
       </div>
       </div>
     </div>
     </div>
-    <to-me @on-click="gotoMe()"></to-me>
+    <shortcut-fixed @on-click="gotoMe()"></shortcut-fixed>
   </div>
   </div>
 
 
   <!-- 上传作品时，如果没有实名认证提示弹框 -->
   <!-- 上传作品时，如果没有实名认证提示弹框 -->
@@ -123,7 +123,7 @@ import icon_unsubscribe from '@images/icon-dingyue02@2x.png'
 import icon_me from '@images/icon-my@2x.png'
 import icon_me from '@images/icon-my@2x.png'
 import icon_notice from '@images/que-tishi@2x.png'
 import icon_notice from '@images/que-tishi@2x.png'
 
 
-import ToMe from '@/components/ToMe/index.vue'
+import ShortcutFixed from '@/components/ShortcutFixed/index.vue'
 import tools from '@/common/tool'
 import tools from '@/common/tool'
 import { ref, reactive, onMounted } from 'vue'
 import { ref, reactive, onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useRoute, useRouter } from 'vue-router'

@@ -26,14 +26,14 @@
       </template>
       </template>
     </div>
     </div>
     <div style="height: 1rem;"></div>
     <div style="height: 1rem;"></div>
-    <to-me @on-click="gotoMe()"></to-me>
+    <shortcut-fixed @on-click="gotoMe()"></shortcut-fixed>
   </div>
   </div>
 </template>
 </template>
 
 
 <script setup>
 <script setup>
 import MyButton from '@/components/MyButton/index.vue'
 import MyButton from '@/components/MyButton/index.vue'
 import BookCard from '@/components/BookCard/index.vue'
 import BookCard from '@/components/BookCard/index.vue'
-import ToMe from '@/components/ToMe/index.vue'
+import ShortcutFixed from '@/components/ShortcutFixed/index.vue'
 
 
 import { ref, reactive, onMounted } from 'vue'
 import { ref, reactive, onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useRoute, useRouter } from 'vue-router'