From 5424fb6cc7c907ec12025e96bb41146b28e5582c Mon Sep 17 00:00:00 2001 From: xusd <hugeinfo123> Date: Sun, 08 Sep 2024 10:00:34 +0800 Subject: [PATCH] Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh --- 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