uni-APPpad端app左侧菜单栏

uni-app是一款基于Vue.js的跨平台应用开发框架，它允许开发者编写一套代码，同时生成适用于Android、iOS、Web等平台的应用。对于Pad端的uni-app应用，左侧菜单栏通常是一种常见的设计模式，用于组织和导航功能模块。

在uni-app中，创建左侧菜单栏的基本步骤如下：

1. **设置结构**：在项目中，你可以选择使用uni-app提供的`navigator`组件或者自定义布局来构建。`navigator`组件提供了一种便捷的方式来管理页面间的跳转和菜单显示。

<template>
  <view class="page">
    <navigator v-model="currentPath" :routes="menuRoutes" />
  </page>
</template>

<script>
export default {
  data() {
    return {
      currentPath: '',
      menuRoutes: [
        { path: '/', component: '首页', title: '首页' },
        { path: '/详情', component: '详情页', title: '详情' },
        // 更多其他路径...
      ]
    }
  }
}
</script>

2. **配置路由**：你需要在项目的router中配置菜单项对应的页面组件，以及它们之间的父子关系。

3. **动态切换**：通过监听`currentPath`的变化，可以实现菜单栏的高亮显示对应当前选中的页面。

4. **样式定制**：如果需要，可以调整样式来满足平板设备的大屏体验，比如增大字体、优化布局等。