src/components/mini/box4-minibox.vue

@@ -1,14 +1,22 @@
<template>
   <div class="blog-container ">
      <div>
         <span class="blog-right-side-portion-title " v-bind:class="{'title-remark':isShowRemark}">{{title}}</span>
         <span class="blog-right-side-portion-title " v-bind:class="{'title-remark':isShowRemark}">

            <span v-if="isShowLink">
               <router-link :to="link">
                  {{title}}
               </router-link>
            </span>
            <span v-else>
               {{title}}
            </span>
         </span>
      </div>
      <div class="blog-scroll show-line ">
         <div class="blog-right-side-meta " v-for="item in list">
            <div>
               <router-link to="/box1">
                  <span class="blog-display-hide-content">{{item.name}}</span>
               </router-link>
               <span class="blog-display-hide-content">{{item.name}}</span>
            </div>
         </div>
      </div>
@@ -19,9 +27,13 @@
<script>
   export default {
      props: {
         link: {
            default: "#"
         },
         title: "",
         list: "",
         isShowRemark: false
         isShowRemark: false,
         isShowLink: false
      },
      data() {
         return {
@@ -37,10 +49,13 @@
   /*右边的部分*/

   .blog-right-side-portion-title {
      a {
         color: black;
      }

      display: block;
      font-size: 15px;
      padding-bottom: 8px;

   }

   span.title-remark::after {