Mina_B/miniprogram/pages/my-order/my-order.wxss

/* pages/my-order/my-order.wxss */

page {
  height: 100%;
  background: #f0f1f2;
}

.container {
  height: 100%;
  margin-bottom: 220rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.header {
  width: 750rpx;
  height: 112rpx;
  background: #1890ff;
  font-size: 32rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.65);
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.header-item {
  position: relative;
}

.header-item view {
  width: 28rpx;
  height: 28rpx;
  text-align: center;
  font-size: 24rpx;
  font-family: Helvetica-Bold, Helvetica;
  font-weight: bold;
  color: #ffffff;
  background: #fa541c;
  border-radius: 50%;
  background: #fa541c;
  position: absolute;
  right: -10rpx;
  top: -10rpx;
}

.item-activated {
  font-size: 38rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}

.item-activated::after {
  content: "";
  width: 88rpx;
  height: 6rpx;
  background: #ffffff;
  border-radius: 3rpx;
  position: absolute;
  left: 50%;
  bottom: -8rpx;
  margin-left: -44rpx;
}

.cell-group {
  width: 750rpx;
  padding: 20rpx;
  box-sizing: border-box;
}

.cell {
  width: 710rpx;
  box-sizing: border-box;
  background: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 18rpx;
  border: 2rpx solid rgba(235, 235, 236, 0.8);
  margin-bottom: 20rpx;
}

.content {
  min-height: 253rpx;
  /* background: #ffffff; */
  padding: 40rpx 24rpx;
  box-sizing: border-box;
}

.content-header {
  font-size: 38rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.price {
  color: #096dd9;
}

.content-company {
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 16rpx;
}

.content-info {
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: center;
  margin-top: 16rpx;
}

.address {
  min-height: 48rpx;
  background: #f5f5f5;
  border-radius: 18rpx;
  padding: 12rpx 16rpx;
  box-sizing: border-box;
  margin-right: 16rpx;
  display: flex;
  align-items: center;
}

.address-image {
  height: 24rpx;
  width: 24rpx;
  margin-right: 10rpx;
}

.number {
  min-height: 48rpx;
  background: #f5f5f5;
  border-radius: 8rpx;
  padding: 12rpx 16rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.number-image {
  height: 24rpx;
  width: 24rpx;
  margin-right: 10rpx;
}

.order-info {
  width: 710rpx;
  min-height: 98rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  /* background: #ffffff; */
  border-top: 2rpx solid rgba(235, 235, 236, 0.8);
  padding: 20rpx 24rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.button-confirm {
  width: 168rpx;
  height: 58rpx;
  text-align: center;
  line-height: 58rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  background: #1890ff;
  border-radius: 29rpx;
}

.doing,
.done {
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.25);
}

.offline {
  height: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.offline-image {
  height: 260rpx;
  width: 260rpx;
}

.offline-text {
  font-size: 34rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.45);
  margin-top: 100rpx;
}

.offline-message {
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
  margin-top: 10rpx;
}

.offline-reload {
  width: 168rpx;
  height: 58rpx;
  line-height: 58rpx;
  text-align: center;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 29rpx;
  margin-top: 100rpx;
}