aa

jiangping

2024-08-02 7dc29ed74ebaa8a0e66f68264d9a13f95dc3af21

 wechat_staff/pages/store/staff.wxss

@@ -7,11 +7,15 @@
  left: 0;
  z-index: -1;
}
page {
  overflow-y: hidden;
}
.container {
  padding: 26rpx 40rpx;
  overflow-y: hidden;
}
.container .avatar {
  margin-top: 260rpx;
  margin-top: 300rpx;
  width: 140rpx;
  height: 140rpx;
  border-radius: 50%;
@@ -28,6 +32,14 @@
  color: #333333;
  position: relative;
}
.container .desc .text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.container .desc .icon {
  position: absolute;
  background: #F7F7F7;
@@ -39,6 +51,7 @@
}
.container .desc image {
  width: 32rpx;
  height: 32rpx;
  margin-right: 20rpx;
}
.name_wrap {
@@ -48,7 +61,8 @@
.name_wrap .left {
  flex: 1;
  display: flex;
  align-items: flex-end;
  align-items: center;
  margin-top: 12rpx;
}
.name_wrap .left .name {
  font-weight: 600;
@@ -75,10 +89,18 @@
  width: 320rpx;
  height: 156rpx;
  padding: 28rpx 40rpx;
  background-color: #f7f7f7;
  border-radius: 8rpx;
  font-size: 26rpx;
  color: #333333;
  position: relative;
}
.static .card .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.static .card .num {
  color: var(--themeColor);
@@ -86,6 +108,12 @@
  font-weight: 600;
  font-size: 40rpx;
  display: flex;
  align-items: center;
}
.static .card .num .icon {
  position: relative;
  bottom: 4rpx;
  margin-left: 6rpx;
}
.guide .title {
  font-weight: 500;
@@ -94,17 +122,21 @@
}
.guide .line {
  display: flex;
  align-items: center;
  align-items: flex-start;
  font-size: 30rpx;
  margin-bottom: 42rpx;
}
.guide .line .icon {
  width: 30rpx;
  margin-top: 6rpx;
}
.guide .line .label {
  color: #777777;
  margin-left: 24rpx;
  margin-right: 44rpx;
}
.guide .line .val {
  flex: 1;
}
.footer {
  display: flex;
@@ -129,7 +161,7 @@
  flex: 1;
}
.footer .btn image {
  width: 36rpx;
  width: 32rpx;
  margin-right: 12rpx;
}
.modal {
@@ -165,3 +197,57 @@
  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, 0.2);
  z-index: 99999;
}
.card_wrap .img1 image {
  width: 560rpx;
  border-radius: 8rpx ;
}
.card_wrap .content {
  width: 560rpx;
  padding: 24rpx 0 16rpx;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 16rpx;
  margin-top: 24rpx;
  text-align: center;
}
.card_wrap .content .title {
  font-weight: 500;
  font-size: 28rpx;
  margin-bottom: 12rpx;
}
.card_wrap .content .line {
  font-size: 24rpx;
  color: #333333;
  line-height: 28rpx;
}
.card_wrap .btns {
  margin-top: 24rpx;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.card_wrap .btns .btn {
  width: 160rpx;
  height: 72rpx;
  border-radius: 8rpx;
  border: 2rpx solid #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.card_wrap .btns .save {
  width: 420rpx;
  margin-left: 20rpx;
  border: none;
  background: linear-gradient(180deg, #E0B49C 0%, #B68B74 100%);
}