Skip to content

S
SURPRISED
Commit 10a9a4c7 authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

1

parent c854b7e4
Show whitespace changes
Inline Side-by-side
Showing with 80 additions and 59 deletions
css/huikui.css
View file @ 10a9a4c7
...@@ -168,19 +168,7 @@ ...@@ -168,19 +168,7 @@
width: 100%; width: 100%;
} }
.page5 .danmu div{ .page5 .danmu div{
font-size: .14rem;
background:rgba(255,255,255,0.6);
border:2px solid rgba(226, 126, 110, 1);
border-radius:12px;
height: .2rem;
line-height: .2rem;
overflow: hidden;
color:#E27E6E;
padding: .01rem .04rem;
width: auto;
position:absolute;
left:0;
top:0;
} }
.page5 .page5_img{ .page5 .page5_img{
width: 80%; width: 80%;
...@@ -206,7 +194,7 @@ ...@@ -206,7 +194,7 @@
background-size: 100% 100%; background-size: 100% 100%;
} }
.page6 #xianluEchart, .page6 #nianlingEchart{ .page6 #xianluEchart, .page6 #nianlingEchart{
padding-top: 0.2rem; padding-top: 0.15rem;
} }
.page7 .page7_img, .page8 .page8_img{ .page7 .page7_img, .page8 .page8_img{
width: 100%; width: 100%;
...@@ -233,6 +221,9 @@ ...@@ -233,6 +221,9 @@
.page9 .shuoming{ .page9 .shuoming{
width: 90%; width: 90%;
margin: 0 auto; margin: 0 auto;
position: absolute;
left: 5%;
bottom: .1rem;
} }
.page9 .shuoming .shuoming_box{ .page9 .shuoming .shuoming_box{
width: 100%; width: 100%;
...@@ -373,3 +364,30 @@ ...@@ -373,3 +364,30 @@
.rule{ .rule{
color: #647DE4; color: #647DE4;
} }
#danmu .list {
font-size: .14rem;
background:rgba(255,255,255,0.6);
border:2px solid rgba(226, 126, 110, 1);
border-radius:12px;
height: .2rem;
line-height: .2rem;
overflow: hidden;
color:#E27E6E;
padding: .01rem .04rem;
position:absolute;
-webkit-transition: -webkit-transform 100s linear;
-moz-transition: -moz-transform 100s linear;
-o-transition: -o-transform 100s linear;
transition: transform 100s linear;
z-index: 999;
left: 100%;
white-space: nowrap;
}
/*此处弹幕的移动动画，使用transform不会引起页面的重绘，性能更好*/
#danmu .list.animate {
-webkit-transform: translateX(-9920px);
-moz-transform: translateX(-9920px);
-ms-transform: translateX(-9920px);
-o-transform: translateX(-9920px);
transform: translateX(-9920px);
}
\ No newline at end of file
html/billPage.html
View file @ 10a9a4c7
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<meta content="yes" name="mobile-web-app-capable"> <meta content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="yes" name="apple-mobile-web-app-capable" />
<meta http-equiv="Cache-Control" content="no-siteapp" /> <meta http-equiv="Cache-Control" content="no-siteapp" />
<title>回馈</title> <title>印象之旅2019年底大红包</title>
<link rel="stylesheet" href="../css/animate.css"> <link rel="stylesheet" href="../css/animate.css">
<link rel="stylesheet" href="../css/cssReset.css"> <link rel="stylesheet" href="../css/cssReset.css">
<script type="text/javascript" src="../js/autosize2.js"></script> <script type="text/javascript" src="../js/autosize2.js"></script>
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
<p><span class="red" id="year"></span>年<span class="red" id="month"></span>月<span class="red" id="day"></span>日</p> <p><span class="red" id="year"></span>年<span class="red" id="month"></span>月<span class="red" id="day"></span>日</p>
<p>成为印象同行</p> <p>成为印象同行</p>
<div> <div>
<p>由<span id="CreateBy"></span>销售经理录入</p> <p>由销售经理<span id="CreateBy" class="red"></span>录入</p>
<p>您的资料</p> <p>您的资料</p>
<p>正式成为印象会员同行</p> <p>正式成为印象会员同行</p>
</div> </div>
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
<div class="content"> <div class="content">
<p><span class="red year4"></span>年</p> <p><span class="red year4"></span>年</p>
<p class="margint-20">您累计交客<span class="num3 font-c04-s3" id="renshu"></span>人</p> <p class="margint-20">您累计交客<span class="num3 font-c04-s3" id="renshu"></span>人</p>
<p class="margint-20">交易额累计<span class="num3 font-c04-s3" id="jiaoyie"></span>万</p> <p class="margint-20">交易额累计<span class="num3 font-c04-s3" id="jiaoyie"></span>.<span class="num3 font-c04-s3" id="jiaoyie2"></span> 万</p>
<p class="margint-20">感恩您对印象之旅的大力支持与信任</p> <p class="margint-20">感恩您对印象之旅的大力支持与信任</p>
</div> </div>
<div class="page4_shiz" > <div class="page4_shiz" >
...@@ -209,6 +209,7 @@ ...@@ -209,6 +209,7 @@
<script type="text/javascript" src="../js/md5.js"></script> <script type="text/javascript" src="../js/md5.js"></script>
<script type="text/javascript" src="../js/mian.js"></script> <script type="text/javascript" src="../js/mian.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script> <script type="text/javascript" src="../js/layer/layer.js"></script>
<script type="text/javascript" src="../js/barrageWall.js?v=10086"></script>
<script type="text/javascript"> <script type="text/javascript">
var userInfo = { var userInfo = {
customerId: 0, customerId: 0,
...@@ -218,10 +219,11 @@ ...@@ -218,10 +219,11 @@
$(".tanchuang").hide() $(".tanchuang").hide()
// 1 判断地址栏是否有参数 // 1 判断地址栏是否有参数
var billPage = localStorage.billPage ? JSON.parse(localStorage.billPage) : '' var billPage = localStorage.billPage ? JSON.parse(localStorage.billPage) : ''
var newPageIndex = localStorage.newPageIndex ? localStorage.newPageIndex : 0,
maxPageIndex = 9;
if(window.location.href.split('?')[1]){ if(window.location.href.split('?')[1]){
let param = window.location.href.split('?')[1].split("&") ? window.location.href.split('?')[1].split("&") : null; let param = window.location.href.split('?')[1].split("&") ? window.location.href.split('?')[1].split("&") : null;
userInfo.customerId = param ? param[1].split('=')[1] : 0; userInfo.customerId = param ? param[0].split('=')[1] : 0;
userInfo.token = param ? param[2].split('=')[1] : 0; userInfo.token = param ? param[2].split('=')[1] : 0;
userInfo.secretKey = param ? param[3].split('=')[1] : 0; userInfo.secretKey = param ? param[3].split('=')[1] : 0;
let userJson = JSON.stringify(userInfo); let userJson = JSON.stringify(userInfo);
...@@ -243,10 +245,15 @@ ...@@ -243,10 +245,15 @@
let customerId = param[0].split('=')[1]; let customerId = param[0].split('=')[1];
var myChart1 = echarts.init(document.getElementById('xianluEchart')); var myChart1 = echarts.init(document.getElementById('xianluEchart'));
var myChart2 = echarts.init(document.getElementById('nianlingEchart')); var myChart2 = echarts.init(document.getElementById('nianlingEchart'));
var option = {
container: "#danmu",//弹幕墙的id
barrageLen: 5//弹幕的行数
}
barrageWall.init(option);//初始化弹幕墙
getData(); getData();
function getData(){ function getData(){
let msg = { let msg = {
customerId: userInfo.customerId, customerId: 9141,
} }
$.ajax({ $.ajax({
type: "POST", type: "POST",
...@@ -278,6 +285,10 @@ ...@@ -278,6 +285,10 @@
$(".dingdany").show() $(".dingdany").show()
$(".dingdann").hide() $(".dingdann").hide()
} }
if (newPageIndex > 0) {
$("#page9 #dahongbao").animateNumber({ number: dataObj.yearTotalPrice}, 2000)
document.getElementById('wrap2').style.transform = 'translateY(' + (-(newPageIndex-1) * 10) + '%)'; //根据手指的位置移动页面
}
// 弹幕 // 弹幕
var danmu=document.getElementById('danmu'); var danmu=document.getElementById('danmu');
var winH=danmu.clientHeight; var winH=danmu.clientHeight;
...@@ -368,6 +379,10 @@ ...@@ -368,6 +379,10 @@
}; };
//touchEnd //touchEnd
var touchend = function(event) { var touchend = function(event) {
if (n == 8) {
localStorage.newPageIndex = maxPageIndex
}
//位移小于+-50的不翻页 //位移小于+-50的不翻页
if(moveY < -50) n++; if(moveY < -50) n++;
if(moveY > 50) n--; if(moveY > 50) n--;
...@@ -396,7 +411,9 @@ ...@@ -396,7 +411,9 @@
if(dataObj.TotalPrice == '0') { if(dataObj.TotalPrice == '0') {
$("#page" + (n+1) + " #jiaoyie").text('-'); $("#page" + (n+1) + " #jiaoyie").text('-');
} else { } else {
$("#page" + (n+1) + " #jiaoyie").animateNumber({ number: dataObj.TotalPrice }, 2000); var TotalPrice = (parseInt(dataObj.TotalPrice) / 10000).toFixed(2)
$("#page" + (n+1) + " #jiaoyie").animateNumber({ number: TotalPrice.split('.')[0] }, 2000);
$("#page" + (n+1) + " #jiaoyie2").animateNumber({ number: TotalPrice.split('.')[1] }, 2000);
} }
$("#page" + (n+1) + " .year" + (n+1)).text(dataObj.Year) $("#page" + (n+1) + " .year" + (n+1)).text(dataObj.Year)
$("#page" + (n+1) + " .year" + (n+1)).text(dataObj.Year) $("#page" + (n+1) + " .year" + (n+1)).text(dataObj.Year)
...@@ -415,6 +432,15 @@ ...@@ -415,6 +432,15 @@
$("#page" + (n+1) + " #Company").animateNumber({ number: 17}, 2000) $("#page" + (n+1) + " #Company").animateNumber({ number: 17}, 2000)
$("#page" + (n+1) + " #allTH").animateNumber({ number: 14100}, 2000) $("#page" + (n+1) + " #allTH").animateNumber({ number: 14100}, 2000)
$("#page" + (n+1) + " #dahongbao").animateNumber({ number: dataObj.yearTotalPrice}, 2000) $("#page" + (n+1) + " #dahongbao").animateNumber({ number: dataObj.yearTotalPrice}, 2000)
clearInterval(timer2)
timer2 = null
$("#danmu").html('')
barrageWall.init(option);//初始化弹幕墙
if (n == 4 && timer2 == null) {
timer2 = setInterval(function(){
createDM();
},2000);
}
} }
if (n == 0) { if (n == 0) {
$("#fan-up").hide() $("#fan-up").hide()
...@@ -455,47 +481,17 @@ ...@@ -455,47 +481,17 @@
pages({ pages({
wrap: 'wrap', //.wrap的id wrap: 'wrap', //.wrap的id
wrap2: 'wrap2', //.wrap2的id wrap2: 'wrap2', //.wrap2的id
len: 9, //一共有几页 len: maxPageIndex, //一共有几页
n: 0 //页面一打开默认在第几页？第一页就是0，第二页就是1 n: newPageIndex //页面一打开默认在第几页？第一页就是0，第二页就是1
}); });
// insert(); // insert();
var timer2=setInterval(function(){ var timer2 = setInterval(function(){
createDM(); createDM();
},2000); },2000);
function createDM(){ function createDM(){
if (!TextContentList.length) return if (!TextContentList.length) return
var randomS=Math.floor(Math.random()*TextContentList.length); var randomS=Math.floor(Math.random()*TextContentList.length);
var newli=document.createElement('div'); barrageWall.upWall('', TextContentList[randomS].TextContent, '');
newli.innerHTML= TextContentList[randomS].TextContent;
newli.className='newli';
var newliL=danmu.clientWidth;
newli.style.left=newliL +'px';
if (danmuIndex == 0) {
newliT = '.1rem'
danmuIndex = 1
} else if (danmuIndex == 1){
newliT = '.6rem'
danmuIndex = 2
} else if (danmuIndex == 2){
newliT = '1.1rem'
danmuIndex = 0
}
newli.style.top= newliT;
danmu.appendChild(newli);
move(newli);
}
function move(obj){
var timer1=setInterval(function(){
// var danmu=document.getElementById('danmu');
var newliW=obj.clientWidth;
var run=obj.offsetLeft;
run--;
if (run<=-newliW) {
danmu.removeChild(obj);
clearInterval(timer1);
}
obj.style.left=run +'px';
}, 20)
} }
function creatEchart(Datas){ function creatEchart(Datas){
var option = { var option = {
...@@ -1094,7 +1090,14 @@ ...@@ -1094,7 +1090,14 @@
window.location.href = 'rule.html'; window.location.href = 'rule.html';
} }
function goRed(){ function goRed(){
let time1 = new Date(Date.parse(new Date()));
let time2 = new Date(Date.parse('2020-01-02 10:00:00'));
if (time1 > time2) {
window.location.href = 'openRedPacket.html'; window.location.href = 'openRedPacket.html';
} else {
layer.msg('感谢您的关注<br>请于2020-01-02 10:00:00再来打开红包~')
}
} }
</script> </script>
</body> </body>
......
html/openRedPacket.html
View file @ 10a9a4c7
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<meta content="yes" name="mobile-web-app-capable"> <meta content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="yes" name="apple-mobile-web-app-capable" />
<meta http-equiv="Cache-Control" content="no-siteapp" /> <meta http-equiv="Cache-Control" content="no-siteapp" />
<title>年底大红包</title> <title>印象之旅2019年底大红包</title>
<script type="text/javascript" src="../js/autosize2.js"></script> <script type="text/javascript" src="../js/autosize2.js"></script>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script> <script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
......
js/mian.js
View file @ 10a9a4c7
...@@ -2,8 +2,8 @@ let locationName = window.location.hostname; ...@@ -2,8 +2,8 @@ let locationName = window.location.hostname;
function getApiUrl() { function getApiUrl() {
let url = { let url = {
// urlPost: "https://reborn.oytour.com/api/common/post", urlPost: "https://reborn.oytour.com/api/common/post",
urlPost: locationName.indexOf('oytour') !== -1 ? "http://reborn.oytour.com/api/common/post" : "http://192.168.2.65:8025/api/common/post", // urlPost: locationName.indexOf('oytour') !== -1 ? "https://reborn.oytour.com/api/common/post" : "http://192.168.2.65:8025/api/common/post",
//urlJava: locationName.indexOf('oytour') !== -1 ? "https://efficient.oytour.com/" : "http://192.168.2.215:9000/" //urlJava: locationName.indexOf('oytour') !== -1 ? "https://efficient.oytour.com/" : "http://192.168.2.215:9000/"
urlJava: "https://efficient.oytour.com/" urlJava: "https://efficient.oytour.com/"
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment