From 7dc29ed74ebaa8a0e66f68264d9a13f95dc3af21 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期五, 02 八月 2024 11:09:06 +0800
Subject: [PATCH] aa
---
wechat_staff/pages/store/staff.wxss | 96 +++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 91 insertions(+), 5 deletions(-)
diff --git a/wechat_staff/pages/store/staff.wxss b/wechat_staff/pages/store/staff.wxss
index 8633274..8a0672b 100644
--- a/wechat_staff/pages/store/staff.wxss
+++ b/wechat_staff/pages/store/staff.wxss
@@ -7,11 +7,15 @@
left: 0;
z-index: -1;
}
+page {
+ overflow-y: hidden;
+}
.container {
padding: 26rpx 40rpx;
+ overflow-y: hidden;
}
.container .avatar {
- margin-top: 260rpx;
+ margin-top: 300rpx;
width: 140rpx;
height: 140rpx;
border-radius: 50%;
@@ -28,6 +32,14 @@
color: #333333;
position: relative;
}
+.container .desc .text {
+ width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 1;
+ -webkit-box-orient: vertical;
+}
.container .desc .icon {
position: absolute;
background: #F7F7F7;
@@ -39,6 +51,7 @@
}
.container .desc image {
width: 32rpx;
+ height: 32rpx;
margin-right: 20rpx;
}
.name_wrap {
@@ -48,7 +61,8 @@
.name_wrap .left {
flex: 1;
display: flex;
- align-items: flex-end;
+ align-items: center;
+ margin-top: 12rpx;
}
.name_wrap .left .name {
font-weight: 600;
@@ -75,10 +89,18 @@
width: 320rpx;
height: 156rpx;
padding: 28rpx 40rpx;
- background-color: #f7f7f7;
border-radius: 8rpx;
font-size: 26rpx;
color: #333333;
+ position: relative;
+}
+.static .card .bg {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
}
.static .card .num {
color: var(--themeColor);
@@ -86,6 +108,12 @@
font-weight: 600;
font-size: 40rpx;
display: flex;
+ align-items: center;
+}
+.static .card .num .icon {
+ position: relative;
+ bottom: 4rpx;
+ margin-left: 6rpx;
}
.guide .title {
font-weight: 500;
@@ -94,17 +122,21 @@
}
.guide .line {
display: flex;
- align-items: center;
+ align-items: flex-start;
font-size: 30rpx;
margin-bottom: 42rpx;
}
.guide .line .icon {
width: 30rpx;
+ margin-top: 6rpx;
}
.guide .line .label {
color: #777777;
margin-left: 24rpx;
margin-right: 44rpx;
+}
+.guide .line .val {
+ flex: 1;
}
.footer {
display: flex;
@@ -129,7 +161,7 @@
flex: 1;
}
.footer .btn image {
- width: 36rpx;
+ width: 32rpx;
margin-right: 12rpx;
}
.modal {
@@ -165,3 +197,57 @@
color: #999999;
text-align: center;
}
+.card_wrap {
+ position: fixed;
+ border-radius: 8rpx;
+ top: 50%;
+ left: 95rpx;
+ transform: translate(0, -50%);
+ width: 560rpx;
+ background-color: rgba(0, 0, 0, 0.2);
+ z-index: 99999;
+}
+.card_wrap .img1 image {
+ width: 560rpx;
+ border-radius: 8rpx ;
+}
+.card_wrap .content {
+ width: 560rpx;
+ padding: 24rpx 0 16rpx;
+ background: rgba(255, 255, 255, 0.8);
+ border-radius: 16rpx;
+ margin-top: 24rpx;
+ text-align: center;
+}
+.card_wrap .content .title {
+ font-weight: 500;
+ font-size: 28rpx;
+ margin-bottom: 12rpx;
+}
+.card_wrap .content .line {
+ font-size: 24rpx;
+ color: #333333;
+ line-height: 28rpx;
+}
+.card_wrap .btns {
+ margin-top: 24rpx;
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+}
+.card_wrap .btns .btn {
+ width: 160rpx;
+ height: 72rpx;
+ border-radius: 8rpx;
+ border: 2rpx solid #FFFFFF;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: #fff;
+}
+.card_wrap .btns .save {
+ width: 420rpx;
+ margin-left: 20rpx;
+ border: none;
+ background: linear-gradient(180deg, #E0B49C 0%, #B68B74 100%);
+}
--
Gitblit v1.9.3