<template>
  <div class="sidebarbox">
    <div class="coverbox" @click="btn('9')">
      <h3 class="title">[ 本期封面 ]</h3>
      <cover class="cover"></cover>
      <!-- <p>经济纵横 2021第1期  总第190期</p> -->
      <!-- <p>出版时间：2021年01月01日</p> -->
      <!-- <el-button class="btn" size="mini">查看详细内容</el-button> -->
    </div>
    <buttons class="btns"></buttons>
  </div>
</template>

<script>
import cover from './cover.vue'
import buttons from './buttons.vue'
export default {
  components: {
    buttons,
    cover
  },
  data () {
    return {}
  },
  methods: {
    btn (e) {
      this.$router.push(`/www/list/${e}`)
      localStorage.setItem('itemId', e)
    }
  },
  mounted () {}
}
</script>

<style lang="less" scoped>
.sidebarbox {
  width: 15%;
  .coverbox {
    width: 100%;
    background: #f0f0f0;
    margin: 5% 0;
    padding-bottom: 5%;
    p {
      width: 100%;
      text-align: center;
      font-size: 0.8em;
    }
    .title {
      color: #a80002;
      font-size: 1em;
      line-height: 3em;
      width: 100%;
      text-align: center;
      margin: 0;
    }
    .cover {
      width: 80%;
      margin: 0 auto;
    }
    .btn {
      display: block;
      background: #a80002;
      color: #fff;
      margin: 0 auto;
    }
  }
  .btns {
    margin-top: 10%;
  }
}
</style>
