From 6bcd135673be57b00ea68e58f1ae6aef2ac19e21 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Thu, 17 Feb 2022 18:30:05 +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