src/components/layouts/box4-minibox.vue

@@ -1,12 +1,14 @@
<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}">{{title}}</span>
      </div>
      <div class="blog-scroll show-line ">
         <div class="blog-right-side-meta " v-for="item in list">
            <div>
               <a href="#"> <span class="blog-display-hide-content">{{item.name}}</span></a>
               <router-link to="/box1">
                  <span class="blog-display-hide-content">{{item.name}}</span>
               </router-link>
            </div>
         </div>
      </div>
@@ -19,7 +21,7 @@
      props: {
         title: "",
         list: "",
         isShowRemark:false
         isShowRemark: false
      },
      data() {
         return {
@@ -33,20 +35,20 @@

<style lang="less">
   /*右边的部分*/
	

   .blog-right-side-portion-title {
       display: block;
       font-size: 15px;
       padding-bottom: 8px;
	
      display: block;
      font-size: 15px;
      padding-bottom: 8px;

   }
	

   span.title-remark::after {
       content: "(按字母索引)";
       color: #999;
       font-size: 10px;
      content: "(按字母索引)";
      color: #999;
      font-size: 10px;
   }
	

   .blog-right-side-meta span {
      /*word-break: keep-all;*/
      /*word-wrap: break-word;*/
@@ -68,7 +70,8 @@
   }

   div .blog-right-side-meta a span:hover {
      background: #262a30;;
      background: #262a30;
      ;
      color: #fff;
      white-space: normal;
      word-break: break-word;