From edd35a251b58b1fad17015deda92324f74458434 Mon Sep 17 00:00:00 2001
From: unknown <unknown@example.com>
Date: 星期三, 17 八月 2022 00:05:30 +0800
Subject: [PATCH] 台账模块、智能咨询模块
---
pages/home/home.wxss | 98 +++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 87 insertions(+), 11 deletions(-)
diff --git a/pages/home/home.wxss b/pages/home/home.wxss
index 0dcdddc..b3ed0bd 100644
--- a/pages/home/home.wxss
+++ b/pages/home/home.wxss
@@ -4,23 +4,45 @@
}
.top-card {
+ position: relative;
border-radius: 4px;
- background: linear-gradient(to bottom right, #bbf3eb, #62EAD2);
+ background-color: #5bf0d6;
+ /* background: linear-gradient(to bottom right, #a5f5e9, #62EAD2); */
color: white;
padding: 8px;
+ width: 26vw;
+ /* text-shadow: 1px 1px rgb(0, 0, 0, 0.4); */
+}
+
+.top-card>image{
+ width: 13vw;
+ height: 14vw;
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
}
.top-card .top-card__time {
- text-align: end;
+ /* text-align: end; */
font-size: 12px;
color: #ffffffde;
}
.top-card .top-card__score {
- font-size: 26px;
+ font-size: 12px;
+ /* text-align: center; */
+ /* margin: 16px; */
+}
+
+.top-card .top-card__num {
+ font-size: 20px;
font-weight: 600;
- text-align: center;
- margin: 16px;
+}
+
+.top-card .top-card__tag{
+ font-size: 10px;
+ width: 12vw;
+ color: #ffffff5e;
}
.top-card .top-card__items {
@@ -41,11 +63,6 @@
font-weight: 600;
}
-.icon {
- width: 13px;
- height: 13px;
-}
-
.title {
padding: 8px;
}
@@ -55,10 +72,69 @@
background-color: var(--fyui-text-color_2);
}
+.notice-read {
+ width: 12px;
+ height: 12px;
+ background-color: #CECECE;
+ border-radius: 50%;
+}
+
+.notice-not-read {
+ width: 12px;
+ height: 12px;
+ background-color: red;
+ border-radius: 50%;
+}
+
.notice {
color: var(--fyui-text-color_2);
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-}
\ No newline at end of file
+}
+
+.image-btn {
+ position: relative;
+}
+
+.image-btn>image {
+ width: 46vw;
+ height: 90px;
+}
+
+.image-btn .image-btn_title {
+ position: absolute;
+ left: 8px;
+ top: 4px;
+ color: white;
+ font-size: 15px;
+}
+
+.image-btn .image-btn_abstract {
+ position: absolute;
+ left: 8px;
+ top: 28px;
+ color: white;
+ font-size: 10px;
+}
+
+.image-btn .image-btn_goto {
+ position: absolute;
+ left: 8px;
+ top: 48px;
+ width: 24px;
+ height: 24px;
+ background-color: white;
+ text-align: center;
+ border-radius: 50%;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)
+}
+
+/* .image-btn .image-btn_goto>image {
+ width: 14px;
+ height: 20px;
+ src: url();
+} */
\ No newline at end of file
--
Gitblit v1.9.3