From 4e64e4f6488f477ec3c75af7864f99bb6ae9964d Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期一, 29 七月 2024 19:05:38 +0800
Subject: [PATCH] ll

---
 wechat_staff/pages/store/staff.less |   75 ++++++++++++++++++++++++++++---------
 1 files changed, 56 insertions(+), 19 deletions(-)

diff --git a/wechat_staff/pages/store/staff.less b/wechat_staff/pages/store/staff.less
index e832f51..4922b43 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,18 @@
   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 +28,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 +47,7 @@
     }
     image {
       width: 32rpx;
+      height: 32rpx;
       margin-right: 20rpx;
     }
   }
@@ -54,8 +60,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 +88,32 @@
   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: flex-end; /* 杩欎細浣垮瓙鍏冪礌搴曢儴瀵归綈 */
+      justify-content: center; /* 杩欎細浣垮瓙鍏冪礌姘村钩灞呬腑 */
+      
     }
   }
 }
@@ -111,16 +127,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 +165,7 @@
     border-radius: 8rpx;
     flex: 1;
     image{
-      width: 36rpx;
+      width: 32rpx;
       margin-right: 12rpx;
     }
   }
@@ -190,25 +207,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 +252,8 @@
       color: #fff;
     }
     .save{
+      width: 420rpx;
+      margin-left: 20rpx;
       border: none;
       background: linear-gradient( 180deg, #E0B49C 0%, #B68B74 100%);
     }

--
Gitblit v1.9.3