1.新增支付成功页面

pages/goods/refuel-succes/refuel-succes.vue

@@ -10,7 +10,67 @@
 				<image class="width100 height25" style="height: 17px;" src="../../../static/img/suline1.png"></image>
 			</view>
 		</view>
+		<view class="width90 line1" style="margin-bottom: 1px;"></view>
 		<image class="width90 height25" style="height: 17px;" src="../../../static/img/suline2.png"></image>
+		<view class="width90 height50 fcor333 fontwig6 font16 backcorfff" style="margin-top: -4px;">
+			<text class="paddleft10">加油订单</text>
+		</view>
+		<view class="width90 mart1 height50 backcorfff mart1 fcor666 font14">
+			<view class="width30 flleft">
+				<text class="paddleft10">交易单号</text>
+			</view>
+			<view class="width70 flright text1 fotrt">
+				<text class="paddtright10">342342342433</text>
+			</view>
+		</view>
+
+		<view class="width90 mart1 height50 backcorfff mart1 fcor666 font14">
+			<view class="width30 flleft">
+				<text class="paddleft10">油站名称</text>
+			</view>
+			<view class="width70 flright text1 fotrt">
+				<text class="paddtright10">发生发生范德萨发</text>
+			</view>
+		</view>
+
+		<view class="width90 mart1 height50 backcorfff mart1 fcor666 font14">
+			<view class="width30 flleft">
+				<text class="paddleft10">下单时间</text>
+			</view>
+			<view class="width70 flright text1 fotrt">
+				<text class="paddtright10">2021-02-23 12:23:34</text>
+			</view>
+		</view>
+
+		<view class="width90 mart1 height50 backcorfff mart1 fcor666 font14">
+			<view class="width30 flleft">
+				<text class="paddleft10">支付时间</text>
+			</view>
+			<view class="width70 flright text1 fotrt">
+				<text class="paddtright10">2021-02-23 12:23:34</text>
+			</view>
+		</view>
+
+		<view class="width90 mart1 height50 backcorfff mart1 fcor666 font14">
+			<view class="width30 flleft">
+				<text class="paddleft10">加油金额</text>
+			</view>
+			<view class="width70 flright text1 fotrt">
+				<text class="paddtright10">￥500.00</text>
+			</view>
+		</view>
+
+		<view class="width90 mart1 height50 backcorfff mart1 fcor666 font14" style="border-radius: 0 0 10px 10px;">
+			<view class="width30 flleft">
+				<text class="paddleft10">立即优惠</text>
+			</view>
+			<view class="width70 flright text1 fotrt">
+				<text class="paddtright10">￥0.73</text>
+			</view>
+		</view>
+		<view class="width90 font13 fcor999 mart10">
+			*本站不支持电子发票,如需发票请到加油站前台索取
+		</view>
 	</view>
 </template>
 

uni.scss

@@ -148,7 +148,7 @@ $uni-font-size-paragraph:30upx;
   margin-left: 6px;
 }
 
-.margle10 {
+.paddleft10 {
   margin-left: 10px;
 }
 
@@ -439,6 +439,10 @@ $uni-font-size-paragraph:30upx;
   margin-top: 5px;
 }
 
+.mart1 {
+  margin-top: 1px;
+}
+
 .marb65 {
   margin-bottom: 65px;
 }