.body-background{ background:{ color:#F5F5F6; } } .address-container{ padding:16rpx 26rpx; .cell{ &.address-height{ position: relative; .address-background{ position: absolute; left:0; top:0; z-index: 1; width:100%; height:100%; } .right,.left{ position: relative; z-index: 2; } } &.order-info{ align-content: flex-start; } margin-bottom:16rpx; background-color:#fff; border-radius: 10rpx; padding:{ top:32rpx; bottom:32rpx; left:40rpx; right:16rpx; } align-items: center; .left{ .icon{ margin-right:22rpx; } } .right{ justify-content: space-between; align-items: center; .content{ .title{ .name{ margin-right:20rpx; } } .desc{ margin-top:auto; align-items: center; &.ext{ margin-top:auto; align-items: stretch; .item{ .label{ margin-right:50rpx; } } } } } .right-icon{ } } .cell-label{ margin-bottom:30rpx; } .price-info-container{ margin-top:30rpx; justify-content: space-between; padding:{ top:30rpx; bottom:30rpx; } border:{ top:2rpx solid #eee; bottom:2rpx solid #eee; } align-items: flex-end; .label{ align-items: center; .icon{ margin-right:16rpx; } } .price-container{ align-items: flex-end; justify-content: flex-end; .label{ align-items: flex-end; } } } } .cell-body{ .content{ height:100%; .right{ .desc{ margin-top:auto; } } } } } .order-container{ .cell{ .right{ .content{ .desc{ &.ext{ } } } } } } .foot-button{ padding:40rpx 26rpx; position: fixed; bottom:0; left:0; z-index: 9999; width: 100%; background: { color:#FFFFFF; }; }