| | |
| | | <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}"> |
| | | <router-link :to="link"> |
| | | {{title}} |
| | | </router-link> |
| | | </span> |
| | | </div> |
| | | <div class="blog-scroll show-line "> |
| | | <div class="blog-right-side-meta " v-for="item in list"> |
| | |
| | | <script> |
| | | export default { |
| | | props: { |
| | | link: { |
| | | default:"#" |
| | | }, |
| | | title: "", |
| | | list: "", |
| | | isShowRemark: false |
| | |
| | | /*右边的部分*/ |
| | | |
| | | .blog-right-side-portion-title { |
| | | a { |
| | | color: black; |
| | | } |
| | | |
| | | display: block; |
| | | font-size: 15px; |
| | | padding-bottom: 8px; |
| | | |
| | | } |
| | | |
| | | span.title-remark::after { |