src/components/sidebar/cover.vue

@@ -1,21 +1,26 @@
 <template>
   <div>
-    <img src="../../assets/cover.png" alt="封面" class="cover">
+    <img :src="configurationdata && configurationdata.path" alt="封面" class="cover">
   </div>
 </template>
 
 <script>
+import { createNamespacedHelpers } from 'vuex'
+const { mapActions: configmapActions, mapState: configmapState } = createNamespacedHelpers('webconfig')
 export default {
   props: {
     w: String,
     h: String
   },
-  components: {},
-  data () {
-    return {}
+  methods: {
+    ...configmapActions(['configurationquery'])
   },
-  methods: {},
-  mounted () {}
+  mounted () {
+    this.configurationquery()
+  },
+  computed: {
+    ...configmapState(['configurationdata'])
+  }
 }
 </script>
 

src/components/sidebar/index.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="sidebarbox">
-    <div class="coverbox">
+    <div class="coverbox" @click="btn('9')">
       <h3 class="title">[ 本期封面 ]</h3>
       <cover class="cover"></cover>
-      <p>经济纵横 2021第1期  总第190期</p>
-      <p>出版时间：2021年01月01日</p>
+      <!-- <p>经济纵横 2021第1期  总第190期</p> -->
+      <!-- <p>出版时间：2021年01月01日</p> -->
       <!-- <el-button class="btn" size="mini">查看详细内容</el-button> -->
     </div>
     <buttons class="btns"></buttons>
@@ -22,7 +22,12 @@ export default {
   data () {
     return {}
   },
-  methods: {},
+  methods: {
+    btn (e) {
+      this.$router.push(`/www/list/${e}`)
+      localStorage.setItem('itemId', e)
+    }
+  },
   mounted () {}
 }
 </script>