824third

pages/menu/withdrawl/index.css

@@ -37,6 +37,7 @@
     height: 48px;
     border-bottom: 1px solid #F4F5F7;
     margin-bottom: 12px;
+	padding: 0 24rpx;
 }
 .input-item input{
 	line-height: 96rpx;
@@ -194,4 +195,91 @@ z-index: 9999;
 }
 /deep/ .u-dropdown__content__mask{
 	display: none !important; 
+}
+
+
+
+/* 改 */
+.longey_item{
+	line-height: 96rpx;
+	display: flex;
+	align-items: center;
+	padding: 0 24rpx;
+	border-bottom: 2rpx solid #F4F5F7;
+}
+.xiala_con{
+	width: 678rpx;
+	border-radius: 20rpx;
+	border-bottom: 2rpx solid #F4F5F7;
+}
+.activeErji{
+	background-color: #fff;
+	box-shadow: 0 0 40rpx 0 #EDEFF2;
+	border-bottom: none;
+}
+.fuji{
+	line-height: 96rpx;
+	display: flex;
+	/* justify-content: space-evenly; */
+	align-items: center;
+	padding: 0 24rpx;
+	margin-top: 70rpx;
+}
+.img1{
+	width: 40rpx;
+	height: 40rpx;
+}
+.text1{
+	color: #303133;
+	font-size: 28rpx;
+	margin-left: 16rpx;
+}
+.text2{
+	color: #909399;
+	font-size: 28rpx;
+	margin-left: 16rpx;
+	margin-left: 120rpx;
+}
+.img2{
+	width: 28rpx;
+	height: 28rpx;
+	margin-left: 10rpx;
+}
+.erji{
+	max-height: 0;
+	    height: auto;
+	    overflow: hidden;
+	    transition: all .5s;
+	    opacity: 0;
+	background-color: #fff; 
+}
+.activeErji .erji{
+	opacity: 1;
+	max-height: 600rpx;
+	overflow: scroll;
+	overflow-x: hidden;
+}
+.activeErji .img2{
+	transform: rotate(180deg);
+}
+.item{
+	line-height: 88rpx;
+	width: 100%;
+	padding: 0 24rpx;
+}
+.item-active{
+	background-color: #F4EDFC;
+	color: #954DE3;
+	position: relative;
+}
+.item-active::after{
+	content: '';
+	width: 34rpx;
+	height: 34rpx;
+	background: url(../../../static/login/icon_hook@2x.png)no-repeat;
+	background-size: contain;
+	position: absolute;
+	right: 30rpx;
+	top: 50%;
+	transform: translateY(-50%);
 }

pages/menu/withdrawl/index.vue

@@ -35,18 +35,12 @@
 					MINIMUM WITHDRAWAL AMOUNT: {{withdrawConfig.withdraw_limit_min}}
 				</view>
 			</view>
-			<!--   <view class="rech-capy">
-	   	<view class="payment">
-	   		payment
-	   	</view>
+			  <view class="rech-capy">
 	   		<view class="capy">
-	   		<image src="../../static/login/[email protected]" mode="" class="img1"></image>	   CPAY
+	   		<image src="../../../static/login/[email protected]" mode="aspectFit" class="img1"></image>	 BANK CARD
 	   		</view>
-	   </view> -->
-			<view class="rech-input-con">
-				<!-- 	   <view class="input-item flex">
-		   	<input type="text" value="" placeholder="IFSC Code" placeholder-style="color: #BFC2CCFF;font-size:14px;"/>
-		      </view> -->
+	   </view>
+		<!-- 	<view class="rech-input-con">
 				<view class="input-item flex" style="height: auto;">
 					<view class="login-sigh login-sigh2  flex">
 						<view class="imgcon">
@@ -55,32 +49,52 @@
 					</view>
 						<input type="text" value="" placeholder="mobile phone" v-model="mobile"
 						placeholder-style="color: #BFC2CCFF;font-size:14px;" />		
-						
-						
-				<!-- 	<view class="erji">
-						 <view class="item">
-						 	123
-						 </view>
-						 <view class="item">
-						 	Add Bank Card
-						 </view>
-					</view> -->
 				</view>
 			
-					
-				
-				<!-- 	<view class="input-item flex">
-		<view class="login-sigh login-sigh2  flex">
-			<view class="imgcon">
-				<image src="../../static/login/[email protected]" mode=""></image>
+			</view> -->
+      <view class="xiala_con" :class="fujiNum==1?'activeErji':''" >
+      	<view class="fuji " @click="fuji()">
+      		<image src="../../../static/login/[email protected]" mode="aspectFit" class="img1"></image>
+			<text class="text1">
+				My Card：3480****6675  
+			</text>
+			<text class="text2">
+				Select
+				<image src="../../../static/color/loading_icon_ins@3x(18).png" mode="aspectFit"  class="img2"></image>
+			</text>
+      	</view>
+		<view class="erji">
+			<view class="item item-active">
+				My Card：3480****6675  
 			</view>
-		</view>
-		<input type="password" value="" placeholder="Enter Your Login Password" v-mode="password"
-			placeholder-style="color: #BFC2CCFF;font-size:14px;"  @focus="btncol=1" @blur="btncol=2" />
-	</view> -->
+			<view class="item">
+				Card 2:9200****4028
 			</view>
-
-
+			<view class="item" @click="goAddBankCard()">
+				Add Bank Card
+			</view>
+		</view>
+      </view>
+       
+	   <view class="longey_item" @click="goAddBankCard()">
+		   <image src="../../../static/bankCard/[email protected]" mode="aspectFit" class="img1"></image>
+	   <text class="text1">Add Bank Card</text>	
+	   </view>
+	   
+	   <view class="input-item flex">
+	   	<view class="login-sigh login-sigh2  flex">
+	   		<view class="imgcon">
+	   			<image src="../../../static/login/[email protected]" mode=""></image>
+	   		</view>
+	   	</view>
+	   	<input type="password" value="" placeholder="Enter your login password"
+	   		placeholder-style="color: #BFC2CCFF;font-size:14px;" v-model="password"  style="height: 50px;" />
+	   </view>
+	   
+	   
+	   
+	   
+	   
 		</view>
 
 
@@ -124,13 +138,10 @@
 	export default {
 		data() {
 			return {
+				fujiNum:-1,
+				i:0,
 				// 银行卡信息列表
-				itemList: [{
-								head: "赏识在于角度的转换",
-								body: "只要我们正确择取一个合适的参照物乃至稍降一格去看待他人，值得赏识的东西便会扑面而来",
-								open: true,
-								disabled: true
-							}],
+		
 				
 				currentBalance: '',
 				currencySymbol: '',
@@ -153,6 +164,20 @@
             this.init();
 		},
 		methods: {
+			goAddBankCard(){
+				uni.navigateTo({
+					url:'../bankCard/addAddress/index'
+				})
+			},
+			// 判断下拉函数
+			fuji(){
+				this.fujiNum=1;
+				this.i++;
+				if(this.i%2==0){
+					this.i=0;
+					this.fujiNum=-1;
+				}
+			},
 			init(){
 				const post2 = api.withdrawConfig({
 					"ticket": uni.getStorageSync('logInfo').data,