From 63af45eaa849552e4ea3ff0248c47bacb62cacdb Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Wed, 16 Feb 2022 18:28:19 +0800 Subject: [PATCH] 对接接口 --- src/components/mini/box4-minibox.vue | 23 ++++++++++++++++++++--- 1 files changed, 20 insertions(+), 3 deletions(-) diff --git a/src/components/mini/box4-minibox.vue b/src/components/mini/box4-minibox.vue index 1da9efa..04ad7eb 100644 --- a/src/components/mini/box4-minibox.vue +++ b/src/components/mini/box4-minibox.vue @@ -1,7 +1,17 @@ <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"> @@ -19,9 +29,13 @@ <script> export default { props: { + link: { + default: "#" + }, title: "", list: "", - isShowRemark: false + isShowRemark: false, + isShowLink: false }, data() { return { @@ -37,10 +51,13 @@ /*右边的部分*/ .blog-right-side-portion-title { + a { + color: black; + } + display: block; font-size: 15px; padding-bottom: 8px; - } span.title-remark::after { -- Gitblit v1.9.1