heyang пре 3 година
родитељ
комит
ad1f32089a

+ 5 - 0
microserviceUserH5/static/css/exchangePhoneActivity.css

@@ -507,6 +507,11 @@ input:disabled {
   color: #333333;
 }
 
+.down_icon{
+  width: 0.38rem;
+  height: 0.2rem;
+}
+
 #toast-container>.toast-error {
   background-image: none !important;
   border-radius: 0.2rem;

+ 22 - 4
microserviceUserH5/vcloud/exchangePhoneActivity.html

@@ -40,11 +40,11 @@
 				<div class="middle-wrap">
 					<div class="ipt-row selectNode">
 						<img class="img" src="../static/img/exchangePhoneActivity/custer.png">
-						<input class="phone-ipt ipt" value="某手指用户" disabled />
+						<input class="phone-ipt ipt select-ipt" value="某手指用户" disabled />
 						<img class="right_icon" src="../static/img/exchangePhoneActivity/right_icon.png">
 						<div class="select-wrap">
-							<div class="select selected" index="1">某手指用户</div>
-							<div class="select" index="2">新人福利</div>
+							<div class="select selected" data-index="1">某手指用户</div>
+							<div class="select" data-index="2">新人福利</div>
 						</div>
 					</div>
 					<div class="ipt-row">
@@ -191,8 +191,26 @@
 		}
 		//点击下拉框选择
 		$('.selectNode')[0].addEventListener('click',(e) => {
-			console.log(e)
+			let index = e.target.dataset.index;
+			let className = e.target.className;
 			$('.select-wrap').eq(0).css('opacity', '1');
+			if(className == 'select' || className == 'select selected'){
+				if(index == 1){
+					$('.select')[0].className = 'select selected';
+					$('.select')[1].className = 'select';
+					$('.select-ipt').eq(0).val('某手指用户');
+				}else{
+					$('.select')[0].className = 'select';
+					$('.select')[1].className = 'select selected';
+					$('.select-ipt').eq(0).val('新人福利');
+				}
+				$('.right_icon')[0].className = 'down_icon right_icon';
+				$('.right_icon')[0].src = '../static/img/exchangePhoneActivity/right_icon.png';
+				$('.select-wrap').eq(0).css('opacity', '0');
+			} else {
+				$('.right_icon')[0].src = '../static/img/exchangePhoneActivity/down_icon.png';
+				$('.right_icon')[0].className = 'down_icon';
+			}
 		})
 		//点击立即领取按钮
 		$('.btns')[0].addEventListener('click',() => {