.page{ position: absolute; left: 0; top: 0; width: 100%; //height: 100%; padding-bottom: 100rpx; /* #ifdef MP */ padding-bottom: calc(60rpx + env(safe-area-inset-bottom)); /* #endif */ } .order-status-img { width: 100%; image { width: 100%; } } /* 订单状态 */ .order-status{ margin: 20rpx; border-radius: 20rpx; position: relative; top: -100rpx; } /* 收货地址 */ .shipping-address{ background-color: #fff; padding: 20rpx; border-radius: 20rpx; .name{ margin-top: 10rpx; .name-one-omit { width: 400rpx; font-size: 34rpx; font-weight: bold; } .name-num { font-size: 26rpx; color: #B1B1B1; margin-top: 10rpx; text-align: right; } .cart-box-list { display:flex; border: 2rpx solid #f7f7f7; border-radius: 10rpx; padding:10rpx; margin: 0 10rpx 20rpx 10rpx; } .cart-box-btn { border: 2rpx solid #e5e5e5; border-radius: 100rpx; padding: 8rpx 20rpx; display: flex; align-items: center; justify-content: right; image { width: 40rpx; height: 40rpx; margin-right: 10rpx; } } } .content { color: #848484; margin-top: 20rpx; } } /* 订单商品 */ .order-goods{ margin-top: 20rpx; image { width: 100%; } } .footer-btn{ position: fixed; left: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100rpx; min-height: 100rpx; background-color: #FFFFFF; padding: 0 4%; /* #ifdef MP */ height: calc(60rpx + env(safe-area-inset-bottom)); /* #endif */ .del{ display: flex; align-items: center; margin-left: 40rpx; text{ font-size: 32rpx; } image { width: 30rpx; height: 30rpx; margin-left: 10rpx; } } .btn{ display: flex; align-items: center; text{ padding: 20rpx 150rpx; font-size: 32rpx; border-radius: 20rpx; color: #c0c0c0; margin-left: 20rpx; } .action{ background-color: $base; color: #FFFFFF; } } } .sex-list{ position: relative; display: flex; align-items: center; justify-content: space-between; height: 100rpx; background-color: #fff; border-radius: 20rpx; padding: 0 20rpx; margin: 20rpx; .title{ display: flex; align-items: center; text{ font-size: 28rpx; color: #222222; } } .more-content{ display: flex; align-items: center; image{ width: 100rpx; height: 100rpx; border-radius: 100%; } .content{ font-size: 28rpx; color: #959595; } .more{ font-size: 24rpx; color: #959595; margin-left: 20rpx; } } .picker{ position: absolute; width: 100%; height: 100%; opacity: 0; } }