规则按钮优化

pages/me/withdraw/index.vue

@@ -1,11 +1,17 @@
 <template>
 	<view class="container">
-		<!-- <view class="navs" style="width: 100%;height: 96rpx;"></view> -->
-		<view class="nav">
-			<up-icon name="arrow-left" color="#fff" size="20" @click="back"></up-icon>
-			<view class="navTitle">申请提现</view>
-			<view class="ruleBtn" @click="data.ruleShow = true">规则</view>
-		</view>
+		 <up-navbar title="申请提现"
+		            @rightClick="data.ruleShow = true"
+					bgColor="rgb(255, 117, 129)"
+					leftIconColor="#FFF"
+					:titleStyle ="{color:'#FFF'}" >
+				<template #right>
+				     <view class="u-p-r-30 u-flex u-col-center" style="color: #fff;">
+				     	<text class="rule-btn" @click="data.ruleShow = true">规则</text>
+				     </view>
+				</template>
+		</up-navbar>
+	
 		<view class="content">
 			<view class="title">可提现总额</view>
 			<view class="mayMoney">¥ {{ data.mayMoney }}</view>