|
@@ -9,7 +9,7 @@
|
|
|
var signature = {{.T.signature}};
|
|
|
var shareTitle = "{{.T.nickName}}在2016年{{.T.words}}";
|
|
|
var shareLink = "http://www.qimingxing.info/active/flop/share/{{.T.openid}}";
|
|
|
-var shareIcon = "http://www.qimingxing.info/images/flop/blessing.png";
|
|
|
+var shareIcon = "http://www.qimingxing.info/images/flop/min-blessing.png";
|
|
|
if(typeof(signature) != "undefined" && signature != null && signature.length == 4){
|
|
|
wx.config({
|
|
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
|
|
@@ -91,30 +91,29 @@ img{
|
|
|
display: none;
|
|
|
}
|
|
|
.cards>img{
|
|
|
- width: 212.5px;
|
|
|
- height: 240px;
|
|
|
+ width: 250px;
|
|
|
+ height: 282.4;
|
|
|
}
|
|
|
.flop-tip{
|
|
|
color: #a52f2e;
|
|
|
background-image: url("{{Msg "seo" "cdn"}}/images/flop/tip-bg.png");
|
|
|
background-size: 100% 100%;
|
|
|
position: absolute;
|
|
|
- width: 280px;
|
|
|
- line-height: 22px;
|
|
|
- left: 50%;
|
|
|
- margin-left: -145px;
|
|
|
+ left: 20px;
|
|
|
+ right: 20px;
|
|
|
+ max-width: 600px;
|
|
|
+ line-height: 20px;
|
|
|
display: none;
|
|
|
font-size:0.875em;
|
|
|
font-weight: bold;
|
|
|
text-align: center;
|
|
|
padding: 5px;
|
|
|
- margin-bottom: 10px;
|
|
|
display: none;
|
|
|
}
|
|
|
-.flop-tip>span{
|
|
|
+.flop-tip span{
|
|
|
margin-right: 3px;
|
|
|
}
|
|
|
-.flop-tip>font{
|
|
|
+.flop-tip font{
|
|
|
font-size: 0.75em;
|
|
|
font-weight: normal;
|
|
|
}
|
|
@@ -134,13 +133,14 @@ img{
|
|
|
background-size: 100% 100%;
|
|
|
position: absolute;
|
|
|
top: 30px;
|
|
|
- width: 280px;
|
|
|
- left: 50%;
|
|
|
- margin-left: -140px;
|
|
|
+ left: 20px;
|
|
|
+ right: 20px;
|
|
|
+ max-width: 600px;
|
|
|
text-align: center;
|
|
|
padding-top: 7px;
|
|
|
padding-bottom: 7px;
|
|
|
display: none;
|
|
|
+ font-size: 0.875em;
|
|
|
}
|
|
|
.flop-notice>span{
|
|
|
display: inline-block;
|
|
@@ -150,6 +150,10 @@ img{
|
|
|
text-overflow: ellipsis;
|
|
|
vertical-align: top;
|
|
|
}
|
|
|
+.flop-notice>div{
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
.flop-share{
|
|
|
position: absolute;
|
|
|
left: 0px;
|
|
@@ -190,17 +194,21 @@ ul{
|
|
|
}
|
|
|
.page-before{
|
|
|
background-image: url("{{Msg "seo" "cdn"}}/images/flop/bg-1.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position-x: center;
|
|
|
}
|
|
|
.page-after{
|
|
|
background-image: url("{{Msg "seo" "cdn"}}/images/flop/bg-2.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position-x: center;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
-<img src="{{Msg "seo" "cdn"}}/images/flop/bubble.png" class="bubble"{{if eq .T.flag 1}} style="display: none;"{{end}}>
|
|
|
+<img src="{{Msg "seo" "cdn"}}/images/flop/bubble.png" class="bubble"{{if ne .T.flag 2}} style="display: none;"{{end}}>
|
|
|
<div class="page{{if eq .T.flag 1}} page-before{{else}} page-after{{end}}">
|
|
|
<div class="flop-notice">
|
|
|
- <span>{{.T.nickName}}</span>,您的猴年福牌是:
|
|
|
+ <span>{{.T.nickName}}</span><div>,您的猴年福牌是:</div>
|
|
|
</div>
|
|
|
<div class="cards">
|
|
|
{{if eq .T.flag 1}}<img src="{{Msg "seo" "cdn"}}/images/flop/card.png">{{end}}
|
|
@@ -217,8 +225,9 @@ ul{
|
|
|
</div>
|
|
|
</div>
|
|
|
{{end}}
|
|
|
+ {{if eq .T.flag 1 2}}
|
|
|
<div class="flop-tip">
|
|
|
- 恭喜!你的企明星积分翻
|
|
|
+ 恭喜!您的企明星积分翻了
|
|
|
<span class="multiple">
|
|
|
{{if eq .T.flag 1}}
|
|
|
<ul class="random">
|
|
@@ -234,9 +243,12 @@ ul{
|
|
|
{{.T.multiple}}
|
|
|
{{end}}
|
|
|
</span>倍!<br>
|
|
|
- 您的积分已从{{.T.oldCredit}}分涨到{{.T.newCredit}}分。<br>
|
|
|
+ <div id="credit"{{if eq .T.flag 1}} style="display: none;"{{end}}>
|
|
|
+ 您的积分已从{{.T.oldCredit}}分涨到{{.T.newCredit}}分。
|
|
|
+ </div>
|
|
|
<font>积分明细请到企明星(www.qmx.top)查询!</font>
|
|
|
</div>
|
|
|
+ {{end}}
|
|
|
</div>
|
|
|
<script type="text/javascript">
|
|
|
if({{.T.IsOver}}){
|
|
@@ -245,20 +257,32 @@ if({{.T.IsOver}}){
|
|
|
$(function(){
|
|
|
var windowWidth = $(window).width();
|
|
|
var windowHeight = $(window).height();
|
|
|
+ var rate=((5/3)/(windowHeight/windowWidth))*100
|
|
|
+ if(rate>120){
|
|
|
+ rate=120
|
|
|
+ $(".page").css({"background-position-y":"-"+(rate/100*12)+"px"})
|
|
|
+ }else if(rate<100){
|
|
|
+ rate=100
|
|
|
+ }
|
|
|
+ $(".page").css({"background-size":"100% "+rate+"%"})
|
|
|
var defaultWidth = 320;
|
|
|
var defaultHeight = 416;
|
|
|
- var width = 212.5;
|
|
|
- var height = 240;
|
|
|
+ var width = 250; // 625 706
|
|
|
+ var height = 282.4;
|
|
|
var cardTop = 110;
|
|
|
var noticeTop = 70;
|
|
|
if(windowHeight > defaultHeight){
|
|
|
cardTop = cardTop / defaultHeight * windowHeight;
|
|
|
noticeTop = noticeTop / defaultHeight * windowHeight;
|
|
|
}
|
|
|
- if(windowWidth > defaultWidth && windowHeight > defaultHeight){
|
|
|
- width = width / defaultWidth * windowWidth;
|
|
|
- if(width > 350){//最大宽度350
|
|
|
- width = 350
|
|
|
+ if(windowHeight <= 460){
|
|
|
+ height = 240;
|
|
|
+ width = height / 706 * 625;
|
|
|
+ $(".cards>img").css({width: width,height: height});
|
|
|
+ }else if(windowHeight > defaultHeight){
|
|
|
+ width = windowWidth * 3 / 4;
|
|
|
+ if(width > 300){//最大宽度350
|
|
|
+ width = 300
|
|
|
}
|
|
|
height = width / 625 * 706;
|
|
|
$(".cards>img").css({width: width,height: height});
|
|
@@ -267,9 +291,9 @@ $(function(){
|
|
|
$(".flop-notice").css({top: noticeTop});
|
|
|
var flopTipTop = windowHeight - $(".cards").height() - cardTop - $(".flop-tip").height();
|
|
|
if(flopTipTop > 30 && flopTipTop < 40){
|
|
|
- $(".flop-tip").css({"line-height": "30px",top: $(".cards").height() + cardTop - 20});
|
|
|
+ $(".flop-tip").css({"line-height": "25px",top: $(".cards").height() + cardTop - 20});
|
|
|
}else if(flopTipTop > 40){
|
|
|
- $(".flop-tip").css({"line-height": "30px",top: $(".cards").height() + cardTop - 10});
|
|
|
+ $(".flop-tip").css({"line-height": "25px",top: $(".cards").height() + cardTop});
|
|
|
}else{
|
|
|
$(".flop-tip").css({top: $(".cards").height()+cardTop-20});
|
|
|
}
|
|
@@ -293,10 +317,11 @@ $(function(){
|
|
|
setTimeout(function(){
|
|
|
clearInterval(randomInterval);
|
|
|
$(".multiple").html({{.T.multiple}});
|
|
|
- },1000);
|
|
|
+ $("#credit").show();
|
|
|
+ },3000);
|
|
|
setTimeout(function(){
|
|
|
$(".bubble").fadeIn();
|
|
|
- },3000);
|
|
|
+ },6000);
|
|
|
$('.cards').children('img:first').stop().animate({'width':0},500,function(){
|
|
|
$(this).hide().next().show();
|
|
|
$(this).next().animate({'width':width+'px'},200);
|