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.less | 102 +++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 94 insertions(+), 8 deletions(-)
diff --git a/wechat_staff/pages/store/staff.less b/wechat_staff/pages/store/staff.less
index 71f2384..e0c3bd7 100644
--- a/wechat_staff/pages/store/staff.less
+++ b/wechat_staff/pages/store/staff.less
@@ -1,4 +1,3 @@
-
.bg_wrap {
width: 750rpx;
height: 400rpx;
@@ -8,11 +7,15 @@
left: 0;
z-index: -1;
}
+page{
+ overflow-y: hidden;
+}
.container {
padding: 26rpx 40rpx;
+ overflow-y: hidden;
.avatar {
- margin-top: 260rpx;
+ margin-top: 300rpx;
width: 140rpx;
height: 140rpx;
border-radius: 50%;
@@ -28,6 +31,14 @@
margin-bottom: 40rpx;
color: #333333;
position: relative;
+ .text{
+ width: 100%;
+ overflow : hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 1;
+ -webkit-box-orient: vertical;
+ }
.icon{
position: absolute;
background: #F7F7F7;
@@ -39,6 +50,7 @@
}
image {
width: 32rpx;
+ height: 32rpx;
margin-right: 20rpx;
}
}
@@ -51,8 +63,8 @@
.left {
flex: 1;
display: flex;
- align-items: flex-end;
-
+ align-items: center;
+ margin-top: 12rpx;
.name {
font-weight: 600;
font-size: 36rpx;
@@ -79,22 +91,36 @@
display: flex;
justify-content: space-between;
margin-bottom: 60rpx;
-
.card {
width: 320rpx;
height: 156rpx;
padding: 28rpx 40rpx;
- background-color: #f7f7f7;
border-radius: 8rpx;
font-size: 26rpx;
color: #333333;
+ position: relative;
+ .bg{
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ }
.num {
color: var(--themeColor);
margin-top: 8rpx;
font-weight: 600;
font-size: 40rpx;
display: flex;
+ align-items: center;
+ .icon{
+ position: relative;
+ bottom: 4rpx;
+ margin-left: 6rpx;
+ }
+
}
}
}
@@ -108,16 +134,20 @@
.line {
display: flex;
- align-items: center;
+ align-items: flex-start;
font-size: 30rpx;
margin-bottom: 42rpx;
.icon {
width: 30rpx;
+ margin-top: 6rpx;
}
.label {
color: #777777;
margin-left: 24rpx;
margin-right: 44rpx;
+ }
+ .val{
+ flex: 1;
}
}
}
@@ -142,7 +172,7 @@
border-radius: 8rpx;
flex: 1;
image{
- width: 36rpx;
+ width: 32rpx;
margin-right: 12rpx;
}
}
@@ -179,4 +209,60 @@
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, .2);
+ z-index: 99999;
+ .img1{
+ image{
+ width: 560rpx;
+ border-radius: 8rpx ;
+ }
+ }
+ .content{
+ width: 560rpx;
+ padding: 24rpx 0 16rpx;
+ background: rgba(255,255,255,0.8);
+ border-radius: 16rpx;
+ margin-top: 24rpx;
+ text-align: center;
+ .title{
+ font-weight: 500;
+ font-size: 28rpx;
+ margin-bottom: 12rpx;
+ }
+ .line{
+ font-size: 24rpx;
+ color: #333333;
+ line-height: 28rpx;
+ }
+ }
+ .btns{
+ margin-top: 24rpx;
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+ .btn{
+ width: 160rpx;
+ height: 72rpx;
+ border-radius: 8rpx;
+ border: 2rpx solid #FFFFFF;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: #fff;
+ }
+ .save{
+ width: 420rpx;
+ margin-left: 20rpx;
+ border: none;
+ background: linear-gradient( 180deg, #E0B49C 0%, #B68B74 100%);
+ }
+ }
}
\ No newline at end of file
--
Gitblit v1.9.3