proginn-frontend/pages/user/select_new.vue

<template>
  <div class="flex">
    <div class="box">
      <router-link to="/user/new_article">
        <div class="item">
          <img src="~@/assets/quan/icon/new_article.png" alt="">
          <div>投稿文章</div>
        </div>
      </router-link>
      <router-link to="/user/new_video">
        <div class="item">
          <img src="~@/assets/quan/icon/new_video.png" alt="">
          <div>投稿视频</div>
        </div>
      </router-link>

    </div>
  </div>
</template>
<script>

  let container;
  let page = 1;

  export default {
    layout: "opacity_header",
    async asyncData() {
      return {
        title: `选择新建类型-程序员客栈`
      };
    },
    data() {
      return {};
    },
    mounted() {
      container = this.$refs.container;
    },
    methods: {},
  };
</script>
<style>
  body {
    background-color: white;
  }
</style>
<style lang='less' scoped>
  .flex {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }

  .item {
    text-align: center;
    font-size: 0.3rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: rgba(34, 34, 34, 1);
    line-height: 0.35rem;
  }

  .box {
    height: 5.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }

  img {
    width: 1.88rem;
    height: 1.88rem;
  }
</style>