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 | 93 +++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 86 insertions(+), 7 deletions(-)
diff --git a/wechat_staff/pages/store/staff.less b/wechat_staff/pages/store/staff.less
index 71f2384..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;
@@ -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,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