gaoyixia-pc/src/views/image-text/index.vue

<template>
  <div class="wrap">
    <Content v-if="!$route.meta.children" />
    <ChildContent :menu="menu" v-else />
  </div>
</template>

<script>
import Content from "./components/content.vue";
import ChildContent from "./components/child-content.vue";
export default {
  components: { Content, ChildContent },
  data() {
    return {
      menu: [
        {
          title: "评论我的",
          link: "/image-text/comment-on-my",
          numKey: "comment_num",
        },
        {
          title: "回复我的",
          link: "/image-text/reply-on-my",
          numKey: "reply_num",
        },
        {
          link: "/image-text/like-on-my",
          title: "点赞我的",
          numKey: "praise_num",
          shape: "round",
        },
        {
          title: "我的订阅",
          link: "/image-text/my-chasingFun",
          numKey: "follow_num",
        },
        "line",
        {
          title: "我的评论",
          link: "/image-text/my-comment",
        },
        {
          title: "我的回复",
          link: "/image-text/my-reply",
        },
        {
          title: "我的点赞",
          link: "/image-text/my-like",
        },
        {
          title: "我的发布",
          link: "/image-text/my-release",
        },
        {
          title: "我的已购",
          link: "/image-text/my-buy",
        },
        {
          title: "我的收藏",
          link: "/image-text/my-collect",
        },
        {
          title: "学习历史",
          link: "/image-text/study-history",
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.wrap {
  width: calc(100% - #{$navbarWidth});
}
</style>