回到顶部提示

提示

teek 主题已支持回到顶部提示配置，详情查看全局配置

在vitepress-theme-Teek\src\components\RightBottomButton\src\index.vue中添加以下代码

vue

<script setup lang="ts" name="RightBottomButton">
import { ElMessage } from 'element-plus' // 引入消息提示功能
import 'element-plus/es/components/message/style/css'
<script>

修改前

vue

<script>
const scrollToTop = useDebounce(() => {
  scrollTo("html", 0, 1500);
  scrollTop.value = 0;
}, 500);
<script>

修改后

vue

<script setup lang="ts" name="RightBottomButton">
const scrollToTop = useDebounce(() => {
  scrollTo("html", 0, 1500, () => {
    // 添加Element Plus消息提示
    ElMessage({
      message: '已回到顶部',// 消息内容
      type: 'success',  // 消息类型为成功
      duration: 3000  // 持续时间为3秒
    });
  });
  scrollTop.value = 0;
}, 500);
<script>

回到顶部提示 ​

回到顶部提示