Skip to content

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

修改了部分样式问题

parent 52178997
Hide whitespace changes
Inline Side-by-side
Showing with 122 additions and 12 deletions
html/annualMeeting/AnnuaLmeetingHome.html
View file @ 01148dfa
......@@ -132,7 +132,7 @@
$("input").on("blur",function(){
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)}`
});
var proxy = conn.createHubProxy("annualLeaveHub");
......
html/annualMeeting/Money.html
View file @ 01148dfa
......@@ -9,11 +9,24 @@
<meta name="x5-fullscreen" content="true">
<meta name="360-fullscreen" content="true">
<link rel="stylesheet" href="css/money.css" type="text/css" />
<title>疯狂数钞票</title>
</head>
<body style="height: 100%;overflow: hidden;width: 100%;position: fixed;">
<audio src="video/welcom_money.mp3" autoplay></audio>
<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="money_box">
<img src="img/money/money.png" alt=""/>
......@@ -25,12 +38,12 @@
<!-- <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;"> -->
<div class="time">
<!-- <div class="time">
<div class="time-txt">倒计时</div>
<span>
<span id="time">0</span>秒
</span>
</div>
</div> -->
<div class="tipsDiv">保存体力，等待开始</div>
<div class="circleCount">3</div>
</div>
......@@ -38,10 +51,10 @@
<div class="arrow"></div>
<div class="hand"></div>
</div>
<div class="opt">
<!-- <div class="opt">
<div class="back_ico" id="back_ico"></div>
<div class="rank_ico" id="rankBtn"></div>
</div>
</div> -->
<div class="rank_mask" id="smm">
<div style="height:3rem"></div>
<div class="close" id="closeBtn"></div>
......@@ -85,11 +98,12 @@
let isWinning=false;
function getMyRank(){
proxy.invoke('GetUserRank','Money').done(r=>{
if(r!=-1){
if(r.r!=-1){
$('#myTop').html(r);
}else{
$('#myTop').html('未上榜');
}
$('#my_score').html(r.s);
})
}
function GetStatus(){
......@@ -208,6 +222,8 @@
});
}
$("#rankBox").html("");
$("#my_score").html("0");
}else if(data.status==-1){
window.clearInterval(clock);
clock=null;
......@@ -302,6 +318,7 @@
i+=100;
proxy.invoke("SetGameScore","Money", 100).done(msg => {
// dosomething
$("#my_score").html(msg)
});
//$(".money_add span").html("￥"+i)
......
html/annualMeeting/css/money.css
View file @ 01148dfa
......@@ -51,16 +51,106 @@ body {
* {
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 {
width: 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;
position: relative;
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 {
width: 86%;
height: 100%;
......@@ -95,8 +185,8 @@ body {
height: 60px;
position: absolute;
bottom: 0;
background: url(../img/money/gold.png) no-repeat center 0;
background-size: 100% auto;
background: url(../img/money/gold.png) no-repeat bottom center;
background-size: 100% 100%;
z-index: 502;
pointer-events: none;
}
......@@ -243,7 +333,8 @@ body {
.rank_mask .my_rank,
.rank_mask .my_money {
font-size: 2rem;
font-weight: bold;
/* font-weight: bold; */
font-family: "pingfangR";
text-align: center;
height: 5.5rem;
background: url(../img/money/rank_myFraction.png) no-repeat bottom center;
......@@ -454,6 +545,7 @@ body {
border-left: 2px solid #ce7e61;
color: #c56a09;
font-weight: bold;
font-family: pingfangR;
}
.rank_mask .rank-name {
......@@ -465,6 +557,7 @@ body {
white-space: nowrap;
position: relative;
top: 3px;
font-family: pingfangR;
}
.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