Liuyi
2024-11-30 493d712b9b7d7821e71f9fee6f2078e023ef4f5f
unpackage/dist/dev/mp-weixin/pages/sendWater/index.wxss
@@ -32,13 +32,13 @@
  height: calc(100vh - 176rpx);
  background: linear-gradient(to top, #FFFFFF, #E8EFFF);
}
.container .content .nav-container {
.container .content .nav {
  height: 160rpx;
  width: 100%;
  padding: 20rpx 0;
  box-sizing: border-box;
}
.container .content .nav-container .nav-title {
.container .content .nav .nav-title {
  width: 100%;
  background: #FFF;
  padding: 0 32rpx;
@@ -48,7 +48,7 @@
  justify-content: space-between;
  align-items: center;
}
.container .content .nav-container .nav-title .title-one {
.container .content .nav .nav-title .title-one {
  height: 60rpx;
  width: 160rpx;
  background: #DEEDFF;
@@ -60,7 +60,7 @@
  font-size: 28rpx;
  color: #007EFF;
}
.container .content .nav-container .nav-title .title-text {
.container .content .nav .nav-title .title-text {
  font-weight: 300;
  font-size: 28rpx;
  color: #000000;
@@ -68,5 +68,95 @@
  height: 88rpx;
  text-align: center;
  line-height: 88rpx;
  border-bottom: 6rpx solid #226AC9;
}
.container .content .main-deliving {
  height: calc(100% - 320rpx);
  width: 100%;
  padding: 32rpx;
  overflow: scroll;
  box-sizing: border-box;
}
.container .content .main-deliving .item {
  width: 100%;
  height: 420rpx;
  background-color: #FFF;
  margin-bottom: 20rpx;
  border-radius: 24rpx;
}
.container .content .main-deliving .item .item-top {
  width: 100%;
  height: 88rpx;
  border-bottom: 2rpx solid #DFDFDF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container .content .main-deliving .item .item-top .top-left {
  margin-left: 52rpx;
  font-weight: 300;
  font-size: 28rpx;
  color: #000000;
}
.container .content .main-deliving .item .item-top .top-left text:first-child {
  color: #FF3400;
}
.container .content .main-deliving .item .item-top .top-right {
  margin-right: 22rpx;
  font-weight: 300;
  font-size: 24rpx;
  color: #4D4D4D;
}
.container .content .main-deliving .item .item-content {
  width: 100%;
  height: 330rpx;
  padding: 50rpx 46rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.container .content .main-deliving .item .item-content .item-one {
  display: flex;
  align-items: center;
}
.container .content .main-deliving .item .item-content .item-one view {
  width: 52rpx;
  height: 52rpx;
  text-align: center;
  line-height: 52rpx;
  border-radius: 50%;
  color: #fff;
  font-size: 24rpx;
  margin-right: 32rpx;
}
.container .content .main-deliving .item .item-content .item-one text {
  font-size: 28rpx;
}
.container .content .main-deliving .item .item-content .item-one .item-color1 {
  background-color: #189Df5;
}
.container .content .main-deliving .item .item-content .item-one .item-color2 {
  background-color: #32CB65;
}
.container .content .main-deliving .item .item-content .item-one .item-color3 {
  background-color: #DCDCDC;
}
.container .content .main-deliving .item .item-content .line {
  height: 40rpx;
  width: 2rpx;
  background-color: #707070;
  margin-left: 25rpx;
}
.container .content .main-complete {
  height: calc(100% - 320rpx);
  width: 100%;
  padding: 32rpx;
  overflow: scroll;
  box-sizing: border-box;
}
.container .content .main-complete .item {
  width: 100%;
  height: 420rpx;
  background-color: #FFF;
  margin-bottom: 20rpx;
  border-radius: 24rpx;
}