Skip to content

S
SURPRISED
Commit 57638f8f authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

1

parent 70d54492
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1505 additions and 403 deletions
css/huikui.css
View file @ 57638f8f
......@@ -11,17 +11,26 @@
padding: 12.34% 0 0 0;
box-sizing: border-box;
background-color: #fff8f5;
position: relative;
}
.page .tit,.page .content,.page .tit2{
padding-left: 12.4%;
}
.fan{position: fixed;width: 100%;text-align: center;z-index: 2;}
.fan{
position: fixed;
width: 100%;
text-align: center;
z-index: 2;
}
.fan img{
width: .15rem;
}
.fan-up{
top: .2rem;
top: .1rem;
font-size: .16rem;
}
.fan-down{
bottom: .2rem;
bottom: .1rem;
font-size: .16rem;
}
.page .tit img{
......@@ -44,9 +53,10 @@
text-align: center;
color: white;
font-weight:bold;
-webkit-text-stroke:1px #A52924;
text-stroke:1px #A52924;
/* -webkit-text-stroke:1px #A52924;
text-stroke:1px #A52924; */
font-size: .15rem;
margin-bottom: .08rem;
}
.page1 .rili-box {
height: 2.5rem;
......@@ -57,7 +67,7 @@
margin: .3rem auto;
}
.page1 .rili-box>div{
padding: .6rem .4rem .4rem .4rem;
padding: .5rem .4rem .4rem .4rem;
transform: rotate(6deg);
-ms-transform: rotate(6deg);
-moz-transform: rotate(6deg);
......@@ -75,15 +85,18 @@
text-align: center;
color: #FFFFFF;
font-weight:bold;
-webkit-text-stroke:1px #A52924;
text-stroke:1px #A52924;
/* -webkit-text-stroke:1px #A52924; */
/* text-stroke:1px #A52924; */
}
.today_box{
position: relative;
}
.page1 .rili .today{
border: solid 2px #fff;
border-radius: 50%;
min-width: .21rem;
min-height: .21rem;
display: inline-block;
position: absolute;
left: -6px;
}
.page .font-c04-s3{
color: #C04843;
......@@ -187,4 +200,170 @@
background:url('../images/huikui/page6_nian.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
\ No newline at end of file
}
.page6 #xianluEchart, .page6 #nianlingEchart{
padding-top: 0.2rem;
}
.page7 .page7_img, .page8 .page8_img{
width: 100%;
}
.page7 .page7_img img,.page8 .page8_img img{
width: 100%;
}
.page9{
background:url('../images/huikui/bg2-img.png');
font-size:.12rem;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page9 .page9_img{
width: 96%;
/* width: 80%; */
margin: 0 auto;
}
.page9 .page9_img img{
width: 100%;
}
.page9 .shuoming{
width: 90%;
margin: 0 auto;
}
.page9 .shuoming .shuoming_box{
width: 100%;
background-color: rgba(255,255,255, .8);
border: 1px solid rgba(226, 126, 110, 1);
border-radius: .1rem;
padding: .1rem .15rem;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.page9 .shuoming .shuoming_box .tiaokuan{
height: 1rem;
overflow: auto;
}
.shuoming_box .more{
display: flex;
align-items: center;
color: #999999;
}
.shuoming_box .more img{
width: .1rem;
margin-left: .1rem;
}
.circleProgress_wrapper{
width: 200px;
height: 200px;
position: absolute;
zoom: 0.1;
left: -60px;
top: -10px;
}
.wrapper{
width: 100px;
height: 200px;
position: absolute;
top:0;
overflow: hidden;
}
.right{
right:0;
}
.left{
left:0;
}
.circleProgress{
width: 160px;
height: 160px;
border:20px solid rgb(255, 255, 255);
border-radius: 50%;
position: absolute;
top:0;
-webkit-transform: rotate(45deg);
}
.rightcircle{
border-top:20px solid rgb(255, 255, 255);
border-right:20px solid rgb(255, 255, 255);
right:0;
-webkit-animation: circleProgressLoad_right 1s linear 1;
}
.leftcircle{
border-bottom:20px solid rgb(255, 255, 255);
border-left:20px solid rgb(255, 255, 255);
left:0;
-webkit-animation: circleProgressLoad_left 1s linear 1;
}
@-webkit-keyframes circleProgressLoad_right{
0%{
border-top:20px solid #ED1A1A;
border-right:20px solid #ED1A1A;
-webkit-transform: rotate(45deg);
}
50%{
border-top:20px solid rgba(255, 255, 255, 0);
border-right:20px solid rgba(255, 255, 255, 0);
border-left:20px solid rgba(255, 255, 255, 1);
border-bottom:20px solid rgba(255, 255, 255, 1);
-webkit-transform: rotate(225deg);
}
100%{
border-left:20px solid rgb(255, 255, 255);
border-bottom:20px solid rgb(255, 255, 255);
-webkit-transform: rotate(225deg);
}
}
@-webkit-keyframes circleProgressLoad_left{
0%{
border-bottom:20px solid #ED1A1A;
border-left:20px solid #ED1A1A;
-webkit-transform: rotate(45deg);
}
50%{
border-top:20px solid rgba(255, 255, 255, 1);
border-right:20px solid rgba(255, 255, 255, 1);
border-left:20px solid rgba(255, 255, 255, 0);
border-bottom:20px solid rgba(255, 255, 255, 0);
-webkit-transform: rotate(45deg);
}
100%{
border-top:20px solid rgb(255, 255, 255);
border-right:20px solid rgb(255, 255, 255);
border-bottom:20px solid rgb(255, 255, 255);
border-left:20px solid rgb(255, 255, 255);
-webkit-transform: rotate(225deg);
}
}
.tanchuang{
position: absolute;
top: 6%;
left: 3.5%;
width: 93%;
background-color: rgba(255,255,255, 1);
border: 1px solid rgba(226, 126, 110, 1);
border-radius: .1rem;
padding: .1rem .15rem;
box-sizing: border-box;
}
.tanchuang .tit3{
text-align: center;
margin-bottom: .1rem;
}
.tanchuang img{
position: absolute;
right: .1rem;
width: .2rem;
font-size: .18rem;
font-family: 'PingFangR';
}
.tiaokuan{
color: #4E5870;
line-height: .2rem;
}
.jieshi{
padding: .1rem 0;
text-align: center;
}
.rule{
color: #647DE4;
}
\ No newline at end of file
html/billPage.html 0 → 100644
View file @ 57638f8f
This diff is collapsed.
html/ddddmoe.html 0 → 100644
View file @ 57638f8f
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>圆环运动</title>
<style>
.circleProgress_wrapper{
width: 200px;
height: 200px;
margin: 50px auto;
position: relative;
border:1px solid #ddd;
zoom: 0.1;
}
.wrapper{
width: 100px;
height: 200px;
position: absolute;
top:0;
overflow: hidden;
}
.right{
right:0;
}
.left{
left:0;
}
.circleProgress{
width: 160px;
height: 160px;
border:20px solid rgb(232, 232, 12);
border-radius: 50%;
position: absolute;
top:0;
-webkit-transform: rotate(45deg);
}
.rightcircle{
border-top:20px solid green;
border-right:20px solid green;
right:0;
-webkit-animation: circleProgressLoad_right 5s linear 1;
}
.leftcircle{
border-bottom:20px solid green;
border-left:20px solid green;
left:0;
-webkit-animation: circleProgressLoad_left 5s linear 1;
}
@-webkit-keyframes circleProgressLoad_right{
0%{
border-top:20px solid #ED1A1A;
border-right:20px solid #ED1A1A;
-webkit-transform: rotate(45deg);
}
50%{
border-top:20px solid rgb(232, 232, 12);
border-right:20px solid rgb(232, 232, 12);
border-left:20px solid rgb(81, 197, 81);
border-bottom:20px solid rgb(81, 197, 81);
-webkit-transform: rotate(225deg);
}
100%{
border-left:20px solid green;
border-bottom:20px solid green;
-webkit-transform: rotate(225deg);
}
}
@-webkit-keyframes circleProgressLoad_left{
0%{
border-bottom:20px solid #ED1A1A;
border-left:20px solid #ED1A1A;
-webkit-transform: rotate(45deg);
}
50%{
border-bottom:20px solid rgb(232, 232, 12);
border-left:20px solid rgb(232, 232, 12);
border-top:20px solid rgb(81, 197, 81);
border-right:20px solid rgb(81, 197, 81);
-webkit-transform: rotate(45deg);
}
100%{
border-top:20px solid green;
border-right:20px solid green;
border-bottom:20px solid green;
border-left:20px solid green;
-webkit-transform: rotate(225deg);
}
}
</style>
</head>
<body>
<div class="circleProgress_wrapper">
<div class="wrapper right">
<div class="circleProgress rightcircle"></div>
</div>
<div class="wrapper left">
<div class="circleProgress leftcircle"></div>
</div>
</div>
</body>
</html>
\ No newline at end of file
html/rule.html 0 → 100644
View file @ 57638f8f
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" />
<meta name="format-detection" content="telephone=no" />
<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>
<link rel="stylesheet" href="../css/animate.css">
<link rel="stylesheet" href="../css/cssReset.css">
<script type="text/javascript" src="../js/autosize2.js"></script>
<link rel="stylesheet" href="../css/huikui.css">
<style>
.rule-page{
width: 100%;
height: 100%;
background:url('../images/huikui/bg-img.png');
font-size:.12rem;
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 12.34% .2rem;
box-sizing: border-box;
font-family: 'PingFangR';
color: #475165;
}
.rule-page>p{
font-size: .18rem;
margin-bottom: .1rem;
}
.content-box .item{
padding-top: .1rem;
}
.content-box .item .progress-bg{
width: 100%;
background-color: #ebeef5;
position: relative;
border-radius: 10px;
height: .2rem;
margin-top: .05rem;
}
.content-box .item .progress-bg .progress-line{
position: absolute;
left: 0;
top: 0;
height: 100%;
background-color: #f56c6c;
text-align: right;
border-radius: 10px;
line-height: 1;
white-space: nowrap;
transition: width .6s ease;
}
</style>
</head>
<body>
<div class="rule-page">
<p>预计红包金额：<span class="red" id="price"></span></p >
<div class="content-box">
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script>
var dataObj = localStorage.dataObj ? JSON.parse(localStorage.dataObj) : ''
$("#price").text(dataObj.yearTotalPrice)
var CommissionRatioList = dataObj.CommissionRatioList
var html = ''
console.log(dataObj)
$.each(CommissionRatioList, function(index, item){
var width = 0
if (dataObj.TotalPrice/item.Money>1) {
width = 100
} else {
width = (dataObj.TotalPrice/item.Money)*100
}
if (item.ActivateState == 0) {
width = 0
}
if (item.ActivateState == 2) {
width = 100
}
html += ' <div class="item"> '+
' <p class="name">年交易额已达￥'+ item.Money +'返'+ item.Ratio +'‰</p> '+
' <div class="progress-bg"> ' +
' <div class="progress-line" style="width: '+ width +'%;"></div></div></div>'
})
$('.content-box').html(html)
</script>
</html>
\ No newline at end of file
html/testpage.html deleted 100644 → 0
View file @ 70d54492
This diff is collapsed.
js/mian.js
View file @ 57638f8f
......@@ -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 ? "http://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/"
}
......@@ -36,7 +36,7 @@ function clearLocalStorage() {
window.localStorage.removeItem('userInfo')
}
function getAjaxData(cmd, msg, tk) {
function getAjaxData(cmd, msg, tk, serKey) {
if (msg == null || msg == "") {
msg = {}
}
......@@ -47,6 +47,12 @@ function getAjaxData(cmd, msg, tk) {
token = getLocalStorage().token;
key = getLocalStorage().secretKey;
}
if (tk) {
token = tk
}
if (serKey) {
key = serKey
}
let encodeMsg = encodeURIComponent(JSON.stringify(msg)).toLowerCase();
let md5Str = hex_md5(`cmd=${cmd}&msg=${encodeMsg}&timestamp=${timestamp}&token=${token}&key=${key}`);
let postData = {
......
login.html
View file @ 57638f8f
......@@ -93,6 +93,10 @@
let phoneReg = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/;
let isSendCode = false;
let userInfo = getLocalStorage()
let isbillPage = false
if (window.location.href.split('?')[1] && window.location.href.split('?')[1] == "page=billPage") {
isbillPage = true
}
if (userInfo) {
window.location.href='html/ActivityList.html';
}
......@@ -232,9 +236,16 @@
layer.msg(res.message)
let userJson = JSON.stringify(res.data);
localStorage.userInfo = userJson;
setTimeout(function(){
window.location.href='html/ActivityList.html';
},500)
if(isbillPage){
localStorage.billPage = userJson;
setTimeout(function(){
window.location.href='html/billPage.html';
},500)
} else {
setTimeout(function(){
window.location.href='html/ActivityList.html';
},500)
}
} else {
layer.msg(res.message)
}
......
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