如何在 UniApp 的官网上出现右侧页面导航栏的‘本页导读’功能展示?

在 UniApp 官网或其他自建网站上添加右侧页面导航栏的“本页导读”功能通常涉及到前端开发，特别是对于基于 Vue 或小程序框架的项目。以下是基本步骤：

1. **规划布局**：首先，在设计阶段考虑布局，一般会在页面的右侧设置一个固定的侧边栏区域，宽度可根据需求调整。

2. **组件化**：将“本页导读”内容作为一个独立的组件创建，这个组件可以动态获取当前页面的内容摘要或者相关的导航链接。

3. **数据管理**：在数据层面上，需要准备一个函数或者服务来生成每一页的导读信息，这可能涉及页面元数据处理或者内容解析。

4. **模板渲染**：在模板（如 Vue 的单文件组件 template 部分）里，将该组件绑定到右侧区域，并传入对应页面的数据作为参数。

<template>
  <div class="sidebar">
    <side-nav-digest :content="currentPageDigest"></side-nav-digest>
  </div>
</template>

<script>
import SideNavDigest from '@/components/SideNavDigest.vue';

export default {
  components: {
    SideNavDigest,
  },
  data() {
    return {
      currentPageDigest: null, // 这里通过计算属性或请求数据填充
    };
  },
  created() {
    this.fetchPageDigest();
  },
  methods: {
    fetchPageDigest() {
      // 调用数据服务获取本页的摘要
    },
  },
};
</script>

5. **动态加载**：确保在每次页面跳转时都能重新获取并更新侧边栏的摘要内容。

6. **样式调整**：根据实际的设计需求对侧边栏的样式进行美化，包括字体、颜色等。