From d9a89d83c2048a964f16ca179feb2b7f21b9d33a Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期一, 29 七月 2024 16:28:47 +0800
Subject: [PATCH] 提交
---
wechat_staff/pages/store/staff.less | 75 +++++++++++++++++++++++++++++++++----
1 files changed, 67 insertions(+), 8 deletions(-)
diff --git a/wechat_staff/pages/store/staff.less b/wechat_staff/pages/store/staff.less
index 71f2384..62e6a72 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,6 +7,7 @@
left: 0;
z-index: -1;
}
+
.container {
padding: 26rpx 40rpx;
@@ -28,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;
@@ -39,6 +47,7 @@
}
image {
width: 32rpx;
+ height: 32rpx;
margin-right: 20rpx;
}
}
@@ -51,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;
@@ -79,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; /* 杩欎細浣垮瓙鍏冪礌姘村钩灞呬腑 */
+
}
}
}
@@ -108,16 +127,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 +165,7 @@
border-radius: 8rpx;
flex: 1;
image{
- width: 36rpx;
+ width: 32rpx;
margin-right: 12rpx;
}
}
@@ -179,4 +202,40 @@
color: #999999;
text-align: center;
}
-}
\ No newline at end of file
+}
+.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%);
+ }
+ }
+}
--
Gitblit v1.9.3