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.less |  102 +++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 82 insertions(+), 20 deletions(-)

diff --git a/wechat_staff/pages/store/staff.less b/wechat_staff/pages/store/staff.less
index e832f51..a7dde90 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,39 @@
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 1;
+  z-index: -1;
+  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;
   .avatar {
-    margin-top: 260rpx;
+    margin-top: 300rpx;
     width: 140rpx;
     height: 140rpx;
     border-radius: 50%;
     border: 4rpx solid #FFFFFF;
-    position: relative;
-    z-index: 2;
   }
   .desc {
     display: flex;
@@ -31,6 +49,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 +68,7 @@
     }
     image {
       width: 32rpx;
+      height: 32rpx;
       margin-right: 20rpx;
     }
   }
@@ -54,8 +81,8 @@
   .left {
     flex: 1;
     display: flex;
-    align-items: flex-end;
-
+    align-items: center;
+    margin-top: 12rpx;
     .name {
       font-weight: 600;
       font-size: 36rpx;
@@ -82,22 +109,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;
+      }
+      
     }
   }
 }
@@ -111,16 +152,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 +190,7 @@
     border-radius: 8rpx;
     flex: 1;
     image{
-      width: 36rpx;
+      width: 32rpx;
       margin-right: 12rpx;
     }
   }
@@ -190,25 +232,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, .2);
-  z-index: 999;
+  z-index: 99999;
   .img1{
     image{
-      width: 600rpx;
+      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: 30rpx;
+    margin-top: 24rpx;
     display: flex;
     justify-content: space-between;
     width: 100%;
     .btn{
-      width: 290rpx;
-      height: 88rpx;
+      width: 160rpx;
+      height: 72rpx;
       border-radius: 8rpx;
       border: 2rpx solid #FFFFFF;
       display: flex;
@@ -217,6 +277,8 @@
       color: #fff;
     }
     .save{
+      width: 420rpx;
+      margin-left: 20rpx;
       border: none;
       background: linear-gradient( 180deg, #E0B49C 0%, #B68B74 100%);
     }

--
Gitblit v1.9.3