From 2697677779f8f88a4bb0a12086ccd1b869c83c72 Mon Sep 17 00:00:00 2001
From: XiaoMo <a1300399510@qq.com>
Date: Thu, 30 Mar 2023 18:00:11 +0800
Subject: [PATCH] =?UTF-8?q?a1300399510@qq.com=20=E6=8F=90=E4=BA=A4?=
=?UTF-8?q?=E4=BA=8E=202023/03/30=20-18:00:01?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/detail/detailIndex.vue | 55 +++++++++++++++++++++++++++++---
1 file changed, 50 insertions(+), 5 deletions(-)
diff --git a/src/views/detail/detailIndex.vue b/src/views/detail/detailIndex.vue
index 6f2cd5e..201d9f2 100755
--- a/src/views/detail/detailIndex.vue
+++ b/src/views/detail/detailIndex.vue
@@ -3,15 +3,21 @@
<div class="detail-head flexacenter">
<div class="detail-section">版块：<span class="section-name">香港澳门台湾留学申请</span></div>
<div class="detail-data flexacenter">
- <div class="detail-data-item">
+ <div class="detail-data-item flexacenter">
<img class="detail-data-eye" src="@/assets/img/detail/eye.png">10378
</div>
-
- <div class="detail-data-item">
+ <div class="detail-data-item flexacenter">
<img class="detail-data-comment" src="@/assets/img/detail/comment.png">16
</div>
</div>
</div>
+
+ <div class="detail-title-box">
+ <div class="detail-title-jinghua flexcenter">精华</div>
+ <div class="detail-title-label flexcenter">生活贴士</div>
+ </div>
+
+
</div>
</template>
@@ -41,7 +47,8 @@ export default {
.detail-head {
color: #7F7F7F;
- padding: 0 0.2933rem;
+ padding: .191rem 0.2933rem 0;
+ justify-content: space-between;
.detail-section {
justify-content: space-between;
@@ -54,10 +61,48 @@ export default {
.detail-data {
color: rgb(127, 127, 127);
+
.detail-data-item {
- // .detail-data-eye
+ color: rgb(127, 127, 127);
+ font-size: .28rem;
+
+ img {
+ margin-right: .12rem;
+ }
+
+ .detail-data-eye {
+ width: .36rem;
+ height: .36rem;
+ }
+
+ .detail-data-comment {
+ width: .32rem;
+ height: .32rem;
+ }
+
+ &:last-of-type {
+ margin-left: .32rem;
+ }
}
}
}
+
+
+ .detail-title-box {
+ padding: .191rem 0.2933rem 0;
+
+ .detail-title-jinghua {
+ width: 1rem;
+ height: .64rem;
+ border-radius: .5rem .5rem 0;
+ font-size: .32rem;
+ color: #fff;
+ background: linear-gradient(-57.3808deg, rgb(178, 152, 232) 0%, rgb(88, 70, 195) 100%);
+ }
+
+ .detail-title-label {
+ background: rgb(51, 51, 51);
+ }
+ }
}
</style>
\ No newline at end of file