[银行卡列表加新增按钮]

pages/wallet/bankList.vue

@@ -14,7 +14,11 @@
 			</view>
 			<u-icon name="edit-pen-fill" @click='editBank(item.bank_account_id)' color="rgba(255,255,255,0.6)"
 				size='50' />
-		</view>     
+		</view>
+		<!-- 底部新增按钮 -->
+		<view class="addBtn" @click="$Router.push({	name: 'addBank'})">
+			<u-icon name="plus" label-pos='bottom' color='#fff' label-color='#fff' label='新增' />
+		</view>
 		<!-- 无列表 -->
 		<no-list v-if="lists.length === 0" name='no-shop' txt="没有任何提现银行 ~ " />
 		<!-- <u-toast ref="uToast" /> -->
@@ -81,8 +85,8 @@
 			editBank(id) {
 				this.$Router.push({
 					name: 'addBank',
-					params:{
-						id:id
+					params: {
+						id: id
 					}
 				})
 			},
@@ -101,9 +105,9 @@
 							withdrawsAccountsDelete(id).then(res => {
 								console.log(res)
 								that.lists.splice(index, 1)
-								if(that.lists.length === 0){
+								if (that.lists.length === 0) {
 									uni.navigateBack({})
-									uni.setStorageSync('refresh',true)
+									uni.setStorageSync('refresh', true)
 								}
 							}).catch(err => {
 								this.$refs.uToast.show({
@@ -133,6 +137,24 @@
 </script>
 
 <style lang="scss" scoped>
+	.addBtn{
+		position: fixed;
+		bottom: 0;
+		margin: 40rpx;
+		text-align:  center;
+		width: 130rpx;
+		height: 130rpx;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		box-sizing: border-box;
+		border-radius: 50%;
+		z-index: 100;
+		right: 0;
+		box-shadow: 0 0 20rpx 20rpx rgba($color: #fff, $alpha: .5);
+		background-image: linear-gradient(to right, #7c52fc, #976dff);
+	}
 	.selectCard {
 		width: 100%;
 		min-height: 100vh;