index.wxss 6.17 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 {
  margin-right: 40rpx;
}

.border-line {
  position: relative;
  top: 0;
  width: 100%;
  background-color: #eeeeee;
  height: 2rpx;
}

.order-detail-bottom-action-view {
  /* padding-left: 40rpx; */
  /* padding-right: 40rpx; */
  width: 100%;
  /* height: 140rpx; */
  /* margin-left: 40rpx;
  margin-right: 40rpx; */
  /* width: 100%; */
  display: flex;
  position: fixed;
  bottom: 0;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  background: #FFFFFF;
  padding-top: 20rpx;
  padding-bottom: 20rpx;
  border-top: 2rpx solid #eeeeee;
}
.order-detail-bottom-button-view {
  display: flex;
  flex-direction: row;
  margin-right: 40rpx;
}
.order-detail-bottom-selected-button {
  width: 224rpx;
  height: 80rpx;
  font-family: PingFang-SC-Medium;
  font-size: 24rpx;
  color: #FFFFFF;
  background-color:  #002B47;
  border-radius: 0;
  padding-top: 10rpx;
  padding-bottom: 10rpx;
  margin-left: 20rpx;
  
}
.order-detail-bottom-unselected-button::after {
  border-radius: 0;
  border: 0rpx;
}
.order-detail-bottom-unselected-button {
  width: 224rpx;
  height: 80rpx;
  font-family: PingFang-SC-Regular;
  font-size: 24rpx;
  color: #999999; 
  background-color: #FFFFFF;
  border: 2rpx solid #eeeeee;
  border-radius: 0; 
  padding-top: 10rpx;
  padding-bottom: 10rpx;
  /* padding-left: 40rpx;
  padding-right: 40rpx; */

}
.order-detail-bottom-realprice-view {
  display: flex;
  flex-direction: column;
  margin-left: 40rpx;
}
.order-detail-split-line {
  background: #eeeeee;
  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;
  padding-bottom: 140rpx;
}
.order-detail-time-view {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30rpx;
}
.order-detail-logistics-view {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 40rpx;
}

.order-detail-logistics-info-view {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 10rpx;
}
.order-detail-logistics-dec-view {
  width: 534rpx;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 40rpx;
  /* align-items: center; */
  /* margin-top: 38rpx; */
}
.order-detail-logistics-dec-txt {
  font-family: PingFang-SC-Regular;
  font-size: 24rpx;
  color: #000000;
}
.order-detail-time-image {
  width: 30rpx;
  height: 30rpx;
  margin-right: 8rpx;
}
.order-detail-address-image {
  width: 48rpx;
  height: 48rpx;
}
.order-detail-right-arrow-image {
  width: 40rpx;
  height: 40rpx;
}
.order-detail-address-view {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 38rpx;
}
.order-detail-address-info-view {
  width: 580rpx;
  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;
  margin-right: 40rpx;
}
.order-detail-status-title-txt {
  font-family: SFProDisplay-Bold;
  font-weight: 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-red-txt {
  font-family: PingFang-SC-Regular;
  font-size: 28rpx;
  color: #D0021B;
}
.order-detail-sum-black-txt {
  font-family: PingFang-SC-Regular;
  font-size: 28rpx;
  color: #000000;
}
.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-order-code-view{
  margin-top: 10rpx;
  align-content: center;
  display: flex;
  align-items: center;
}
.order-detail-order-copy-image {
  width: 30rpx;
  height: 30rpx;
  margin-left: 20rpx;
}
.order-detail-pay-mode-view {
  margin-top: 10rpx;
  align-content: center;
  display: flex;
  align-items: center;
}
.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: 2rpx solid #CCCCCC;
  border-radius: 0;
  /* border-style: none; */
  margin-right: 20rpx;
  padding-left: 40rpx;
  padding-right: 40rpx;
}
.order-action-pay-amount-txt {
  font-family: DINAlternate-Bold;
  font-weight: 500;
  font-size: 28rpx;
  color: #D0021B;
}
.order-daction-pay-amount-title-txt {
  font-family: PingFang-SC-Regular;
  font-size: 24rpx;
  color: #000000;
  letter-spacing: 0;
}

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