From 4377bb0900090dab1c063fca96197e0bce24088d Mon Sep 17 00:00:00 2001
From: XiaoMo <a1300399510@qq.com>
Date: Thu, 30 Mar 2023 18:20:10 +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:20:01?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/detail/detailIndex.vue | 76 +++++++++++++++++++++++++++-----
1 file changed, 66 insertions(+), 10 deletions(-)
diff --git a/src/views/detail/detailIndex.vue b/src/views/detail/detailIndex.vue
index 201d9f2..88abb1e 100755
--- a/src/views/detail/detailIndex.vue
+++ b/src/views/detail/detailIndex.vue
@@ -13,8 +13,24 @@
</div>
<div class="detail-title-box">
- <div class="detail-title-jinghua flexcenter">精华</div>
- <div class="detail-title-label flexcenter">生活贴士</div>
+ <div class="detail-title-item detail-title-jinghua flexcenter">精华</div>
+ <div class="detail-title-item detail-title-label flexcenter">生活贴士</div>
+ 香港永久居民的申请步骤和过程
+ </div>
+
+ <!-- -->
+ <div class="card flexflex">
+
+ <div class="card-item shadow">
+ <div class="card-head">
+ <img class="card-head-icon" src="" />
+ <div class="card-head-content flexflex">
+ <div class="card-head-name">闫旭Mike</div>
+ <div class="card-head-time">2022-7-6 14:56</div>
+ </div>
+ <div class="card-head-fool"></div>
+ </div>
+ </div>
</div>
@@ -89,20 +105,60 @@ export default {
.detail-title-box {
- padding: .191rem 0.2933rem 0;
+ padding: .72rem 0.2933rem 0;
+ color: #000;
+ font-size: .56rem;
+ font-weight: 650;
- .detail-title-jinghua {
- width: 1rem;
- height: .64rem;
- border-radius: .5rem .5rem 0;
+ .detail-title-item {
font-size: .32rem;
color: #fff;
- background: linear-gradient(-57.3808deg, rgb(178, 152, 232) 0%, rgb(88, 70, 195) 100%);
+ height: .64rem;
+ display: inline-flex;
+ margin-right: .16rem;
+ font-weight: 400;
+
+ &.detail-title-jinghua {
+ width: 1rem;
+ border-radius: .5rem .5rem 0;
+ background: linear-gradient(-57.3808deg, rgb(178, 152, 232) 0%, rgb(88, 70, 195) 100%);
+ }
+
+ &.detail-title-label {
+ background: rgb(51, 51, 51);
+ padding: 0 .16rem;
+ display: inline-flex;
+ border-radius: .16rem;
+
+
+ }
+
}
- .detail-title-label {
- background: rgb(51, 51, 51);
+ }
+
+ .card {
+ margin-top: .48rem;
+ justify-content: center;
+
+ .card-item {
+ width: 9.4rem;
+ border-radius: .4rem;
+ background: #fff;
+
+ .card-head {
+
+ .card-head-icon {
+ width: .96rem;
+ height: .96rem;
+ border-radius: 50%;
+
+ }
+
+ .card-head-content {}
+ }
}
}
+
}
</style>
\ No newline at end of file