From 7751c8e6aa0aced5403954ef871cb996949cbafc Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期五, 26 七月 2024 17:15:33 +0800
Subject: [PATCH] lll
---
wechat_staff/pages/store/staff.less | 73 ++++++++++++------------------------
1 files changed, 25 insertions(+), 48 deletions(-)
diff --git a/wechat_staff/pages/store/staff.less b/wechat_staff/pages/store/staff.less
index e832f51..dde80eb 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;
@@ -6,20 +5,17 @@
position: fixed;
top: 0;
left: 0;
- z-index: 1;
+ z-index: -1;
}
.container {
padding: 26rpx 40rpx;
- background-color: #fff;
.avatar {
margin-top: 260rpx;
width: 140rpx;
height: 140rpx;
border-radius: 50%;
border: 4rpx solid #FFFFFF;
- position: relative;
- z-index: 2;
}
.desc {
display: flex;
@@ -31,6 +27,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;
@@ -42,6 +46,7 @@
}
image {
width: 32rpx;
+ height: 32rpx;
margin-right: 20rpx;
}
}
@@ -54,8 +59,8 @@
.left {
flex: 1;
display: flex;
- align-items: flex-end;
-
+ align-items: center;
+ margin-top: 12rpx;
.name {
font-weight: 600;
font-size: 36rpx;
@@ -82,16 +87,23 @@
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;
@@ -111,16 +123,17 @@
.line {
display: flex;
+ align-items: flex-start;
font-size: 30rpx;
- margin-bottom: 40rpx;
+ margin-bottom: 42rpx;
.icon {
width: 30rpx;
+ margin-top: 6rpx;
}
.label {
color: #777777;
margin-left: 24rpx;
margin-right: 44rpx;
- width: 140rpx;
}
.val{
flex: 1;
@@ -148,7 +161,7 @@
border-radius: 8rpx;
flex: 1;
image{
- width: 36rpx;
+ width: 32rpx;
margin-right: 12rpx;
}
}
@@ -184,41 +197,5 @@
font-size: 26rpx;
color: #999999;
text-align: center;
- }
-}
-.card_wrap{
- position: fixed;
- border-radius: 8rpx;
- top: 50%;
- left: 75rpx;
- transform: translate(0, -50%);
- width: 600rpx;
- background-color: rgba(0, 0, 0, .2);
- z-index: 999;
- .img1{
- image{
- width: 600rpx;
- border-radius: 8rpx ;
- }
- }
- .btns{
- margin-top: 30rpx;
- display: flex;
- justify-content: space-between;
- width: 100%;
- .btn{
- width: 290rpx;
- height: 88rpx;
- border-radius: 8rpx;
- border: 2rpx solid #FFFFFF;
- display: flex;
- justify-content: center;
- align-items: center;
- color: #fff;
- }
- .save{
- border: none;
- background: linear-gradient( 180deg, #E0B49C 0%, #B68B74 100%);
- }
}
}
\ No newline at end of file
--
Gitblit v1.9.3