heyang 3 years ago
parent
commit
f1f2e0a085

+ 56 - 2
microserviceUserH5/static/css/exchangePhoneActivity.css

@@ -116,13 +116,16 @@ ul, li {
 }
 
 .rule-list{
+  position: absolute;
+  top: 0.48rem;
+  padding: 0 0.33rem;
   margin-top: 0.2rem;
   font-size: 0.24rem;
   color: #4D4D4D;
 }
 
 .rule-point{
-  margin-top: 0.2rem;
+  margin-top: 0.12rem;
 }
 
 .main-wrap{
@@ -191,7 +194,7 @@ ul, li {
 
 .get-code{
   font-size: 0.3rem;
-  color: #489DFF;
+  color: #F19026;
   margin-left: 0.2rem;
 }
 
@@ -442,6 +445,7 @@ input:disabled {
 }
 
 .rule-wrap{
+  position: relative;
   width: 6.8rem;
   height: 3.87rem;
   margin: auto;
@@ -453,6 +457,56 @@ input:disabled {
   height: 100%;
 }
 
+.time_lines{
+  position: absolute;
+  top: 0.6rem;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  align-items: center;
+  color: #FFFFFF;
+}
+
+.time-text{
+  width: 3.9rem;
+  font-size: 0.24rem;
+  padding: 0 0.15rem;
+}
+
+.time_line{
+  width: 0.5rem;
+  height: 0.01rem;
+}
+
+.selectNode{
+  position: relative;
+}
+
+.select-wrap{
+  position: absolute;
+  top: 0.8rem;
+  right: 0;
+  width: 5.4rem;
+  height: 1.5rem;
+  background: #FFFFFF;
+  border: 0.01rem solid #CCCCCC;
+  border-radius: 0.1rem;
+  opacity: 0;
+}
+
+.select{
+  line-height: 0.75rem;
+  text-align: center;
+}
+
+.selected{
+  height: 0.75rem;
+  line-height: 0.75rem;
+  text-align: center;
+  background: rgba(53, 63, 86, 0.08);
+  color: #333333;
+}
+
 #toast-container>.toast-error {
   background-image: none !important;
   border-radius: 0.2rem;

BIN
microserviceUserH5/static/img/exchangePhoneActivity/time_line_left.png


BIN
microserviceUserH5/static/img/exchangePhoneActivity/time_line_right.png


+ 2 - 2
microserviceUserH5/static/js/vender/config.js

@@ -1,7 +1,7 @@
 var url = window.location.href;
 url = url.split('/');
-var baseUrl = url[0] + '//' + url[2];
-// var baseUrl = 'http://14.215.128.96'
+// var baseUrl = url[0] + '//' + url[2];
+var baseUrl = 'https://per.cs.se.androidscloud.com'
 // var baseUrl = 'http://vclusters.imwork.net:2221'
 
 

+ 1 - 1
microserviceUserH5/static/js/vender/vue/config.js

@@ -2,7 +2,7 @@
 // var base_url = 'http://jakehou92.ticp.io'; //测试服务器
 // var base_url = 'http://192.168.100.137:3001'; //测试服务器
 // var base_url = 'http://192.168.100.98:3001'; //测试服务器
-var base_url = baseUrl; //测试服务器
+var base_url = 'https://per.cs.se.androidscloud.com'; //测试服务器
 //http://test.androidscloud.com
 // var base_url = 'https://per.cs.se.androidscloud.com/';
 //var base_url = 'https://per.cs.se.androidscloud.com/'

+ 1 - 0
microserviceUserH5/vcloud/actFissionShare.html

@@ -876,6 +876,7 @@
 						content,
 						shareImg
 					} = this.shareInfo;
+                    let title = '免费领机:' + decodeURIComponent(GetRequest().title);
                     systemBuriedPoint({
 						pointName: 'dt_裂变_h5_分享攻略'
 					}).then(res => {})

+ 21 - 7
microserviceUserH5/vcloud/exchangePhoneActivity.html

@@ -18,6 +18,11 @@
 <body>
 	<div class="containers">
 		<div class="banner-wrap">
+			<div class="time_lines">
+				<img class="time_line" src="../static/img/exchangePhoneActivity/time_line_left.png">
+				<div class="time-text">活动时间:2022年3月1日-3月31日</div>
+				<img class="time_line" src="../static/img/exchangePhoneActivity/time_line_right.png">
+			</div>
 			<div class="logo-wrap">
 				<img class="logo" src="../static/img/exchangePhoneActivity/logo.png">
 			</div>
@@ -33,10 +38,14 @@
 			<img class="banner-img" src="../static/img/exchangePhoneActivity/banner.png">
 			<div class="main-wrap">
 				<div class="middle-wrap">
-					<div class="ipt-row">
+					<div class="ipt-row selectNode">
 						<img class="img" src="../static/img/exchangePhoneActivity/custer.png">
 						<input class="phone-ipt ipt" value="某手指用户" disabled />
 						<img class="right_icon" src="../static/img/exchangePhoneActivity/right_icon.png">
+						<div class="select-wrap">
+							<div class="select selected">某手指用户</div>
+							<div class="select">新人福利</div>
+						</div>
 					</div>
 					<div class="ipt-row">
 						<img class="img" src="../static/img/exchangePhoneActivity/phone.png">
@@ -61,6 +70,12 @@
 			</div>
 			<div class="rule-wrap">
 				<img class="rule-img" src="../static/img/exchangePhoneActivity/rule.png">
+				<div class="rule-list">
+					<div class="rule-point">1、本次活动奖励为赠送云机和折扣券,奖励内容为千人千面;</div>
+					<div class="rule-point">2、折扣券为限时折扣券,请注意使用时间;</div>
+					<div class="rule-point">3、折扣券适配全部机型,同一账号仅可获得一种类型礼包;</div>
+					<div class="rule-point">4、所填写的手机号码,若未注册双子星将默认自动注册双子星账号。</div>
+				</div>
 			</div>
 		</div>
 		<div class="rule-mask">
@@ -70,12 +85,7 @@
 						<div class="rule-text">活动规则</div>
 						<img class="rule-close" src="../static/img/exchangePhoneActivity/rule-close.png">
 					</div>
-					<div class="rule-list">
-						<div class="rule-point">1.活动期间,通过本页面/QQ钱包渠道首次新注册的用户可获得3天双子星云手机兑换激活码,已注册用户无法领取;</div>
-						<div class="rule-point">2.云手机领取方式为激活码兑换,已领取兑换激活码的用户,可下载【双子星APP】,在APP内【我的】界面,选择【激活码】输入激活码进行兑换;</div>
-						<div class="rule-point">3.用户如果使用外挂、作弊器以及其他不正当的方式参加本活动的,双子星官方有权收回您非法获得的全部礼品,并就相关行为给予处罚;</div>
-						<div class="rule-point">4.双子星官方对活动具有最终解释权。</div>
-					</div>
+					
 				</div>
 			</div>
 		</div>
@@ -179,6 +189,10 @@
 				}
 			});
 		}
+		//点击下拉框选择
+		$('.selectNode')[0].addEventListener('click',() => {
+			$('.select-wrap').eq(0).css('opacity', '1');
+		})
 		//点击立即领取按钮
 		$('.btns')[0].addEventListener('click',() => {
 			let phone = $('.phone-ipt').eq(0).val();