From 56a4b88b16b5f86a2a697018a3e2546d3abf73e3 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Fri, 14 Jan 2022 02:04:24 +0800
Subject: [PATCH] 界面二次优化
---
src/components/layouts/box4-minibox.vue | 31 +++++++++++++++++--------------
1 files changed, 17 insertions(+), 14 deletions(-)
diff --git a/src/components/layouts/box4-minibox.vue b/src/components/layouts/box4-minibox.vue
index 628178e..f674bbb 100644
--- a/src/components/layouts/box4-minibox.vue
+++ b/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;
--
Gitblit v1.9.1