开泵相关

zuoxiao

2024-05-27 dc01187c6ca2cf46fef268e84a7ac7fc171f2ebb

 pages/my/my.wxss

@@ -1 +1,143 @@
/* pages/my/my.wxss */
/* pages/my/my.wxss */

/* pages/home/home.wxss */
.base-wrapper {
  background-color: #f5f5f5;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  /* 防止底部区域滚动 */
  display: flex;
  flex-direction: column;
}

.head-wrapper {
  background-color: #1890FF;
  height: 30vh;
  display: grid;
  flex-direction: column;
  align-items: center;
  border-bottom-left-radius: 5rpx;
  border-bottom-right-radius: 5rpx;
  z-index: 1;
}

.head-top {
  margin-top: 40rpx;
  display: flex;
  align-items: center;
  /* 在纵向方向上居中对齐 */
}


.head-text-wrapper {
  display: flex;
  flex-direction: column;
  margin-left: 30rpx;
}

.head-text-wrapper text {
  margin-bottom: 10rpx;
  color: #fff;
}

.balance-label {
  margin-bottom: 40rpx;
  color: #fff;
  font-size: 35rpx;
}

.center-wrapper {
  margin-top: 30rpx;
  margin-right: 20rpx;
  margin-left: 20rpx;
  background-color: #fff;
  border-radius: 5px;
  display: flex;
 

  justify-content: space-around;
  z-index: 1;
  height: 30vh;
  /* 使 center-wrapper 在头部之上 */
}

.center-view {
  display: flex;
  flex-direction: column;
  /* 在纵向上排列子元素 */
  align-items: center;
  /* 在纵向上居中显示子元素 */
  justify-content: center;
  /* 在横向和纵向上都居中显示子元素 */
}

.center-view text {
  margin-top: 15rpx;
  font-size: 30rpx;
}

.bottom-wrapper {
  margin-right: 20rpx;
  margin-left: 20rpx;
  display: flex;
  flex-direction: column;
  margin-top: 48vh;
}

.scroll-view {
  flex: 1;
  overflow-y: auto;
  /* 允许垂直滚动 */
  z-index: 0;
  /* 确保 scroll-view 在头部和 center-wrapper 之下 */
}



.list-item {
  background-color: #fff;
  margin-top: 10rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 30rpx;
  padding-right: 30rpx;
  padding-top: 20rpx;
  padding-bottom: 20rpx;

}

.list-item text {
  font-size: 30rpx;
}

.list-item image {
  width: 80rpx;
  height: 80rpx;
}

.list-item-piping {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bottom-title {
  background-color: #fff;
  padding-left: 30rpx;
  padding-top: 30rpx;
  padding-bottom: 30rpx;
  margin-top: 60rpx;
}
.item {
  background-color: #fff;
  padding-left: 30rpx;
  padding-top: 30rpx;
  padding-bottom: 30rpx;
  margin-top: 10rpx;
}
text{
  color: #000;
  font-size: 38rpx;
}