pages/wallet/out.vue

@@ -3,6 +3,29 @@
 		<u-navbar   title="余额提现" :is-back="true" >
 				<view class="slot-wrap"></view>	
 		</u-navbar>
+		<view class="von-card-row von-tx">
+			<!-- <view class="flex-spal">
+				余额变动记录
+				<text class="icon iconfont icon-ico_listarrow"></text>
+			</view> -->
+			<view class="von-sp-list">
+				<h5 class="flex-sp"><label>提现至</label>中国建设银行银行卡(1100)</h5>
+				<view class="von-sp-text">
+					<view class="">申请提现金额(元)</view>
+					<view class="von-tx-input flex-spal">
+						<label>￥</label>
+						<u-input placeholder="请输入提现金额" type="text"></u-input>
+					</view>
+				</view>
+				<h5 class="flex-sp">可提现余额¥1000<navigator class="blue">全部提现</navigator></h5>
+			</view>
+			<u-button type="primary">次日到账，确认提现</u-button>
+			<view class="von-tx-text">
+				<p>提现说明：</p>
+				<p>1.每周一可申请将账户内收益提现至银行卡；</p>
+				<p>2.由于银行清算，提现申请将于次日内到账。如遇高峰期，可能延时到账，请耐心等待。</p>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -12,5 +35,7 @@
 </script>
 
 <style>
-
+page{
+			background-color:#eee;
+		}
 </style>

static/css/style.css

@@ -295,6 +295,48 @@ h1,h2,h3,h4,h5,h6{
 	color:#BBBBBB;
 	font-size:20px
 }
+.von-tx .von-sp-list{
+	border-radius: 7px;
+	background:white;
+	margin-bottom:10px
+}
+.von-tx .von-sp-list h5{
+	border:0;
+	padding:15px 0
+}
+.von-tx .von-sp-list h5 label{
+	color:#303133
+}
+.von-tx .von-sp-text{
+	    border-top: 1px solid #e4e7ed;
+		 border-bottom: 1px solid #e4e7ed;
+}
+.von-tx .u-input__input[data-v-fdbb9fe6],
+.von-tx-input label{
+	font-size:28px
+}
+
+.von-tx-input{
+	margin-top:20px;
+	display: flex;
+	align-items: center;
+	padding:5px 0
+}
+.von-tx.von-card-row{
+	padding:0;
+	background:0
+}
+.von-tx-text{
+	margin:10px 0
+}
+.von-tx-text p{
+	color:#888;
+	margin-bottom:5px
+}
+
+.von-tx-input label{
+	margin-right:5px
+}
 @media screen and (max-width: 360px) {
 	.von-sp-info h3{
 		font-size:14px