From 2795bef55b825acd0065d991e835c5f616ec4724 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Fri, 05 Aug 2022 18:25:35 +0800
Subject: [PATCH] mini消息盒子
---
src/components/mini/box4-minibox.vue | 27 +++++++++++++++++++++------
1 files changed, 21 insertions(+), 6 deletions(-)
diff --git a/src/components/mini/box4-minibox.vue b/src/components/mini/box4-minibox.vue
index 1da9efa..2adf1af 100644
--- a/src/components/mini/box4-minibox.vue
+++ b/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 {
--
Gitblit v1.9.1