init
This commit is contained in:
1
pages_tool/order/refund.wxss
Normal file
1
pages_tool/order/refund.wxss
Normal file
@@ -0,0 +1 @@
|
||||
.refund-container{width:100vw;height:100vh}.align-right{text-align:right}.goods-wrap{margin:20rpx 30rpx;padding:30rpx;border-radius:10rpx;background:#fff;display:flex;position:relative}.goods-wrap .goods-img{width:180rpx;height:180rpx;margin-right:20rpx;border-radius:10rpx;overflow:hidden}.goods-wrap .goods-img image{width:100%;height:100%}.goods-wrap .goods-info{flex:1;position:relative;max-width:calc(100% - 200rpx)}.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-option{margin:20rpx 30rpx;border-radius:10rpx;background:#fff}.refund-option .option-item{padding:20rpx;display:flex;position:relative}.refund-option .option-item view{flex:1}.refund-option .option-item view text{display:block}.refund-option .option-item .icon-right{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#ddd;right:20rpx}.refund-option .option-item:last-of-type{border-top:2rpx solid #f2f2f2}.refund-form{margin:20rpx 30rpx;padding:20rpx;border-radius:10rpx;background:#fff}.refund-form .item-wrap{display:flex;position:relative;line-height:80rpx}.refund-form .item-wrap .label{width:142rpx;padding-right:5rpx;line-height:80rpx}.refund-form .item-wrap .cont{flex:1;line-height:80rpx;text-align:right}.refund-form .item-wrap .cont .refund-desc{font-size:28rpx;width:100%;line-height:1;min-height:80rpx}.refund-form .item-wrap .cont.reason{padding-right:40rpx}.refund-form .item-wrap .label.active{width:100%}.refund-form .item-wrap .icon-right{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#ddd;right:0}.textarea-box{position:relative}.textarea-box .mark{width:100%;height:100%;position:absolute;left:0;bottom:0;background:red}.newText{width:100%;min-height:200rpx;border-radius:10rpx;box-sizing:border-box;margin-top:10rpx}.sub-btn{position:fixed;width:100%;height:100rpx;line-height:100rpx;text-align:center;color:#fff;bottom:0}.sub-btn.safe-area{margin-bottom:48rpx!important}.popup{width:100vw;background:#fff;border-top-left-radius:24rpx;border-top-right-radius:24rpx}.popup .popup-header{height:90rpx;display:flex;align-items:center;padding:0 30rpx}.popup .popup-header > view{flex:1;line-height:1}.popup .popup-header .tit{font-size:32rpx;font-weight:600}.popup .popup-header .vice-tit{margin-right:20rpx}.popup .popup-footer{height:140rpx}.popup .popup-footer .confirm-btn{height:80rpx;line-height:80rpx;color:#fff;text-align:center;margin:20rpx;border-radius:10rpx}.popup .popup-footer .confirm-btn.color-base-bg{color:var(--btn-text-color)}.popup .popup-footer.bottom-safe-area{padding-bottom:48rpx}.refund-reason-popup{height:50vh;display:flex;flex-direction:column}.refund-reason-popup .icon-close{font-size:40rpx}.refund-reason-popup .popup-body{flex:1}.refund-reason-popup .popup-body .scroll-view{height:100%}.refund-reason-popup .popup-body .item{display:flex;padding:0 30rpx;position:relative;height:70rpx;line-height:70rpx}.refund-reason-popup .popup-body .item .reason{flex:1;height:70rpx;line-height:70rpx}.refund-reason-popup .popup-body .item > .iconfont{font-size:40rpx;position:absolute;top:50%;right:30rpx;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.refund-reason-popup .popup-body .item > .icon-yuan_checkbox{color:#909399}.data-v-1d72bcdb .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box{background:none;max-height:unset!important;overflow-y:hidden!important}.data-v-1d72bcdb .uni-popup__wrapper{border-radius:20rpx 20rpx 0 0}.data-v-1d72bcdb .uni-popup{z-index:8}
|
||||
Reference in New Issue
Block a user