diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index a78d84a..7e3ba4c 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -23,27 +23,18 @@
+ - {{ formatDate(item.pubDate) }} - +
- -
- Read More - -
-
+ + +
+ Read More + +
+
+
@@ -313,28 +314,32 @@ onUnmounted(() => { .read-more-container { display: flex; justify-content: flex-end; /* 靠右排版 */ - margin-top: 10px; /* 调整上边距 */ } .read-more-card { + display: flex; /* 使用 flexbox */ + align-items: center; /* 垂直居中 */ + justify-content: center; /* 水平居中 */ cursor: pointer; - width: 150px; /* 调整宽度 */ - padding: 10px; /* 调整内边距 */ + width: 135px; /* 调整宽度 */ + height: 35px; /* 调整高度 */ + padding: 6px; /* 调整内边距 */ text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } -.read-more-card:hover { +.read-more-card:hover, +.read-more-tooltip { transform: translateY(-5px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .read-more-content { - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - font-size: 1em; /* 调整字体大小 */ + display: flex; /* 使用 flexbox */ + align-items: center; /* 垂直居中 */ + justify-content: center; /* 水平居中 */ + gap: 2px; + font-size: 0.85em; /* 调整字体大小 */ color: #409eff; }