优惠券兑换

pages.json

@@ -379,7 +379,13 @@
 			"style": {
 				"navigationStyle": "custom"
 			}
+		},{ "name":"优惠券兑换",
+			"path": "pages/user/coupon/conversion",
+			"style": {
+				"navigationStyle": "custom"
+			}
 		}
+        
     ],
 	"globalStyle": {
 		"navigationStyle": "custom", // 隐藏系统导航栏

pages/user/coupon/conversion.vue

@@ -0,0 +1,38 @@
+<template>
+	<view >
+		<u-navbar title="优惠券兑换"></u-navbar>
+		
+		<view class="input-box">
+			<u-input placeholder="请输入兑换码"></u-input>
+		</view>
+		<u-button class="couversion-btn" type="success" shape="circle" >立即兑换</u-button>
+		
+	</view>
+</template>
+
+<script>
+</script>
+<style>
+	page{
+		background-color: #fff;
+	}
+</style>
+
+<style lang="scss" scoped>
+	.input-box{
+		padding: 4px 0;
+		margin: 20px 28px;
+		border-bottom: 1px solid #f7f7f7;
+		box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+		font-size: 100px;
+ 
+
+	}
+	
+	.couversion-btn{
+		margin: 28px ;
+		background-color:#00B962!important;
+		border-color: #00B962!important;
+		color:#fff!important;
+	}
+</style>