init

pages_tool/order/refund_detail.wxss

@@ -0,0 +1,2 @@
+.detail-container{width:100vw;height:100vh}.container{transition:all .3s}.container .hide{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.status-wrap{padding:20rpx;background:#fff;border-top:1px solid #f5f5f5;margin:20rpx;border-radius:10rpx}.status-wrap .status-name{display:block;font-size:32rpx;line-height:70rpx;height:70rpx}.status-wrap .refund-explain{border-top:1px dashed #eee;padding-top:20rpx}.refund-address-wrap{margin:20rpx;background:#fff;padding:20rpx;border-radius:10rpx}.refund-address-wrap .copy{font-size:20rpx;display:inline-block;color:#666;background:#fff;line-height:1;padding:6rpx 10rpx;margin-left:10rpx;border-radius:4rpx;border:1px solid #ddd}.history-wrap{margin:20rpx;background:#fff;padding:20rpx;display:flex;position:relative;border-radius:10rpx}.history-wrap view{flex:1}.history-wrap .icon-right{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#ddd;right:20rpx}.refund-info{margin:20rpx;background:#fff;border-radius:10rpx}.refund-info .header{height:90rpx;line-height:90rpx;padding:0 20rpx}.refund-info .body{padding-bottom:20rpx}.refund-info .body .goods-wrap{display:flex;position:relative;padding:20rpx;background:#f5f5f5}.refund-info .body .goods-wrap:last-of-type{margin-bottom:0}.refund-info .body .goods-wrap .goods-img{width:180rpx;height:180rpx;margin-right:20rpx}.refund-info .body .goods-wrap .goods-img image{width:100%;height:100%}.refund-info .body .goods-wrap .goods-info{flex:1;position:relative;max-width:calc(100% - 200rpx)}.refund-info .body .goods-wrap .goods-info .goods-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.5;font-size:28rpx}.refund-info .body .goods-wrap .goods-info .goods-sub-section{padding-top:20rpx;width:100%;line-height:1.3;display:flex}.refund-info .body .goods-wrap .goods-info .goods-sub-section .refund-price{font-size:28rpx}.refund-info .body .goods-wrap .goods-info .goods-sub-section .unit{font-weight:400;font-size:24rpx;margin-right:2rpx}.refund-info .body .info{margin-top:20rpx}.refund-info .body .info .cell{height:50rpx;line-height:50rpx;padding:0 30rpx;font-size:24rpx;color:#909399}.action{position:fixed;z-index:5;left:0;bottom:0;width:100vw;height:100rpx;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:right;line-height:100rpx}.action.bottom-safe-area{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.action .order-box-btn{margin-right:30rpx;margin-left:0}.action .action-btn{height:70rpx;line-height:70rpx;color:#fff;padding:0 40rpx;display:inline-block;text-align:center;margin:16rpx 20rpx 16rpx 0;border-radius:10rpx}.action .action-btn.white{height:68rpx;line-height:68rpx;color:#333;border:.5px solid #999;background:#fff}.form-wrap{background:#fff}.form-wrap .item{margin:0 20rpx;display:flex;border-bottom:1px solid #eee}.form-wrap .item:last-child{border-bottom:none}.form-wrap .item .label{width:140rpx;line-height:90rpx}.form-wrap .item .cont{flex:1;line-height:90rpx}.form-wrap .item .cont .input,
+.form-wrap .item .cont .input-placeholder{height:90rpx;line-height:90rpx;font-size:28rpx}.form-wrap .item .cont .textarea{width:100%;padding:26rpx 0;line-height:1.3;font-size:28rpx}.sub-btn{margin-top:20rpx}.record-wrap .cont{width:100%;background-color:#fff;padding:30rpx;box-sizing:border-box;margin-top:20rpx}.record-wrap .cont .head{display:flex;flex-direction:column;color:#303133}.record-wrap .cont .head .time{color:#909399;font-size:24rpx;float:right}.record-wrap .cont .body{padding-top:20rpx}.record-wrap .cont .body .refund-action{line-height:1;color:#303133}.record-wrap .cont .body .desc{margin-top:10rpx;color:#909399;font-size:24rpx}.record-wrap .empty-box{height:168rpx}.history-bottom{position:fixed;z-index:5;left:0;bottom:0;width:100vw;height:100rpx;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:right;display:flex}.history-bottom.bottom-safe-area{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.history-bottom view{flex:1;text-align:center;line-height:100rpx}.history-bottom view:first-child{border-right:1px solid #eee}.history-bottom view .iconfont{font-weight:700;margin-right:10rpx;font-size:28rpx;line-height:1}.history-bottom button{width:50%;height:100%;border:none;z-index:1;padding:0;margin:0;background:none;display:flex;justify-content:center;align-items:center}.history-bottom button::after{border:none!important}.history-bottom button .iconfont{margin-right:10rpx}