瀏覽代碼

feat(backtop): add backtop (#71)

一万 3 年之前
父節點
當前提交
ae161e8b48
共有 2 個文件被更改,包括 5 次插入2 次删除
  1. 1 0
      src/layout/components/appMain.vue
  2. 4 2
      src/plugins/element-plus/index.ts

+ 1 - 0
src/layout/components/appMain.vue

@@ -16,6 +16,7 @@ const transition = computed(() => {
 <template>
 <template>
   <section class="app-main">
   <section class="app-main">
     <el-scrollbar>
     <el-scrollbar>
+      <el-backtop target=".app-main .el-scrollbar__wrap"></el-backtop>
       <router-view>
       <router-view>
         <template #default="{ Component, route }">
         <template #default="{ Component, route }">
           <transition
           <transition

+ 4 - 2
src/plugins/element-plus/index.ts

@@ -33,7 +33,8 @@ import {
   ElRadioButton,
   ElRadioButton,
   ElRadioGroup,
   ElRadioGroup,
   ElDescriptions,
   ElDescriptions,
-  ElDescriptionsItem
+  ElDescriptionsItem,
+  ElBacktop
 } from "element-plus";
 } from "element-plus";
 
 
 const components = [
 const components = [
@@ -69,7 +70,8 @@ const components = [
   ElRadioButton,
   ElRadioButton,
   ElRadioGroup,
   ElRadioGroup,
   ElDescriptions,
   ElDescriptions,
-  ElDescriptionsItem
+  ElDescriptionsItem,
+  ElBacktop
 ];
 ];
 
 
 const plugins = [ElLoading];
 const plugins = [ElLoading];