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 @@
width: 100%;
}
.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{
width: 80%;
......@@ -206,7 +194,7 @@
background-size: 100% 100%;
}
.page6 #xianluEchart, .page6 #nianlingEchart{
padding-top: 0.2rem;
padding-top: 0.15rem;
}
.page7 .page7_img, .page8 .page8_img{
width: 100%;
......@@ -233,6 +221,9 @@
.page9 .shuoming{
width: 90%;
margin: 0 auto;
position: absolute;
left: 5%;
bottom: .1rem;
}
.page9 .shuoming .shuoming_box{
width: 100%;
......@@ -373,3 +364,30 @@
.rule{
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 @@
<meta content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" />
<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/cssReset.css">
<script type="text/javascript" src="../js/autosize2.js"></script>
......@@ -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>成为印象同行</p>
<div>
<p>由<span id="CreateBy"></span>销售经理录入</p>
<p>由销售经理<span id="CreateBy" class="red"></span>录入</p>
<p>您的资料</p>
<p>正式成为印象会员同行</p>
</div>
......@@ -95,7 +95,7 @@
<div class="content">
<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="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>
</div>
<div class="page4_shiz" >
......@@ -209,6 +209,7 @@
<script type="text/javascript" src="../js/md5.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/barrageWall.js?v=10086"></script>
<script type="text/javascript">
var userInfo = {
customerId: 0,
......@@ -218,10 +219,11 @@
$(".tanchuang").hide()
// 1 判断地址栏是否有参数
var billPage = localStorage.billPage ? JSON.parse(localStorage.billPage) : ''
var newPageIndex = localStorage.newPageIndex ? localStorage.newPageIndex : 0,
maxPageIndex = 9;
if(window.location.href.split('?')[1]){
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.secretKey = param ? param[3].split('=')[1] : 0;
let userJson = JSON.stringify(userInfo);
......@@ -243,10 +245,15 @@
let customerId = param[0].split('=')[1];
var myChart1 = echarts.init(document.getElementById('xianluEchart'));
var myChart2 = echarts.init(document.getElementById('nianlingEchart'));
var option = {
container: "#danmu",//弹幕墙的id
barrageLen: 5//弹幕的行数
}
barrageWall.init(option);//初始化弹幕墙
getData();
function getData(){
let msg = {
customerId: userInfo.customerId,
customerId: 9141,
}
$.ajax({
type: "POST",
......@@ -278,6 +285,10 @@
$(".dingdany").show()
$(".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 winH=danmu.clientHeight;
......@@ -368,6 +379,10 @@
};
//touchEnd
var touchend = function(event) {
if (n == 8) {
localStorage.newPageIndex = maxPageIndex
}
//位移小于+-50的不翻页
if(moveY < -50) n++;
if(moveY > 50) n--;
......@@ -396,7 +411,9 @@
if(dataObj.TotalPrice == '0') {
$("#page" + (n+1) + " #jiaoyie").text('-');
} 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)
......@@ -415,6 +432,15 @@
$("#page" + (n+1) + " #Company").animateNumber({ number: 17}, 2000)
$("#page" + (n+1) + " #allTH").animateNumber({ number: 14100}, 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) {
$("#fan-up").hide()
......@@ -455,47 +481,17 @@
pages({
wrap: 'wrap', //.wrap的id
wrap2: 'wrap2', //.wrap2的id
len: 9, //一共有几页
n: 0 //页面一打开默认在第几页？第一页就是0，第二页就是1
len: maxPageIndex, //一共有几页
n: newPageIndex //页面一打开默认在第几页？第一页就是0，第二页就是1
});
// insert();
var timer2=setInterval(function(){
var timer2 = setInterval(function(){
createDM();
},2000);
function createDM(){
if (!TextContentList.length) return
var randomS=Math.floor(Math.random()*TextContentList.length);
var newli=document.createElement('div');
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)
barrageWall.upWall('', TextContentList[randomS].TextContent, '');
}
function creatEchart(Datas){
var option = {
......@@ -1094,7 +1090,14 @@
window.location.href = 'rule.html';
}
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';
} else {
layer.msg('感谢您的关注<br>请于2020-01-02 10:00:00再来打开红包~')
}
}
</script>
</body>
......
html/openRedPacket.html
View file @ 10a9a4c7
......@@ -7,7 +7,7 @@
<meta content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" />
<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/jquery-1.10.2.js"></script>
......
js/mian.js
View file @ 10a9a4c7
......@@ -2,8 +2,8 @@ let locationName = window.location.hostname;
function getApiUrl() {
let url = {
// 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: "https://reborn.oytour.com/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: "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