修改

pages/share/buyRecord/index.vue

@@ -13,23 +13,25 @@
 				<view class="recordList">
 					<view class="r_list_item" v-for="(x, i) in g" :key="i">
 						<view class="list_top">
-							<text>会员名称：{{x.UserName}}</text>	
 							<text>支付金额：{{x.Money}}</text>
+							<text>支付时间：{{x.PayTimeStr}}</text>
 						</view>	
 						<view class="list_top">
-							<text>过期时间：{{x.ExpiryDateStr}}</text>	
 							<text>等级名称：{{x.GradeName}}</text>
+							<text>过期时间：{{x.ExpiryDateStr}}</text>
 						</view>	
-						<view class="list_top">
+						<view class="list_top" style="border-bottom:1px dashed #d1d1d1;padding-bottom:10px;">
 							<text>
 								支付状态：<text v-if="x.PayState==1">已支付</text><text v-if="x.PayState==0">未支付</text>
 						    </text>	
-							<text>支付时间：{{x.PayTimeStr}}</text>
 						</view>	
-						<view class="list_top">
-							<text>
-								备注：<text>{{x.Remark}}</text>
-							</text>	
+						<view class="list_top_last">
+							<view style="width:13%;">
+								备注：
+							</view>	
+							<view style="width:86%">
+								{{x.Remark}}
+							</view>
 						</view>
 					</view>
 				</view>
@@ -176,8 +178,16 @@ export default {
 	-webkit-align-items: center;
 	align-items: center;
 	-webkit-box-pack: justify;
-	-webkit-justify-content: space-between;
 	justify-content: space-between;
 	margin-bottom: 6px;
 }
+.list_top_last{
+	padding-top: 3px;
+	justify-content: flex-start;
+	width: 100%;
+	display: flex;
+	flex-direction: wrap;
+	margin-bottom: 6px;
+	align-items: top;
+}
 </style>