|
@@ -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',() => {
|