From a1664efbefb313784e1920ffc8cfceda2a2ea1c8 Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期三, 07 八月 2024 14:50:03 +0800
Subject: [PATCH] 代码提交
---
wechat_staff/pages/store/staff.wxss | 98 ++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 81 insertions(+), 17 deletions(-)
diff --git a/wechat_staff/pages/store/staff.wxss b/wechat_staff/pages/store/staff.wxss
index 976570e..d6a31a8 100644
--- a/wechat_staff/pages/store/staff.wxss
+++ b/wechat_staff/pages/store/staff.wxss
@@ -5,20 +5,39 @@
position: fixed;
top: 0;
left: 0;
- z-index: 1;
+ z-index: -1;
+}
+.bg_wrap image {
+ width: 750rpx;
+ height: 400rpx;
+}
+.editBtn {
+ position: fixed;
+ right: 40rpx;
+ top: 304rpx;
+ width: 144rpx;
+ height: 56rpx;
+ line-height: 56rpx;
+ text-align: center;
+ border-radius: 28rpx;
+ border: 1rpx solid #999999;
+ color: #999999;
+ font-size: 24rpx;
+ z-index: 999;
+}
+page {
+ overflow-y: hidden;
}
.container {
padding: 26rpx 40rpx;
- background-color: #fff;
+ overflow-y: hidden;
}
.container .avatar {
- margin-top: 260rpx;
+ margin-top: 300rpx;
width: 140rpx;
height: 140rpx;
border-radius: 50%;
border: 4rpx solid #FFFFFF;
- position: relative;
- z-index: 2;
}
.container .desc {
display: flex;
@@ -31,6 +50,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;
@@ -42,6 +69,7 @@
}
.container .desc image {
width: 32rpx;
+ height: 32rpx;
margin-right: 20rpx;
}
.name_wrap {
@@ -51,7 +79,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;
@@ -78,10 +107,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);
@@ -89,6 +126,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;
@@ -97,17 +140,18 @@
}
.guide .line {
display: flex;
+ align-items: flex-start;
font-size: 30rpx;
- margin-bottom: 40rpx;
+ margin-bottom: 42rpx;
}
.guide .line .icon {
width: 30rpx;
+ margin-top: 6rpx;
}
.guide .line .label {
color: #777777;
margin-left: 24rpx;
margin-right: 44rpx;
- width: 140rpx;
}
.guide .line .val {
flex: 1;
@@ -135,7 +179,7 @@
flex: 1;
}
.footer .btn image {
- width: 36rpx;
+ width: 32rpx;
margin-right: 12rpx;
}
.modal {
@@ -175,25 +219,43 @@
position: fixed;
border-radius: 8rpx;
top: 50%;
- left: 75rpx;
+ left: 95rpx;
transform: translate(0, -50%);
- width: 600rpx;
+ width: 560rpx;
background-color: rgba(0, 0, 0, 0.2);
- z-index: 999;
+ z-index: 99999;
}
.card_wrap .img1 image {
- width: 600rpx;
+ 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: 30rpx;
+ margin-top: 24rpx;
display: flex;
justify-content: space-between;
width: 100%;
}
.card_wrap .btns .btn {
- width: 290rpx;
- height: 88rpx;
+ width: 160rpx;
+ height: 72rpx;
border-radius: 8rpx;
border: 2rpx solid #FFFFFF;
display: flex;
@@ -202,6 +264,8 @@
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