按钮大小， 颜色

pages/searchPile/chargeProcess/charge.vue

@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<u-navbar title="充电"></u-navbar>
-		<view class="recharge">
+		<view class="recharge" >
 			<view class="title">请选择充电金额</view>
 			<p>当前余额￥{{user.balance}}</p>
 			<view class="rechargeMain">
@@ -53,8 +53,13 @@
 			</view>
 
 
+		</view>
+		<view class="bottom">
+			<view class="botton"
+			 @click="submit"
+			 >开始充电</view>
 		</view>
-		<view class="but-box" style="margin-bottom: 20px;">
+		<!-- <view class="but-box" style="margin-bottom: 20px;">
 			<u-button
 			  style="	background-color: rgba(0, 185, 98, 100);
 			color: rgba(255, 255, 255, 100);
@@ -62,7 +67,7 @@
 			text-align: center;"
 			 
 			 @click="submit" shape="circle">开始充电</u-button>
-		</view>
+		</view> -->
 	</view>
 </template>
 
@@ -303,7 +308,7 @@
 
 	.recharge {
 		padding: 16px;
-
+		padding-bottom: 80px;
 		.title {
 			font-size: 16px;
 		}
@@ -462,5 +467,32 @@
 			color: rgba(0, 185, 98, 100);
 			font-size: 12px;
 		}
+	}
+	
+	// 尾部
+	.bottom {
+		background-color: #fff;
+		
+		width: 100%;
+		height: 64px;
+		line-height: 64px;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		z-index: 999;
+		padding: 12px 16px;
+	
+		.botton {
+			//width: 343px;
+			height: 40px;
+			line-height: 40px;
+			border-radius: 50px;
+			background-color: rgba(0, 185, 98, 100);
+			color: rgba(255, 255, 255, 100);
+			font-size: 16px;
+			text-align: center;
+			margin: 0 auto;
+		}
+	
 	}
 </style>