From d2fb33471600fe6452f53bdef7a030e13f192a7a Mon Sep 17 00:00:00 2001
From: dminyi <1301963064@qq.com>
Date: Wed, 11 Sep 2024 15:08:10 +0800
Subject: [PATCH] 提交
---
gz-wxparty/components/steps/index.wxss | 85 +++++++++++++++++++++++++++++-------------
1 files changed, 58 insertions(+), 27 deletions(-)
diff --git a/gz-wxparty/components/steps/index.wxss b/gz-wxparty/components/steps/index.wxss
index 1838218..de676a0 100644
--- a/gz-wxparty/components/steps/index.wxss
+++ b/gz-wxparty/components/steps/index.wxss
@@ -1,51 +1,82 @@
/* components/steps/index.wxss */
.steps {
- display: flex;
- align-items: center;
- background-color: #ffffff;
+ display: flex;
+ align-items: center;
+ background-color: #ffffff;
}
.steps-item {
- position: relative;
- flex: 1;
- display: flex;
- flex-direction: column;
- align-items: center;
+ position: relative;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ color: rgba(23, 26, 29, 0.40);
}
.steps-item-active,
.steps-item-active .steps-item-icon {
- color: var(--main-color);
+ color: var(--main-color);
}
.steps-item-active .steps-item-round {
- background-color: var(--red-1);
- color: var(--main-color);
+ background-color: var(--main-color);
+ color: var(--white);
+}
+
+.steps-item-line {}
+
+.steps-item-hoverLine {
+ width: 168rpx;
+ border: 1px solid var(--main-color);
+}
+
+.steps-item-line {
+ width: 168rpx;
+ border: 1px solid #E5E6EB;
+}
+
+.steps-item-active .steps-item-number1 {
+ background-color: var(--main-color);
+ color: var(--white);
}
.steps-item-round {
- position: relative;
- width: 60rpx;
- height: 60rpx;
- border-radius: 50%;
- color: #646566;
- margin-bottom: 8rpx;
- background-color: #f2f2f2;
+ position: relative;
+ width: 60rpx;
+ height: 60rpx;
+ border-radius: 50%;
+ color: #86909C;
+ margin-bottom: 8rpx;
+ background-color: #F2F3F5;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.steps-item-round1 {
+ position: relative;
+ width: 60rpx;
+ height: 60rpx;
+ border-radius: 50%;
+ color: #86909C;
+ margin-bottom: 8rpx;
+ background-color: #e8f3ff;
display: flex;
align-items: center;
justify-content: center;
}
.steps-item-text {
- font-size: 24rpx;
- line-height: 40rpx;
+ font-size: 24rpx;
+ line-height: 40rpx;
}
.steps-item-icon {
- position: absolute;
- z-index: 999;
- top: 50%;
- margin-top: -16rpx;
- right: -16rpx;
- color: #cccccc;
-}
+ position: absolute;
+ z-index: 889;
+ top: 50%;
+ margin-top: -24rpx;
+ right: -88rpx;
+ color: #cccccc;
+}
\ No newline at end of file
--
Gitblit v1.8.0