From 62096ceaed8a2a54bfb4298e4b0efb5eb64a7dcb Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Wed, 14 Aug 2024 11:11:03 +0800
Subject: [PATCH] ✨ feat(来访登记页面): 完善功能
---
gz-customerSystem/src/styles/public.less | 167 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 167 insertions(+), 0 deletions(-)
diff --git a/gz-customerSystem/src/styles/public.less b/gz-customerSystem/src/styles/public.less
index dd5b52c..dae4c5e 100644
--- a/gz-customerSystem/src/styles/public.less
+++ b/gz-customerSystem/src/styles/public.less
@@ -505,6 +505,173 @@
}
}
+//来访登记当事人
+.public-personCard {
+ display: flex;
+ padding: 8px;
+
+ &-card {
+ position: relative;
+ width: 66px;
+ height: 66px;
+ border-radius: 10px;
+ font-size: 30px;
+ line-height: 66px;
+ text-align: center;
+ color: #ffffff;
+ margin-right: 16px;
+
+ &-blue {
+ background: @main-color;
+
+ .public-personCard-card-check,
+ .public-personCard-card-bottomRight {
+ color: #1890ff;
+ }
+ }
+
+ &-orange {
+ background: linear-gradient(135deg, #ff5500, rgba(255, 85, 0, 0.65) 100%);
+
+ .public-personCard-card-check,
+ .public-personCard-card-bottomRight {
+ color: #ff5500;
+ }
+ }
+
+ &:hover {
+ .public-personCard-card-check {
+ height: 32px;
+ }
+ }
+
+ &-check {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ font-size: 12px;
+ height: 0;
+ transition: height 0.5s;
+ line-height: 32px;
+ text-align: center;
+ background-color: rgba(255, 255, 255, 0.9);
+ overflow: hidden;
+ }
+
+ &-bottomRight {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ background-color: rgba(255, 255, 255, 0.9);
+ overflow: hidden;
+ height: 18px;
+ font-size: 12px;
+ line-height: 14px;
+ border-top-left-radius: 10px;
+ padding: 2px 4px;
+ }
+ }
+
+ &-card-mini {
+ position: relative;
+ width: 24px;
+ height: 24px;
+ border-radius: 5px;
+ font-size: 12px;
+ line-height: 24px;
+ text-align: center;
+ color: #ffffff;
+
+ &-blue {
+ background: linear-gradient(138deg, #1890ff 0%, rgba(24, 144, 255, 0.75) 100%);
+
+ .public-personCard-card-check,
+ .public-personCard-card-bottomRight {
+ color: #1890ff;
+ }
+ }
+
+ &-orange {
+ background: linear-gradient(135deg, #ff5500, rgba(255, 85, 0, 0.65) 100%);
+
+ .public-personCard-card-check,
+ .public-personCard-card-bottomRight {
+ color: #ff5500;
+ }
+ }
+
+ &:hover {
+ .public-personCard-card-check {
+ height: 32px;
+ }
+ }
+
+ &-check {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ font-size: 12px;
+ height: 0;
+ transition: height 0.5s;
+ line-height: 32px;
+ text-align: center;
+ background-color: rgba(255, 255, 255, 0.9);
+ overflow: hidden;
+ }
+
+ &-bottomRight {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ background-color: rgba(255, 255, 255, 0.9);
+ overflow: hidden;
+ height: 18px;
+ font-size: 12px;
+ line-height: 14px;
+ border-top-left-radius: 10px;
+ padding: 2px 4px;
+ }
+ }
+
+ &-content {
+ flex: 1;
+ overflow: hidden;
+ }
+
+ &-title {
+ display: flex;
+ align-items: center;
+ }
+
+ &-tag {
+ font-size: 12px;
+ line-height: 20px;
+ border-radius: 2px;
+ padding: 0 4px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+
+ &-blue {
+ background: #e6f7ff;
+ color: #1890ff;
+ border: 1px solid #91d5ff;
+ }
+
+ &-grey {
+ background: #fafafa;
+ color: rgba(0, 0, 0, 0.85);
+ border: 1px solid #d9d9d9;
+ }
+
+ &-orange {
+ background: #fff2e8;
+ color: #fa541c;
+ border: 1px solid #ffbb96;
+ }
+ }
+}
+
// 警告颜色
.public-danger {
color: @error-color;
--
Gitblit v1.8.0