Skip to content

S
SURPRISED
Commit 01148dfa authored by 罗超's avatar 罗超
Browse files
Options

修改了部分样式问题

parent 52178997
Show whitespace changes
Inline Side-by-side
Showing with 122 additions and 12 deletions
html/annualMeeting/AnnuaLmeetingHome.html
View file @ 01148dfa
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
$("input").on("blur",function(){ $("input").on("blur",function(){
window.scroll(0,0);//失焦后强制让页面归位 window.scroll(0,0);//失焦后强制让页面归位
}); });
var conn = $.hubConnection("http://192.168.2.66:7838/signalr", { var conn = $.hubConnection("http://localhost:7838/signalr", {
qs: `i=${customerId}&n=${EmName}&p=${encodeURIComponent(imgUrl)}` qs: `i=${customerId}&n=${EmName}&p=${encodeURIComponent(imgUrl)}`
}); });
var proxy = conn.createHubProxy("annualLeaveHub"); var proxy = conn.createHubProxy("annualLeaveHub");
......
html/annualMeeting/Money.html
View file @ 01148dfa
...@@ -9,11 +9,24 @@ ...@@ -9,11 +9,24 @@
<meta name="x5-fullscreen" content="true"> <meta name="x5-fullscreen" content="true">
<meta name="360-fullscreen" content="true"> <meta name="360-fullscreen" content="true">
<link rel="stylesheet" href="css/money.css" type="text/css" /> <link rel="stylesheet" href="css/money.css" type="text/css" />
<title>疯狂数钞票</title> <title>疯狂数钞票</title>
</head> </head>
<body style="height: 100%;overflow: hidden;width: 100%;position: fixed;"> <body style="height: 100%;overflow: hidden;width: 100%;position: fixed;">
<audio src="video/welcom_money.mp3" autoplay></audio> <audio src="video/welcom_money.mp3" autoplay></audio>
<div class="money_count"> <div class="money_count">
<div class="useropera">
<div class="content-opt-title">
<button type="button" class="home" id="back_ico"></button>
<span class="title">疯狂数钞票</span>
<button type="button" class="rank" id="rankBtn"></button>
</div>
</div>
<div class="score">分数：<span id="my_score">0</span> 分</div>
<div class="timer">
倒计时：<span id="time">0</span>
<img class="ico" src="img/money/timer.png"/>
</div>
<div class="reg_bag" style='background-image: url("img/money/red_bag.png")'></div> <div class="reg_bag" style='background-image: url("img/money/red_bag.png")'></div>
<div class="money_box"> <div class="money_box">
<img src="img/money/money.png" alt=""/> <img src="img/money/money.png" alt=""/>
...@@ -25,12 +38,12 @@ ...@@ -25,12 +38,12 @@
<!-- <input type="button" value="开始" id="Start" style="z-index:9999;position: fixed;top:0;"> <!-- <input type="button" value="开始" id="Start" style="z-index:9999;position: fixed;top:0;">
<input type="button" value="重置" id="reset" style="z-index:9999;position: fixed;top:0;left:40px;"> --> <input type="button" value="重置" id="reset" style="z-index:9999;position: fixed;top:0;left:40px;"> -->
<div class="time"> <!-- <div class="time">
<div class="time-txt">倒计时</div> <div class="time-txt">倒计时</div>
<span> <span>
<span id="time">0</span>秒 <span id="time">0</span>秒
</span> </span>
</div> </div> -->
<div class="tipsDiv">保存体力，等待开始</div> <div class="tipsDiv">保存体力，等待开始</div>
<div class="circleCount">3</div> <div class="circleCount">3</div>
</div> </div>
...@@ -38,10 +51,10 @@ ...@@ -38,10 +51,10 @@
<div class="arrow"></div> <div class="arrow"></div>
<div class="hand"></div> <div class="hand"></div>
</div> </div>
<div class="opt"> <!-- <div class="opt">
<div class="back_ico" id="back_ico"></div> <div class="back_ico" id="back_ico"></div>
<div class="rank_ico" id="rankBtn"></div> <div class="rank_ico" id="rankBtn"></div>
</div> </div> -->
<div class="rank_mask" id="smm"> <div class="rank_mask" id="smm">
<div style="height:3rem"></div> <div style="height:3rem"></div>
<div class="close" id="closeBtn"></div> <div class="close" id="closeBtn"></div>
...@@ -85,11 +98,12 @@ ...@@ -85,11 +98,12 @@
let isWinning=false; let isWinning=false;
function getMyRank(){ function getMyRank(){
proxy.invoke('GetUserRank','Money').done(r=>{ proxy.invoke('GetUserRank','Money').done(r=>{
if(r!=-1){ if(r.r!=-1){
$('#myTop').html(r); $('#myTop').html(r);
}else{ }else{
$('#myTop').html('未上榜'); $('#myTop').html('未上榜');
} }
$('#my_score').html(r.s);
}) })
} }
function GetStatus(){ function GetStatus(){
...@@ -208,6 +222,8 @@ ...@@ -208,6 +222,8 @@
}); });
} }
$("#rankBox").html("");
$("#my_score").html("0");
}else if(data.status==-1){ }else if(data.status==-1){
window.clearInterval(clock); window.clearInterval(clock);
clock=null; clock=null;
...@@ -302,6 +318,7 @@ ...@@ -302,6 +318,7 @@
i+=100; i+=100;
proxy.invoke("SetGameScore","Money", 100).done(msg => { proxy.invoke("SetGameScore","Money", 100).done(msg => {
// dosomething // dosomething
$("#my_score").html(msg)
}); });
//$(".money_add span").html("￥"+i) //$(".money_add span").html("￥"+i)
......
html/annualMeeting/css/money.css
View file @ 01148dfa
...@@ -51,16 +51,106 @@ body { ...@@ -51,16 +51,106 @@ body {
* { * {
touch-action: pan-y touch-action: pan-y
} }
@font-face {
font-family: "PingFangR";
src: url("../../../fonts/Semibold.eot"); /* IE9 */
src: url("../../../fonts/Semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("../../../fonts/Semibold.woff") format("woff"), /* chrome, firefox */
url("../../../fonts/Semibold.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
font-style: normal;
font-weight: normal;
}
.money_count { .money_count {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url(../img/money/money_bg.jpg) no-repeat center; background: url(../img/money/money_bg.jpg) #cf1523 no-repeat top center;
background-size: 100% auto; background-size: 100% auto;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
.money_count .score,
.money_count .timer{
position: absolute;
top:3.25rem;
left:1.25rem;
display: inline-block;
background: #5A0D66;
height: 1.9rem;
border-radius: 0.95rem;
padding: 0 0.8rem;
font-family: "pingfangR";
font-size: 1rem;
color: #FFFE01;
line-height: 1.9rem;
}
.money_count .timer{
left: initial;
right: 1.25rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.money_count .timer .ico{
position: absolute;
width: 1.166rem;
top: 0;
left: -0.583rem;
height: 1.9rem;
}
.money_count .useropera{
position: absolute;
top: -5px;
left: 0px;
right: 0px;
height: 3rem;
z-index: 99999999;
}
.money_count .useropera .content-opt-title{
width: 23.9rem;
height: 3rem;
margin: 0 auto;
background:url('../img/money/opt-title.png') no-repeat top center;
background-size:100%;
}
.money_count .useropera .content-opt-title .home{
margin-left: 2rem;
width: 2rem;
margin-top: 0.5rem;
height: 2rem;
background: url('../img/money/home.png') 100%;
background-size:100%;
float: left;
display: block;
border: none;
outline: none;
}
.money_count .useropera .content-opt-title .title{
width: calc(100% - 8.7rem);
text-align: center;
font-size: 1.5rem;
line-height: 3rem;
font-family: "pingfangR";
color: #FDD54B;
float: left;
display: block;
}
.money_count .useropera .content-opt-title .rank{
margin-right: 2rem;
width: 2rem;
margin-top: 0.5rem;
height: 2rem;
background: url('../img/money/rank.png') 100%;
background-size:100%;
float: left;
display: block;
border: none;
outline: none;
}
.money_count .useropera .content-opt-title::after{
display: block;
clear: both;
content: ' ';
}
.reg_bag { .reg_bag {
width: 86%; width: 86%;
height: 100%; height: 100%;
...@@ -95,8 +185,8 @@ body { ...@@ -95,8 +185,8 @@ body {
height: 60px; height: 60px;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
background: url(../img/money/gold.png) no-repeat center 0; background: url(../img/money/gold.png) no-repeat bottom center;
background-size: 100% auto; background-size: 100% 100%;
z-index: 502; z-index: 502;
pointer-events: none; pointer-events: none;
} }
...@@ -243,7 +333,8 @@ body { ...@@ -243,7 +333,8 @@ body {
.rank_mask .my_rank, .rank_mask .my_rank,
.rank_mask .my_money { .rank_mask .my_money {
font-size: 2rem; font-size: 2rem;
font-weight: bold; /* font-weight: bold; */
font-family: "pingfangR";
text-align: center; text-align: center;
height: 5.5rem; height: 5.5rem;
background: url(../img/money/rank_myFraction.png) no-repeat bottom center; background: url(../img/money/rank_myFraction.png) no-repeat bottom center;
...@@ -454,6 +545,7 @@ body { ...@@ -454,6 +545,7 @@ body {
border-left: 2px solid #ce7e61; border-left: 2px solid #ce7e61;
color: #c56a09; color: #c56a09;
font-weight: bold; font-weight: bold;
font-family: pingfangR;
} }
.rank_mask .rank-name { .rank_mask .rank-name {
...@@ -465,6 +557,7 @@ body { ...@@ -465,6 +557,7 @@ body {
white-space: nowrap; white-space: nowrap;
position: relative; position: relative;
top: 3px; top: 3px;
font-family: pingfangR;
} }
.rank_mask .rank-row img { .rank_mask .rank-row img {
......
html/annualMeeting/img/money/gold.png
View replaced file @ 52178997 View file @ 01148dfa
html/annualMeeting/img/money/gold.png

7.19 KB | W: | H:

html/annualMeeting/img/money/gold.png

14.8 KB | W: | H:

html/annualMeeting/img/money/gold.png
html/annualMeeting/img/money/gold.png
html/annualMeeting/img/money/gold.png
html/annualMeeting/img/money/gold.png
  • 2-up
  • Swipe
  • Onion skin
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