1.新增成功页面

pages.json

@@ -1,6 +1,18 @@
 {
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
+		    "path" : "pages/goods/refuel-succes/refuel-succes",
+		    "style" :                                                                                    
+		    {
+				// 支付成功
+		       "navigationBarTitleText": "",
+		       "navigationBarBackgroundColor": "#0083f5",
+		       "backgroundColorTop": "#0083f5",
+		       "navigationBarTextStyle": "white",
+		       "enablePullDownRefresh": false
+		    }
+		    
+		},{
 			"path": "pages/goods/refuel-confirm/refuel-confirm",
 			"style": {
 				"navigationBarTitleText": "确认订单",
@@ -14,7 +26,6 @@
 			"path": "pages/tabBar/home/home",
 			"style": {
 				"navigationBarTextStyle": "black",
-				// "enablePullDownRefresh": true,
 				"navigationBarBackgroundColor": "#0083f5",
 				"backgroundColorTop": "#0083f5",
 				"navigationBarTextStyle": "white",
@@ -32,7 +43,7 @@
 		}, {
 			"path": "pages/user/order_details/order_details",
 			"style": {
-				// "navigationBarTitleText": "订单详情",
+				"navigationBarTitleText": "订单详情",
 				"navigationBarBackgroundColor": "#0083f5",
 				"navigationBarTextStyle": "white",
 				"enablePullDownRefresh": false
@@ -41,9 +52,8 @@
 		}, {
 			"path": "pages/goods/refuel-details/refuel-details",
 			"style": {
-				// 加油站
 				"enablePullDownRefresh": false,
-				"navigationBarTitleText": "",
+				"navigationBarTitleText": "加油站",
 				"backgroundTextStyle": "light",
 				"navigationBarBackgroundColor": "#0083f5",
 				"backgroundColorTop": "#0083f5",
@@ -414,7 +424,8 @@
 			}
 
 		}
-	],
+	  
+    ],
 
 	"globalStyle": {
 		"navigationBarTextStyle": "black",

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

@@ -0,0 +1,92 @@
+<template>
+	<view>
+		<view class="width100 height180 backcor008 fotct">
+			<image class="imageIcon mart15" src="../../../static/img/succes.png"></image>
+			<view class="fcorfff font15 mart10">已支付</view>
+			<view class="fcor333 font24 width90 height55 backcorfff mart20 fotct fontwig6">
+				<text class="font15">￥</text>499.27
+			</view>
+			<view class="width90 height25">
+				<image class="width100 height25" style="height: 17px;" src="../../../static/img/suline1.png"></image>
+			</view>
+		</view>
+		<image class="width90 height25" style="height: 17px;" src="../../../static/img/suline2.png"></image>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="less">
+	page {
+		background-color: #f7f7f7;
+	}
+
+	.imageIcon {
+		width: 40px;
+		height: 40px;
+	}
+
+	.height55 {
+		height: 55px;
+		line-height: 55px;
+	}
+
+	.cro {
+		width: 100%;
+		height: 30px;
+		background-color: #58C4E6;
+		position: relative;
+	}
+
+	.cro_con {
+		position: absolute;
+		width: 20px;
+		height: 20px;
+		border: 1px solid #fff;
+		z-index: 1;
+		background: #fff;
+	}
+
+	.cro_left_top {
+		top: -1px;
+		left: -1px;
+		border-radius: 0 0 20px 0;
+		border-bottom: 1px solid #58C4E6;
+		border-right: 1px solid #58C4E6;
+	}
+
+	.cro_right_top {
+		top: -1px;
+		right: -1px;
+		border-radius: 0 0 0 20px;
+		border-bottom: 1px solid #58C4E6;
+		border-left: 1px solid #58C4E6;
+	}
+
+	.cro_left_bottom {
+		left: -1px;
+		bottom: -1px;
+		border-radius: 0 20px 0 0;
+		border-top: 1px solid #58C4E6;
+		border-right: 1px solid #58C4E6;
+	}
+
+	.cro_right_bottom {
+		right: -1px;
+		bottom: -1px;
+		border-radius: 20px 0 0 0;
+		border-top: 1px solid #58C4E6;
+		border-left: 1px solid #58C4E6;
+	}
+</style>

uni.scss

@@ -354,6 +354,14 @@ $uni-font-size-paragraph:30upx;
 	height: 120px;
 }
 
+.height150{
+	height: 150px;
+}
+
+.height180{
+	height: 180px;
+}
+
 .height30 {
   height: 30px;
   line-height: 30px;
@@ -375,7 +383,14 @@ $uni-font-size-paragraph:30upx;
   height: 20px;
   line-height: 20px;
 }
+.height25 {
+  height: 25px;
+}
 
+.height20 {
+  height: 20px;
+  line-height: 20px;
+}
 
 
 .height50 {