index.wxss 3.76 KB
/* dist/pages/orderDetail/index.wxss */
.order-detail-container {
  /* width: 100%; */
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* position: fixed; */
  margin-left: 40rpx;
  margin-right: 40rpx;
}
.order-detail-root {
  position: fixed;
}
.order-detail-bottom-action-view {
  width: calc( 100% - 80rpx );
  height: 140rpx;
  display: flex;
  position: fixed;
  bottom: 0;
  flex-direction: column;
   /* align-items: center; */
  /* flex-direction: row; */
  /* justify-content: space-between; */
  background: #FFFFFF;
  /* 
  
  
 
  padding-top: 20rpx;
  padding-bottom: 20rpx;
  
   */
}
.order-detail-bottom-action-info-view {
  display: flex;
  flex-direction: column;
}
.order-detail-bottom-action-button-view {
  display: flex;
  flex-direction: row;
}
.order-detail-split-line {
  background: #e0e0e0;
  height: 2rpx;
  margin-top: 40rpx;
}
.order-detail-scrool-view {
  /* height: calc( 100% - 140rpx ); */
  width: calc( 100% - 80rpx );
  display: flex;
  flex-direction: column;
  /* justify-content: start; */
  justify-content: flex-start;
  padding-left: 40rpx;
  margin-bottom: 140rpx;
}
.order-detail-time-view {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30rpx;
}
.order-detail-time-image {
  width: 50rpx;
  height: 50rpx;
}
.order-detail-address-view {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 38rpx;
}
.order-detail-address-info-view {
  display: flex;
  flex-direction: column;
  margin-left: 40rpx;
}
.order-detail-address-user-name-txt {
  font-family: DINAlternate-Bold;
  font-size: 32rpx;
  color: #000000;
}
.order-detail-address-detail-info-txt {
  font-family: PingFang-SC-Regular;
  font-size: 24rpx;
  color: #999999;
  margin-top: 12rpx;
}
.order-detail-address-phone-num-txt {
  font-family: SFProText-Medium;
  font-size: 28rpx;
  color: #000000;
  margin-top: 12rpx;
}
.order-detail-count-view {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 12rpx;
}
.order-detail-status-title-txt {
  font-family: SFProDisplay-Bold;
  font-size: 68rpx;
  color: #000000;
}
.order-detail-count-down-txt {
  font-family: DINAlternate-Bold;
  font-size: 32rpx;
  color: #000000;
}
.order-detail-tips-txt {
  font-family: PingFang-SC-Regular;
  font-size: 24rpx;
  color: #999999;
  margin-top: 12rpx;
}
.order-detail-sum-grey-txt {
  font-family: PingFang-SC-Regular;
  font-size: 28rpx;
  color: #999999;
}
.order-detail-sum-black-txt {
  font-family: PingFang-SC-Regular;
  font-size: 28rpx;
  color: #999999;
}
.order-detail-create-time-view {
  margin-top: 40rpx;
}
.order-detail-create-time-txt {
font-family: PingFang-SC-Regular;
font-size: 28rpx;
color: #000000 ;
}
.order-detail-pay-amount-txt {
  font-family: DINAlternate-Bold;
  font-size: 28rpx;
  color: #D0021B;
}
.order-detail-pay-amount-title-txt {
  font-family: PingFang-SC-Regular;
  font-size: 24rpx;
  color: #000000;
  margin-top: 6rpx;
}
.order-detail-selected-button {
  display: flex;
  align-items: center;
  font-family: PingFang-SC-Medium;
  font-size: 24rpx;
  color: #FFFFFF;
  background-color:  #002B47;
  border-radius: 0;
  padding-top: 20rpx;
  padding-bottom: 20rpx;
  padding-left: 40rpx;
  padding-right: 40rpx;
  
}
.order-detail-unselected-button::after {
  /* border-style: none; */
  border-radius: 0;
}
.order-detail-unselected-button {
  display: flex;
  align-items: center;
  font-family: PingFang-SC-Regular;
  font-size: 24rpx;
  color: #999999;
  background-color: #FFFFFF; 
  border: 1px solid #CCCCCC;
  border-radius: 0;
  /* border-style: none; */
  margin-right: 20rpx;
  padding-left: 40rpx;
  padding-right: 40rpx;
}

#orderdetailaction {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}