申请退换货页面及重构page.json

uni_modules/oct-goods/components/oct-goods/oct-goods.vue

@@ -104,21 +104,22 @@
                     align-items: flex-end;
                     justify-content: flex-start;
                     box-sizing: border-box;
-					line-height: 40rpx;
+					// line-height: 30rpx;
 					font-weight: bold;
 					font-size: 32rpx;
 					@extend .ellipsis-1;
                     .price-type{
                       display: flex;  
                       flex-direction: row;
-                      align-items: flex-end;
+                      align-items: center;
                       justify-content: space-between;
                       box-sizing: border-box;
                       flex: 1;
                       text{
                       	margin-right: $margin/2;
                         padding-left: 6rpx;
-                      	font-size: 70%;
+                      	font-size: 60%;
+                        padding-bottom: 6rpx;
                       }
                       .kucun{
                           color: $text-gray;

uni_modules/oct-pay/components/oct-pay/oct-pay.vue

@@ -2,7 +2,7 @@
 	<view class="oct--pay">
 		<!-- 支付信息 -->
 		<view class="header">
-			<view class="price" :style="{color: priceColor}"><text>￥</text>{{price}}</view>
+			<view class="price" :style="{color: priceColor}">{{price}}<text>DT积分</text></view>
 			<view class="info">
 				<slot name="pay-info">
 					<view class="pay--no">订单号：{{payNo}}</view>
@@ -34,7 +34,10 @@
 					<label class="radio-flex">
 						<view class="radio--text">
 							<image class="radio--icon" src="../../static/dtpay.png" mode="widthFix"></image>
-							 DT积分
+							 <view class="radio--icon-bottom">
+							     DT积分
+                                 <text>拥有DT积分：{{coins}}</text>
+							 </view>
 						</view>
 						<radio value="alipay" :checked="payIndex === 0" :color="color" />
 					</label>
@@ -109,7 +112,11 @@
 			price: {
 				type:String,
 				default: '0.00'
-			}
+			},
+            coins:{
+                type:String,
+                default:'0.00'
+            }
 		},
 		data(){
 			return {
@@ -134,6 +141,8 @@
 	
 	.oct--pay{
 		padding: $margin;
+        min-height: 100vh;
+        background-color: #f9f9f9;
 		&>.header{
 			text-align: center;
 			padding: ($margin*2) $margin;
@@ -141,21 +150,25 @@
 				font-size: 58rpx;
 				font-weight: bold;
 				&>text{
-					font-size: 70%;
+					font-size: 50%;
+                    padding-left: 10rpx;
 				}
 			}
 			.info{
 				.pay--no{
 					color: #82848a;
-					font-size: 30rpx;
+					font-size: 28rpx;
+                    padding-top: 20rpx;
 				}
 			}
 		}
 		&>.radios{
 			.radio--item{
 				margin-bottom: $margin;
+                margin-top: $margin;
 				background: white;
 				border-radius: $radius;
+                padding: 20rpx 0;
 				.radio-flex{
 					height: 100rpx;
 					padding: 0 $margin;
@@ -169,13 +182,32 @@
 					}
 				}
 				.radio--text{
+                    display: flex;
+                    flex-direction: row;
+                    align-items: center;
+                    justify-content: center;
+                    box-sizing: border-box;
+                    height: 100rpx;
 					.radio--icon{
-						width: 52rpx;
-						height: 52rpx;
+						width: 80rpx;
+						height: 80rpx;
 						margin: 0;
 						vertical-align: middle;
 						margin-right: $margin/3;
+                        position: relative;
+                        top: 10rpx;
 					}
+                    .radio--icon-bottom{
+                        display: flex;
+                        flex-direction: column;
+                        align-items: flex-start;
+                        justify-content: center;
+                        box-sizing: border-box;
+                        text{
+                            font-size: 24rpx;
+                            color: grey;
+                        }
+                    }
 				}
 			}
 		}