From ac0b3ba41104180fd45cc94334bc3c760c2895a4 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期二, 23 七月 2024 14:05:36 +0800
Subject: [PATCH] ''
---
wechat_staff/pages/store/staff.wxss | 82 ++++++++++++++++++----------------------
1 files changed, 37 insertions(+), 45 deletions(-)
diff --git a/wechat_staff/pages/store/staff.wxss b/wechat_staff/pages/store/staff.wxss
index 550aac7..976570e 100644
--- a/wechat_staff/pages/store/staff.wxss
+++ b/wechat_staff/pages/store/staff.wxss
@@ -5,10 +5,11 @@
position: fixed;
top: 0;
left: 0;
- z-index: -1;
+ z-index: 1;
}
.container {
padding: 26rpx 40rpx;
+ background-color: #fff;
}
.container .avatar {
margin-top: 260rpx;
@@ -16,6 +17,8 @@
height: 140rpx;
border-radius: 50%;
border: 4rpx solid #FFFFFF;
+ position: relative;
+ z-index: 2;
}
.container .desc {
display: flex;
@@ -94,17 +97,20 @@
}
.guide .line {
display: flex;
- align-items: center;
font-size: 30rpx;
- margin-bottom: 42rpx;
+ margin-bottom: 40rpx;
}
.guide .line .icon {
- width: 30rpx;
+ width: 30rpx;
}
.guide .line .label {
color: #777777;
- min-width: 140rpx;
- margin-left: 24rpx;
+ margin-left: 24rpx;
+ margin-right: 44rpx;
+ width: 140rpx;
+}
+.guide .line .val {
+ flex: 1;
}
.footer {
display: flex;
@@ -165,51 +171,37 @@
color: #999999;
text-align: center;
}
-.modalcard{
- display: inline-block;
+.card_wrap {
+ position: fixed;
+ border-radius: 8rpx;
+ top: 50%;
+ left: 75rpx;
+ transform: translate(0, -50%);
width: 600rpx;
- height: 1100rpx;
- box-sizing: border-box;
+ background-color: rgba(0, 0, 0, 0.2);
+ z-index: 999;
}
-.modalcard .img1{
+.card_wrap .img1 image {
+ width: 600rpx;
+ border-radius: 8rpx ;
+}
+.card_wrap .btns {
+ margin-top: 30rpx;
+ display: flex;
+ justify-content: space-between;
width: 100%;
- height: 956rpx;
- box-sizing: border-box;
}
-.modalcard .qrcodecard{
- width: 600rpx;
- height: 956rpx;
- border-radius: 26rpx ;
-}
-.modalcard .btns{
- width: 100%;
- display: flex;
- margin-top:30rpx ;
- margin-bottom: 10rpx;
-}
-.modalcard .btns .btn1{
- width: 290rpx;
- border-radius: 8rpx !important;
- height:88rpx ;
- font-size: 32rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- color: white;
+.card_wrap .btns .btn {
+ width: 290rpx;
+ height: 88rpx;
+ border-radius: 8rpx;
border: 2rpx solid #FFFFFF;
- background:rgba(0,0,0,0)
-}
-.modalcard .btns .btn2{
- width: 290rpx;
- height:88rpx ;
- font-size: 32rpx;
- color: white;
display: flex;
justify-content: center;
align-items: center;
- border-radius: 8rpx !important;
- background: linear-gradient( 180deg, #E0B49C 0%, #B68B74 100%);
- border-radius: 8px;
+ color: #fff;
+}
+.card_wrap .btns .save {
border: none;
-}
-
+ background: linear-gradient(180deg, #E0B49C 0%, #B68B74 100%);
+}
--
Gitblit v1.9.3