yuminge-app/yun-min-program-plugin-master/packageE/others/cloudwarehouse/cloudOrder/cloudOrder.wxss

1008 lines
17 KiB
Plaintext

/* packageE/others/cloudwarehouse/cloudOrder/cloudOrder.wxss */
/* packageE/others/cloudwarehouse/cloudOrderList/cloudOrderList.wxss */
/* pages/buy/myOrder_v2/myOrder_v2.wxss */
.goodsinfo .addr {
display: flex;
flex-flow: row wrap;
align-items: center;
background: #fff;
padding: 20rpx 28rpx;
}
.goodsinfo .addr {
flex: 1;
display: flex;
justify-content: center;
}
.goodsinfo .addr .map_marker {
width: 46rpx;
height: 34rpx;
margin-right: 16rpx;
}
.goodsinfo .addr .p {
flex: 8;
text-align: justify;
font-weight: bold;
line-height: 48rpx;
color: #333;
font-size: 28rpx;
}
.goodsinfo .addr .right_change {
padding: 4rpx 8rpx;
color: #f15353;
font-size: 28rpx;
border: 1rpx solid #f15353;
border-radius: 8rpx;
}
.dis_warn {
text-align: left;
padding: 10rpx 28rpx;
background: #fff;
color: #f15353;
font-size: 24rpx;
/* border-top: 2rpx solid #ebebeb; */
width: 100%;
display: inline-block;
}
.goodsinfo .addr .big {
font-size: 32rpx;
line-height: 58rpx;
}
.goodsinfo .addr .p .span {
font-weight: normal;
color: #666;
}
.goodsinfo .addr .right {
flex: 1;
display: flex;
justify-content: flex-end;
align-items: center;
}
.goodsinfo .addr .angle_right {
padding-top: 10rpx;
width: 32rpx;
margin-right: 16rpx;
}
.goodsinfo .add-info {
overflow-y: scroll;
width: 100%;
background: #fff;
max-height: 50vh;
padding-top: 20rpx;
}
.goodsinfo .add-info .ul {
overflow-y: scroll;
}
.goodsinfo .add-info .ul .li {
padding: 20rpx 0;
display: flex;
position: relative;
}
.goodsinfo .add-info .li .liia {
width: 100%;
padding-right: 40rpx;
flex: 1;
text-align: left;
padding-left: 40rpx;
display: flex;
flex-direction: column;
}
.goodsinfo .add-info .li .liia .name {
font-size: 36rpx;
color: #222;
line-height: 64rpx;
}
.goodsinfo .add-info .li .liia .address {
word-break: break-word;
width: 100%;
font-size: 24rpx;
color: #666;
line-height: 40rpx;
}
.goodsinfo .add-info .li .edit_btn {
margin-top: 16rpx;
margin-right: 64rpx;
height: 64rpx;
line-height: 64rpx;
flex: 0 0 96rpx;
background: #f15353;
color: #fff;
border-radius: 20rpx;
text-align: center;
}
.goodsinfo .address-plus {
background: #f15353;
height: 80rpx;
line-height: 80rpx;
color: #fff;
width: 100%;
border: 0;
text-align: center;
}
.address_a {
background-color: #fff;
padding-left: 28rpx;
margin-top: 20rpx;
}
.address_a .li {
height: 100rpx;
padding-right: 28rpx;
display: flex;
align-items: center;
font-size: 32rpx;
}
.defaultAdd {
background: #fff;
padding-left: 28rpx;
display: flex;
height: 100rpx;
padding-right: 28rpx;
font-size: 32rpx;
align-items: center;
justify-content: space-between;
}
.addName {
background: #fff;
}
.addstreet {
background: #fff;
}
.text_adderss {
background: #fff;
}
.text_adderss input {
text-wrap: unset;
padding: 20rpx 28rpx;
font-size: 28rpx;
line-height: 48rpx;
min-height: 104rpx;
}
.adderss_btn .button {
margin: 40rpx auto;
width: 600rpx;
height: 90rpx;
border-radius: 10rpx;
background: #f15353;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.adderss_btn .button .plus_circle {
display: flex;
justify-content: center;
align-items: center;
}
.adderss_btn .button .plus_circle van-icon {
display: flex;
align-items: center;
}
/* 地址选择器 */
/* -------------------------------- */
.btn-area {
padding: 0rpx 20rpx;
}
.dateBe {
position: fixed;
bottom: 0rpx;
left: -5rpx;
width: 760rpx;
padding: 0rpx 5rpx;
box-sizing: border-box;
z-index: 200;
font-size: 28rpx;
border-top: 1rpx solid #d9d9d9;
opacity: 0;
transform: translate(-750rpx, 0rpx);
}
.dateBe.true {
opacity: 1;
transform: translate(0rpx, 0rpx);
}
.dateBe .head {
display: flex;
flex-flow: nowrap;
padding: 0rpx 30rpx;
line-height: 80rpx;
border-bottom: 1rpx solid #d9d9d9;
background: #f8f8f8;
}
.dateBe .head .ll {
flex: 1;
}
.dateBe .head .rr {
text-align: right;
flex: 1;
}
.dateBe .main {
background: #f8f8f8;
}
.dateBe .main view {
text-align: center;
}
/* -------------------------------- */
.goodsinfo .goods-detail .title {
line-height: 72rpx;
background-color: #f7f7f7;
color: #f15353;
text-align: left;
padding: 0 28rpx;
display: flex;
align-items: center;
}
.goodsinfo .goods-detail .title .span {
margin-left: 20rpx;
}
.goodsinfo .goods-shop {
background: #fff;
line-height: 72rpx;
border-bottom: #e8e8e8 solid 2rpx;
}
.goodsinfo .goods-shop .p {
text-align: left;
margin: 0;
padding: 0 0 0 28rpx;
font-size: 24rpx;
color: #555;
}
.goodsinfo .detail_good {
background: #fff;
overflow: hidden;
}
.goodsinfo .diy-box {
display: flex;
flex-direction: column;
}
.goodsinfo .diy-from {
position: absolute;
top: 50rpx;
right: 0;
background: #ff2c29;
color: #fff;
border-radius: 20rpx 0 0 20rpx;
padding: 4rpx 12rpx;
z-index: 999;
}
.goodsinfo .diy-from.write {
background: #02cc74;
}
.goodsinfo .detail_good .goods {
display: flex;
padding: 32rpx 28rpx 0 28rpx;
}
.goodsinfo .detail_good .goods .img {
width: 30%;
display: inline-block;
}
.goodsinfo .detail_good .goods .img image {
width: 100%;
}
.goodsinfo .detail_good .goods .warp {
width: 70%;
margin-left: 20rpx;
position: relative;
}
.goodsinfo .detail_good .goods .warp .inner {
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.goodsinfo .detail_good .goods .warp .inner .name {
font-size: 28rpx;
line-height: 40rpx;
height: 80rpx;
width: 60%;
text-align: left;
color: #333;
margin-bottom: 20rpx;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
}
.goodsinfo .detail_good .goods .warp .inner .red {
color: #f15353;
display: flex;
}
.goodsinfo .detail_good .goods .warp .inner .red .icon_rent {
width: 24rpx;
height: 24rpx;
display: flex;
justify-content: center;
align-items: center;
padding-top: 10rpx;
}
.goodsinfo .detail_good .goods .warp .price {
display: flex;
justify-content: space-between;
color: #333;
position: relative;
}
.goodsinfo .detail_good .goods .option {
color: #8c8c8c;
font-size: 28rpx;
}
.goodsinfo .detail_good .goods .warp .price .right {
color: #8c8c8c;
}
.goodsinfo .detail_good .rent-choice {
width: 100%;
bottom: 0;
display: flex;
justify-content: space-between;
color: #8c8c8c;
}
.goodsinfo .detail_good .rent-choice .red {
color: #f15353;
margin-right: 10px;
margin-right: 0.625rem;
font-size: 14px;
}
.goodsinfo .detail_good .note {
display: flex;
margin: 32rpx 16rpx 0 16rpx;
}
.goodsinfo .detail_good .note .left {
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
color: #858585;
margin-right: 16rpx;
}
.goodsinfo .detail_good .note .right {
flex: 1;
text-align: left;
}
.goodsinfo .rent-info {
background-color: #fff;
padding: 20rpx 28rpx;
font-size: 28rpx;
border-bottom: solid 2rpx #e2e2e2;
}
.goodsinfo .tbs {
display: flex;
flex-direction: column;
align-items: center;
background: #fff;
flex-flow: row wrap;
padding: 20rpx 28rpx;
line-height: 48rpx;
border-bottom: #e8e8e8 solid 2rpx;
font-size: 30rpx;
}
.goodsinfo .tbs .list {
width: 100%;
padding-bottom: 20rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.goodsinfo .tbs .left {
text-align: left;
color: #333;
}
.goodsinfo .tbs .right {
text-align: right;
}
.goodsinfo .tbs .right .red {
color: #e84e40;
}
.goodsinfo .tbs .left .span {
font-size: 30rpx;
}
.goodsinfo .rent-time {
margin-top: 20rpx;
padding: 32rpx 28rpx;
background-color: #fff;
}
.goodsinfo .rent-time .text {
font-size: 28rpx;
text-align: left;
flex: 16%;
margin-bottom: 20rpx;
}
.goodsinfo .rent-time .week {
display: flex;
flex-wrap: wrap;
}
.goodsinfo .rent-time .week .button {
width: 30.4%;
border: solid 2rpx #e2e2e2;
background-color: #fff;
font-size: 24rpx;
color: #333;
border-radius: 8rpx;
height: 120rpx;
margin: 10rpx 1.1%;
display: flex;
justify-content: center;
align-items: center;
}
.goodsinfo .rent-time .week .button .span {
text-align: center;
}
.goodsinfo .rent-time .week .button .red {
color: #f15353;
}
.goodsinfo .tbs.coupon-list {
margin-top: 20rpx;
/* margin-bottom: 20rpx; */
}
.goodsinfo .tbs .list:nth-last-child(1) {
padding-bottom: 0;
}
.goodsinfo .coubtngroup {
display: flex;
font-size: 28rpx;
text-align: center;
}
.goodsinfo .coubtngroup .sure {
background: #f15353;
height: 80rpx;
line-height: 80rpx;
color: #fff;
width: 50%;
}
.goodsinfo .coubtngroup .close {
background: #eee;
height: 80rpx;
line-height: 80rpx;
color: #333;
width: 50%;
}
.goodsinfo .add-info {
overflow-y: scroll;
width: 100%;
background: #fff;
max-height: 50vh;
padding-top: 20rpx;
}
.goodsinfo .add-info .coupon-list-info {
width: 99.5vw;
display: flex;
align-items: center;
}
.goodsinfo .add-info .checkList {
padding-left: 6rpx;
margin-right: 20rpx;
display: flex;
justify-content: center;
align-items: center;
}
.goodsinfo .add-info .coupon_voucher_gray {
flex: 1;
height: 160rpx;
margin-right: 20rpx;
margin-bottom: 20rpx;
display: flex;
}
.goodsinfo .add-info .coupon_voucher_main {
flex: 1;
height: 160rpx;
margin-right: 20rpx;
margin-bottom: 20rpx;
display: flex;
}
.goodsinfo .add-info .coupon_voucher_main .coupon_voucher_left {
width: 204rpx;
height: 100%;
color: #fff;
border-radius: 8rpx 0 0 8rpx;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
background-color: #47c1c4;
}
.goodsinfo .add-info .coupon_voucher_gray .coupon_voucher_left {
width: 204rpx;
height: 100%;
color: #fff;
border-radius: 8rpx 0 0 8rpx;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
background-color: #ccc;
}
.goodsinfo .add-info .coupon_voucher_main .coupon_voucher_left .coupon_voucher_amount.type_large {
margin: 0;
font-size: 44rpx;
}
.goodsinfo .add-info .coupon_voucher_gray .coupon_voucher_left .coupon_voucher_amount.type_large {
margin: 0;
font-size: 44rpx;
}
.goodsinfo .add-info .coupon_voucher_main .coupon_voucher_left .coupon_voucher_limit {
font-size: 24rpx;
margin-top: 26rpx;
margin-bottom: 0;
}
.goodsinfo .add-info .coupon_voucher_gray .coupon_voucher_left .coupon_voucher_limit {
font-size: 24rpx;
margin-top: 26rpx;
margin-bottom: 0;
}
.goodsinfo .add-info .coupon_voucher_main .coupon_voucher_right {
flex: 1;
padding: 30rpx 30rpx 30rpx 20rpx;
border-radius: 0 8rpx 8rpx 0;
background-color: #e5f3f3;
color: #666;
}
.goodsinfo .add-info .coupon_voucher_gray .coupon_voucher_right {
flex: 1;
padding: 30rpx 30rpx 30rpx 20rpx;
border-radius: 0 8rpx 8rpx 0;
background-color: #eee;
color: #666;
}
.goodsinfo .add-info .coupon_voucher_main .coupon_voucher_right .coupon_voucher_range {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
font-size: 24rpx;
text-align: left;
margin: 0;
padding: 0;
vertical-align: baseline;
}
.goodsinfo .add-info .coupon_voucher_gray .coupon_voucher_right .coupon_voucher_range {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
font-size: 24rpx;
text-align: left;
margin: 0;
padding: 0;
vertical-align: baseline;
}
.coupon_voucher_main .coupon_voucher_right .coupon_voucher_period {
color: #999;
font-size: 24rpx;
bottom: 0;
}
.coupon_voucher_main .coupon_voucher_gray .coupon_voucher_period {
color: #999;
font-size: 24rpx;
bottom: 0;
}
.goodsinfo .tbs .agreement {
display: flex;
align-items: center;
}
.goodsinfo .tbs .agreement .left {
margin-left: 20rpx;
}
.goodsinfo .tbs .agreement .left .red {
color: red;
}
.agreementContent {
width: 100%;
height: 100%;
overflow: auto;
}
.agreementContent .h3 {
text-align: center;
font-size: 32rpx;
}
.goodsinfo .tbsbottom {
margin-top: 20rpx;
}
.goodsinfo .detail_pay {
z-index: 98;
font-size: 32rpx;
text-align: left;
height: 98rpx;
background: #fff;
padding: 0 0 0 28rpx;
border-top: 2rpx solid #eaeaea;
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
}
.goodsinfo .detail_pay .total {
font-size: 28rpx;
padding-right: 20rpx;
display: flex;
justify-content: flex-end;
align-items: center;
flex: 3;
}
.goodsinfo .detail_pay .total .deposit {
font-size: 24rpx;
color: #999;
margin-right: 12rpx;
}
.goodsinfo .detail_pay .total .font {
color: #f15353;
}
.goodsinfo .span_t {
color: #f15353;
font-size: 32rpx;
}
.goodsinfo .detail_pay .order_delete {
flex: 1;
background: #f15353;
justify-content: center;
color: #fff;
display: flex;
align-items: center;
position: relative;
}
.goodsinfo .rent-time .week .active {
border: solid 2rpx red;
}
.invoice {
background: #fff;
margin-top: 20rpx;
height: 90rpx;
line-height: 90rpx;
font-size: 30rpx;
display: flex;
padding: 0 28rpx;
border-top: solid 2rpx #ebebeb;
border-bottom: solid 2rpx #ebebeb;
position: relative;
justify-content: space-between;
align-items: center;
}
.invoice .left {
display: flex;
align-items: center;
}
.invoice .span {
margin-right: 40rpx;
}
.invoice .span .font {
color: #f15353;
}
.invoice .type {
font-size: 24rpx;
color: #8c8c8c;
}
.invoice .right {
display: flex;
align-items: center;
justify-content: center;
}
.goodsinfo .popup_box {
background: #fff;
min-height: 820rpx;
padding-top: 100rpx;
padding-bottom: 140rpx;
box-sizing: border-box;
}
.goodsinfo .popup_box .h1 {
width: 100%;
position: fixed;
top: 0;
background: #fff;
font-size: 36rpx;
height: 100rpx;
line-height: 100rpx;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 28rpx;
box-sizing: border-box;
}
.goodsinfo .popup_box .h1 icon {
font-size: 32rpx;
color: #c9c9c9;
}
.goodsinfo .popup_box .p {
padding: 12rpx 28rpx;
background: #f0f9ff;
border-top: solid 2rpx #91d5ff;
border-bottom: solid 2rpx #91d5ff;
font-size: 28rpx;
text-align: left;
color: #8c8c8c;
display: flex;
}
.goodsinfo .popup_box .p icon {
font-size: 36rpx;
color: #91d5ff;
margin-right: 8px;
}
.goodsinfo .popup_box .type_box {
margin-top: 20rpx;
}
.goodsinfo .popup_box .type_box .h2 {
font-size: 30rpx;
height: 80rpx;
line-height: 80rpx;
text-align: left;
padding: 0 28rpx;
}
.goodsinfo .popup_box .type_box .type {
display: flex;
padding: 0 28rpx;
}
.goodsinfo .popup_box .type_box .type .button {
background: #fff;
border: solid 2rpx #ebebeb;
font-size: 28rpx;
width: 192rpx;
height: 56rpx;
border-radius: 32rpx;
margin-right: 40rpx;
color: #666;
text-align: center;
line-height: 56rpx;
}
.goodsinfo .popup_box .type_box .type .cur.button {
background: #f15353;
color: #fff;
border: none;
}
.goodsinfo .popup_box .type_box .input_box input {
padding: 0 20rpx;
width: 100%;
height: 72rpx;
background: #f5f5f5;
border-radius: 32rpx;
margin-bottom: 24rpx;
}
.goodsinfo .popup_box .btn {
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
align-items: center;
justify-content: center;
display: flex;
padding-top: 20rpx;
padding-bottom: 20rpx;
}
.goodsinfo .popup_box .btn .button {
width: 90%;
height: 84rpx;
border-radius: 64rpx;
background: #f15353;
color: #fff;
font-size: 36rpx;
border: none;
text-align: center;
line-height: 84rpx;
}
.getLocation {
display: flex;
align-items: center;
height: 100rpx;
justify-content: space-between;
margin: 0 30rpx;
}
.getLocation .left {
height: 100%;
display: flex;
align-items: center;
}
.getLocation .left icon {
margin-top: -10rpx;
color: #999;
}
.getLocation .left text {
font-size: 30rpx;
}
.getLocation .right {
height: 100%;
display: flex;
align-items: center;
}
.getLocation .right icon {
color: #999;
}
/* 新样式 */
.newShop {
padding: 30rpx 28rpx 30rpx 31rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #fff;
min-height: 352rpx;
}
.newShop_bottom {
width: 100%;
height: 122rpx;
background-color: #f8f8f8;
margin-top: 28rpx;
}
.newShop_bottom textarea {
width: 100%;
height: 100%;
}
.newShop_top {
flex: 1;
display: flex;
justify-content: space-between;
}
.newShop_top .left {
width: 140rpx;
height: 140rpx;
background-color: aquamarine;
}
.newShop_top .left image {
width: 100%;
height: 100%;
}
.newShop_top .right {
flex: 1;
margin-left: 21rpx;
margin-right: 54rpx;
}
/* .newShop_top .right .name{
} */
.posBtn {
position: fixed;
bottom: 47rpx;
width: 100%;
height: 80rpx;
}
.posBtn view {
width: 620rpx;
height: 80rpx;
background-color: #f14e4e;
border-radius: 40rpx;
margin: 0 auto;
color: #fff;
text-align: center;
line-height: 80rpx;
font-size: 30rpx;
}