jiaoyixt/src/layout/dashboard/DashboardLayout.vue

<template>
  <div class="wrapper">
    <side-bar :backgroundColor="'#333D54'">
      <template slot="links">
        <sidebar-link
          to="/robot"
          :name="'策略Robot'"
          icon="tim-icons icon-user-run"
        />
        <sidebar-link
          to="/account"
          :name="'账号管理'"
          icon="tim-icons icon-single-02"
        />
        <sidebar-link
          to="/reCheck"
          :name="'回测'"
          icon="tim-icons icon-single-02"
        />
        <sidebar-link
          to="/winRate"
          :name="'短线胜率测试'"
          icon="tim-icons icon-single-02"
        />
        <sidebar-link
          to="/capital"
          :name="'总资金管理'"
          icon="tim-icons icon-single-02"
        />

        <!-- <sidebar-link to="/icons" :name="$t('sidebar.icons')" icon="tim-icons icon-atom"/>
        <sidebar-link to="/maps" :name="$t('sidebar.maps')" icon="tim-icons icon-pin"/>
        <sidebar-link to="/notifications" :name="$t('sidebar.notifications')" icon="tim-icons icon-bell-55"/>
        <sidebar-link to="/profile" :name="$t('sidebar.userProfile')" icon="tim-icons icon-single-02"/>
        <sidebar-link to="/table-list" :name="$t('sidebar.tableList')" icon="tim-icons icon-puzzle-10"/>
        <sidebar-link to="/typography" :name="$t('sidebar.typography')" icon="tim-icons icon-align-center"/>
        <sidebar-link to="/dashboard?enableRTL=true" :name="$t('sidebar.rtlSupport')" icon="tim-icons icon-world"/> -->
      </template>
    </side-bar>
    <div class="main-panel">
      <top-navbar></top-navbar>

      <dashboard-content @click.native="toggleSidebar"> </dashboard-content>

      <content-footer></content-footer>
    </div>
  </div>
</template>
<style lang="scss"></style>
<script>
import TopNavbar from "./TopNavbar.vue";
import ContentFooter from "./ContentFooter.vue";
import DashboardContent from "./Content.vue";
import MobileMenu from "./MobileMenu";
export default {
  components: {
    TopNavbar,
    ContentFooter,
    DashboardContent,
    MobileMenu
  },
  methods: {
    toggleSidebar() {
      if (this.$sidebar.showSidebar) {
        this.$sidebar.displaySidebar(false);
      }
    }
  }
};
</script>

<style>
.off-canvas-sidebar {
  background: linear-gradient(0deg, #333 0%, #333 100%) !important;
}
</style>