yutang/pages/distribution/distribution.wxss

page{
  width: 100%;
  height: 100%;
  background: #ccc;
}
.page{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.view{
  width: 90%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  background: white;
  padding: 20rpx 0rpx;
  margin-top: 20rpx;
  border-radius: 20rpx;
}
.view .left{
  display: flex;
  flex-direction: column;
  width: 80%;
  padding-left: 30rpx;
  font-size: 28rpx;
}
.view .left text{
  padding: 8rpx 0rpx;
}
.view .right{
  padding-right: 30rpx;
}
.view .right view{
  width: 150rpx;
  height: 60rpx;
  background: red;
  color: white;
  font-size: 28rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10rpx;
}