Commit cad88f17 authored by 华国豪's avatar 华国豪 🙄
parents 2a3f7951 9dff7650
......@@ -27,9 +27,11 @@
</div>
<div class="c_right" >
<div class="c_center">
</div>
<div class="c_right" >
</div>
......@@ -47,7 +49,7 @@
<div class="bar_input">
<input type="text" placeholder="发弹幕参与大屏互动">
</div>
<div class="send_btn" onclick="send()">
<div class="send_btn" onclick="sendMsg(1)">
<p>发送</p>
</div>
</div>
......@@ -63,6 +65,9 @@
<script type="text/javascript" src="../../js/layer/layer.js"></script>
<script>
$("input").on("blur",function(){
window.scroll(0,0);//失焦后强制让页面归位
});
var conn = $.hubConnection("http://192.168.2.66:7838/signalr", {
qs: `i=1951&n=张建国&p=${encodeURIComponent(
"http://imgfile.oytour.com/New/Upload/User/20191018150051176.png"
......@@ -74,30 +79,29 @@
}).fail(data => {});
getMsg()
function sendMsg(msg) {
proxy.invoke("SendBarrage", msg).done(data => {
function sendMsg(type) {
if(type ==1){
var value = $('.bar_input input').val();
if(value.length==0){
layer.msg('不能为空哦');
return
}
proxy.invoke("SendBarrage", value).done(data => {
layer.msg('发送成功');
});
}
function send() {
var value = $('.bar_input input').val();
if(value.length==0){
layer.msg('不能为空哦');
return
}
sendMsg(value)
}
function getMsg() {
//年会首页菜单
proxy.on("getMenus", function (data){
console.log(data)
$(".menu_view").remove()
var html="";
$.each(data, function(i,v) {//这里的函数参数是键值对的形式,k代表键名,v代表值
$.each(data, function(i,v) {
html+='<div class="menu_view" onclick="menu_btn('+data[i].Id+')">\n' +
' <img src="../../images/aM/menu@2x.png" alt="">\n' +
' <p>'+data[i].MName+'</p>\n' +
......@@ -106,9 +110,11 @@
$(".menu").append(html);
});
//节目单
proxy.on('getPrograms',function (data) {
programguides(data)
console.log(data)
programguides(data)
});
//嘉宾数量
......@@ -128,6 +134,7 @@
}
function programguides(data){
$(".right_box").remove()
$(".c_xian").remove()
$(".letf_box").remove()
var leftList = [];
var rightList = [];
......@@ -138,17 +145,18 @@
leftList.push(data[i])
}
}
var html_l="";
var html_c="";
var html_r="";
$.each(rightList, function(i,v) {//这里的函数参数是键值对的形式,k代表键名,v代表值
if(i==0){
html_l+='<div class="right_box" style="margin-top:0rem ">\n' +
html_l+='<div class="right_box" style="margin-top:0 ">\n' +
' <p class="time">'+rightList[i].StartTime+'</p>\n' +
' <div class="c_describe">\n' +
' <p>'+rightList[i].Title+'</p>\n' +
' <p>'+rightList[i].Performer+'</p>\n' +
' </div>\n' +
' <div class="yuan_r"></div>\n' +
' </div>'
}else {
html_l+='<div class="right_box" style="margin-top:0.75rem ">\n' +
......@@ -157,12 +165,18 @@
' <p>'+rightList[i].Title+'</p>\n' +
' <p>'+rightList[i].Performer+'</p>\n' +
' </div>\n' +
' <div class="yuan_r"></div>\n' +
' </div>'
}
});
$(".c_right").append(html_l);
$.each(data, function(i,v) {//这里的函数参数是键值对的形式,k代表键名,v代表值
html_c+=' <div class="c_xian">\n' +
' <div class="yuan"></div>\n' +
' <div class="yuan_x"></div>\n' +
' </div>'
});
$(".c_center").append(html_c);
$.each(leftList, function(i,v) {//这里的函数参数是键值对的形式,k代表键名,v代表值
html_r+='<div class="letf_box" style="margin-top: 0.75rem">\n' +
......@@ -173,7 +187,6 @@
' <p>'+leftList[i].Title+'</p>\n' +
' <p>'+leftList[i].Performer+'</p>\n' +
' </div>\n' +
' <div class="yuan_l"></div>\n' +
' </div>'
});
$(".c_left").append(html_r);
......
......@@ -40,6 +40,8 @@
<div class="hole-container">
<div class="hole" style="transform: translate(0.5rem, 0) scale(0.8, 0.8);">
<div class="mouse">
<!-- <img src="../../images/aM/dadao.png" alt="" class="yan">-->
<!-- <p class="show_score">500</p>-->
</div>
</div>
<div class="hole" style="transform: translate(1.5rem, 0) scale(0.8, 0.8);">
......@@ -85,10 +87,10 @@
<!-- 弹出的一层-->
<div class="status">
<p>游戏即将开始</p>
<p>保存体力,等待开始</p>
</div>
<div class="status1">
<p>保存体力,等待开始</p>
<p>游戏即将开始</p>
</div>
<div class="status2">
<p>抱歉!游戏正在进行中</p>
......@@ -98,7 +100,51 @@
</div>
<div class="circleCount">3</div>
<audio id="audio" src="img/game_running.mp3" autoplay="autoplay">
您的浏览器不支持audio标签
</audio>
<audio id="audio2" src="img/ready321go.mp3" autoplay="autoplay">
您的浏览器不支持audio标签
</audio>
<!-- 排行榜-->
<div class="rank_mask" id="rank_mask">
<div class="zhezao"></div>
<div class="rank_box">
<div class="rBox_top">
<p>排行榜</p>
</div>
<div class="rank_y">
<p>你的排名 第</p>
<p class="o_ranking">1</p>
<p></p>
</div>
<div class="rank_i">
</div>
<div class="Close"></div>
</div>
</div>
<!-- 中奖弹窗通知-->
<div class="rank_mask" id="notice">
<div class="zhezao"></div>
<div class="notice_box">
<img src="../../images/aM/all_d.png" alt="" class="notice_top">
<span>恭喜你中奖啦!</span>
<div class="notice_content">
<span>121212</span>
</div>
<div class="all_Receive">
<span>立即领取</span>
</div>
<div class="all_Close"></div>
</div>
</div>
</div>
......@@ -112,7 +158,10 @@
var status=0; //活动状态
var laoshudata = [];//老鼠数据
var audio=document.getElementById("audio");
var audio2=document.getElementById("audio2");
audio.play();
audio.loop=true;
var conn = $.hubConnection("http://192.168.2.66:7838/signalr", {
qs: `i=1755&n=大力哥&p=${encodeURIComponent(
......@@ -124,15 +173,18 @@
sendMsg();
sendScore();
joinGeme() //参加活动
ownranking();//自己排名
}).fail(data => {});
getMsg()
function sendMsg(msg,type) {
//0,未开始;1,准备中;2,进行中;-1,已结束 菜单状态
proxy.invoke("GetMenuStatus", 'Mouse').done(data => {
console.log(data)
getRankList(data.rank) //以往的排名
if(data.status==0){
$('.status').css({'display':'flex'});
$('.status1').css({'display':'none'});
......@@ -159,9 +211,6 @@
}
});
}
function sendScore(msg) {
proxy.invoke("SetGameScore", 'Mouse',msg).done(data => { //发送分数
......@@ -174,12 +223,21 @@
console.log(data)
});
}
function ownranking() {
proxy.invoke("GetUserRank", 'Mouse').done(data => {
console.log(data)
$('.o_ranking').html(data)
//显示统计窗口
$('#rank_mask').css('display','block');
});
}
function getMsg() {
//随时获取游戏的状态
proxy.on('getChangeMenu',function (data) {
console.log(data)
laoshudata = JSON.parse(data.data)
laoshudata = JSON.parse(data.data)
if(data.status==0){
$('.status').css({'display':'flex'});
$('.status1').css({'display':'none'});
......@@ -207,6 +265,10 @@
proxy.on('notifyMouseWinning',function (data) {
console.log(data)
})
proxy.on('notifyMouseGamerResult',function (data) {
getRankList(data)
})
}
// sort 是顺序,score分数,type -1鼠,2猪,location位置(出现在第几个洞),interval时间(与下一个间隔时间单位:毫秒)
......@@ -228,15 +290,25 @@
var wz = laoshudata[key].Location-1
if(laoshudata[key].Type == 1){
//创建img元素
$('.hole-container .hole:eq('+wz+') .mouse').append('<img src="../../images/aM/mouse.png" alt="">');
$('.hole-container .hole:eq('+wz+') .mouse img').animate({top:"0.05rem"},600);
$('.hole-container .hole:eq('+wz+') .mouse').append('<img src="../../images/aM/mouse.png" alt="" class="zoon">');
$('.hole-container .hole:eq('+wz+') .mouse img').animate({top:"0.02rem"},600);
//为老鼠的时候加100分
$('.hole-container .hole:eq('+wz+') .mouse img').click(function () {
$('.hole-container .hole:eq('+wz+') .mouse .zoon').click(function () {
if(laoshudata[key].noclick == 0) {
score = score + 100;
score = score + 500;
$('.score').html(score + '分')
sendScore(score)
$('.hole-container .hole:eq(' + wz + ') .mouse img').attr('src', '../../images/aM/dadao.png')
$('.hole-container .hole:eq(' + wz + ') .mouse .zoon').remove()
$('.hole-container .hole:eq('+wz+') .mouse').append('<img src="../../images/aM/dadao.png" alt="" class="yan">');
$('.hole-container .hole:eq('+wz+') .mouse').append('<p class="show_score"> +500 </p>');
setTimeout(function () {
$('.hole-container .hole:eq('+wz+') .mouse .yan').remove();
$('.hole-container .hole:eq('+wz+') .mouse .show_score').remove();
},300)
laoshudata[key].noclick=1
}
})
......@@ -249,14 +321,20 @@
}
if(laoshudata[key].Type == 2){
$('.hole-container .hole:eq('+wz+') .mouse').append('<img src="../../images/aM/pig.png" alt="">');
$('.hole-container .hole:eq('+wz+') .mouse img').animate({top:"0.05rem"},600);
$('.hole-container .hole:eq('+wz+') .mouse img').click(function () {
$('.hole-container .hole:eq('+wz+') .mouse').append('<img src="../../images/aM/pig.png" alt="" class="zoon>');
$('.hole-container .hole:eq('+wz+') .mouse img').animate({top:"0.02rem"},600);
$('.hole-container .hole:eq('+wz+') .mouse .zoon').click(function () {
if(laoshudata[key].noclick == 0){
score=score-50;
score=score- 100;
$('.score').html(score+ '分')
sendScore(score)
$('.hole-container .hole:eq('+wz+') .mouse img').attr('src','../../images/aM/dadao.png')
$('.hole-container .hole:eq(' + wz + ') .mouse .zoon').remove()
$('.hole-container .hole:eq('+wz+') .mouse').append('<img src="../../images/aM/dadao.png" alt="" class="yan">');
$('.hole-container .hole:eq('+wz+') .mouse').append('<p class="show_score">-100</p>');
setTimeout(function () {
$('.hole-container .hole:eq('+wz+') .mouse .yan').remove();
$('.hole-container .hole:eq('+wz+') .mouse .show_score').remove();
},300)
laoshudata[key].noclick=1
}
})
......@@ -273,6 +351,7 @@
}
function StartGame() {
audio2.play()
Count=3;
Count2=30;
$('.circleCount').css('display','block');
......@@ -305,13 +384,42 @@
window.clearInterval(clock);
window.clearInterval(timer1); //清除老鼠
sendScore(score)
//显示统计窗口
$('.rank_mask').css('display','block');
ownranking() //获取自己排名
}
}, 1000)
}
function getRankList(data){
$(".rank_i").empty()
var html = ''
$.each(data, function(i,v) {//这里的函数参数是键值对的形式,k代表键名,v代表值
html+='<div class="rank_item">\n' +
' <div class="rank_itemL">\n' +
' <div class="rank_num">'+data[i].r+'</div>\n' +
' <p>'+data[i].n+'</p>\n' +
' </div>\n' +
' <div class="rank_itemR">\n' +
' <div class="shuxi"></div>\n' +
' <p>'+data[i].s+'</p>\n' +
' </div>\n' +
' </div>'
});
$(".rank_i").append(html);
};
$('.Close').click(function () {
$('#rank_mask').css('display','none')
})
$('.ranging').click(function () {
$('#rank_mask').css('display','block')
})
$('.all_Close').click(function () {
$('#notice').css('display','none')
})
$('.return').click(function () {
//返回首页
})
</script>
</html>
......@@ -21,8 +21,8 @@
<div class="mask"></div>
<div class="gold"></div>
<div id="touchBox"></div>
<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="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-txt">倒计时</div>
......@@ -51,24 +51,87 @@
<div class="my_rank">
<p class="my_rankTop" style="padding:1.5rem 0 0.2rem 0">
<span class="my-rank-title">您当前排名为</span>&nbsp;&nbsp;
<span class="rank_myTop" id="myTop">1</span>&nbsp;&nbsp;
<span class="rank_myTop" id="myTop"></span>&nbsp;&nbsp;
</p>
</div>
<div class="rank" id="rankBox" style="height: 27rem;">
<div class="rank-row">
<span class="rank-num num1"></span>
<img src="img/money/back_ico.png"/>
<span class="rank-name">张三</span>
<span class="rank-score">10400</span>
</div>
</div>
<div class="rank" id="rankBox" style="height: 29rem;"></div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../../js/jquery-1.10.2.js"></script>
<script src="../../js/moveJs/jquery.signalR.min.js"></script>
<script>
let conn;
let proxy;
let status=0;
let clock=null;
function getMyRank(){
proxy.invoke('GetUserRank','Money').done(r=>{
if(r!=-1){
$('#myTop').html(r);
}else{
$('#myTop').html('未上榜');
}
})
}
function GetStatus(){
proxy.invoke("GetMenuStatus", "Money").done(m => {
if (m.status == -1) {
getMyRank();
proxy.invoke('GetGameResult','Money').done(d=>{
var html=''
if(d && d.length>0){
for (var i=0;i<d.length;i++) {
html+='<div class="rank-row"><span class="rank-num num'+(i+1)+'">'+(i>2?(i+1)+"":"")+'</span><img src="'+d[i].p+'"/>'
html+='<span class="rank-name">'+d[i].n+'</span><span class="rank-score">'+d[i].s+'</span></div>'
}
}
$("#rankBox").html(html);
$('.play_tips').css('display','none');
$('.tipsDiv').text('游戏已经结束咯');
//$('.rank_mask').css('display','block');
});
}else if(m.status==2){
$('.play_tips').css('display','none');
$('.tipsDiv').text('你来晚了,游戏已经开始了');
proxy.on("notifyGamerResult",function(d){
var html=''
if(d && d.length>0){
for (var i=0;i<d.length;i++) {
html+='<div class="rank-row"><span class="rank-num num'+(i+1)+'">'+(i>2?i+"":"")+'</span><img src="'+d[i].p+'"/>'
html+='<span class="rank-name">'+d[i].n+'</span><span class="rank-score">'+d[i].s+'</span></div>'
}
}
$("#rankBox").html(html);
getMyRank();
});
}
});
}
function initConnection(){
conn = $.hubConnection("http://localhost:7838/signalr", {
qs: `i=1951_Money&n=张建国&p=${encodeURIComponent(
"http://imgfile.oytour.com/Upload/User/636738107265395640.jpg"
)}`
});
proxy = conn.createHubProxy("annualLeaveHub");
conn.start().done(data => {
console.log('connection 链接成功');
GetStatus();
winning();
}).fail(data => {
console.log('链接失败:'+data)
});
}
function winning(){
proxy.on("notifyWinning",function(d){
alert("恭喜你中奖了:"+d);
})
}
this.initConnection()
$(function () {
var music=document.getElementById('music');
var money_en = $("body");
......@@ -77,7 +140,28 @@
var off =true;
var Count=3;
var Count2=30;
proxy.on("notifyGamerResult",function(d){
console.log(d)
var html=''
if(d && d.length>0){
for (var i=0;i<d.length;i++) {
html+='<div class="rank-row"><span class="rank-num num'+(i+1)+'">'+(i>2?i+"":"")+'</span><img src="'+d[i].p+'"/>'
html+='<span class="rank-name">'+d[i].n+'</span><span class="rank-score">'+d[i].s+'</span></div>'
}
}
$("#rankBox").html(html);
getMyRank();
});
// proxy.on("notifyGamerResult",function(d){
// var html=''
// if(d && d.length>0){
// for (var i=0;i<d.length;i++) {
// html+='<div class="rank-row"><span class="rank-num num'+(i+1)+'">'+(i>2?i+"":"")+'</span><img src="'+d[i].p+'"/>'
// html+='<span class="rank-name">'+d[i].n+'</span><span class="rank-score">'+d[i].s+'</span></div>'
// }
// }
// $("#rankBox").html(html);
// });
//点击关闭统计弹窗
$('.close').click(function(){
$('.rank_mask').css('display','none');
......@@ -86,15 +170,29 @@
$('#rankBtn').click(function(){
$('.rank_mask').css('display','block');
});
//模拟监听到再来一次重置事件
$("#reset").click(function(){
location.reload();
//StartGame();
});
//模拟监听到开始事件
$("#Start").click(function(){
StartGame();
});
proxy.on("getChangeMenu", function(data) {
if (data.code == "Money") {
if(data.status==2){
StartGame();
}else if(data.status==1){
//conn.disconnect();
//initConnection();
$('.play_tips').css('display','block');
$('.tipsDiv').text('保存体力,等待开始');
proxy.invoke('JoinGame','Money').done(data=>{
});
}else if(data.status==-1){
window.clearInterval(clock);
clock=null;
getMyRank();
//显示统计窗口
$('.rank_mask').css('display','block');
$('.play_tips').css('display','none');
$('.tipsDiv').text('游戏已经结束咯');
}
}
})
//游戏开始
function StartGame(){
//3秒倒计时
......@@ -104,13 +202,13 @@
$('.circleCount').css('display','block');
$('.tipsDiv').css('display','block');
$('.play_tips').css('display','none');
var clock = window.setInterval(function(){
var clockReady = window.setInterval(function(){
Count--;
$('.circleCount').html(Count);
if(Count==0){
$('.circleCount').css('display','none');
$('.tipsDiv').css('display','none');
window.clearInterval(clock);
window.clearInterval(clockReady);
Count30();
startMove();
}
......@@ -119,7 +217,7 @@
//30秒倒计时
function Count30(){
$("#time").html(30);
let clock = window.setInterval(function() {
clock = window.setInterval(function() {
Count2--;
$("#time").html(Count2);
if (Count2 === 0) {
......@@ -130,6 +228,8 @@
}, 1000)
}
function startMove(){
let startX=0;
let startY=0;
money_en.on("touchstart", function(e) {
if (e.cancelable) {
// 判断默认行为是否已经被禁用
......@@ -173,6 +273,10 @@
},400, function () {
$(this).remove();
i+=100;
proxy.invoke("SetGameScore","Money", 100).done(msg => {
// dosomething
});
//$(".money_add span").html("¥"+i)
});
setTimeout(function () {
......
......@@ -122,7 +122,7 @@ p{
}
.center{
width: 90%;
/*height: 50%;*/
height: 58%;
margin-left: 5%;
margin-top: 1rem;
display: flex;
......@@ -143,16 +143,30 @@ p{
overflow-x:hidden;
}
.c_left,.c_right{
width: 50%;
width: 48%;
}
.c_left{
display: flex;
.c_center{
width: 4%;
}
.c_xian{
width: 100%;
height: 0.74rem;
display: flex;
flex-direction: column;
align-items: center;
}
.c_right{
.yuan{
width: 0.08rem;
height: 0.08rem;
border-radius: 0.04rem;
background: #FDD54B;
}
.yuan_x{
width: 1px;
height: 0.67rem;
background: #FDD54B;
}
.time{
color: #FDD54B;
font-size: 0.12rem;
......@@ -176,24 +190,14 @@ p{
.right_box{
width: 100%;
height: 0.75rem;
border-left:1px solid #E88A36;
padding-left: 0.08rem;
position: relative;
}
.yuan_r{
width: 0.08rem;
height: 0.08rem;
border-radius: 0.04rem;
background: #FDD54B;
position: absolute;
left: -0.04rem;
top: 0;
}
.letf_box{
width: 100%;
height: 0.75rem;
border-right:1px solid #E88A36;
position: relative;
display: flex;
flex-direction: column;
......@@ -206,12 +210,4 @@ p{
align-items: center;
justify-content: flex-end;
}
.yuan_l{
width: 0.08rem;
height: 0.08rem;
border-radius: 0.04rem;
background: #FDD54B;
position: absolute;
right: -0.04rem;
top: 0;
}
......@@ -4,6 +4,8 @@ body {
padding: 0;
overflow-x: hidden;
height: 100%;
-webkit-overflow-scrolling: auto;
overflow-scrolling: auto
}
p{
margin: 0;
......@@ -119,18 +121,33 @@ li{
.mouse{
position: absolute;
width: 0.83rem;
height: 0.68rem;
height: 0.78rem;
overflow: hidden;
top:-0.5rem
top:-0.62rem;
}
.mouse img{
.mouse .zoon{
position: absolute;
width: 0.83rem;
height: 0.68rem;
top:0.65rem;
z-index: 100;
}
.mouse .yan{
position: absolute;
width: 0.23rem;
height: 0.35rem;
top:0.25rem;
left: 0.3rem;
z-index: 80;
}
.mouse .show_score{
color: #FFFE01;
font-size: 0.14rem;
position: absolute;
top:0;
left: 0.3rem;
}
.status{
width: 90%;
height: 0.45rem;
......@@ -239,6 +256,8 @@ li{
top:0;
width: 100%;height: 100%;
display: none;
align-items: center;
justify-content: center;
}
.zhezao{
width: 100%;height: 100%;
......@@ -271,6 +290,13 @@ li{
background-image: url('../../../images/aM/rank_top.png');
background-size: 100% 100%;
background-repeat: no-repeat;
display: flex;
justify-content: center;
}
.rBox_top p{
color: #FDD54B;
font-size: 0.18rem;
margin-top: 0.12rem;
}
.rank_y{
width: 80%;
......@@ -318,9 +344,7 @@ li{
background-size: 100% 100%;
background-repeat: no-repeat;
}
.rank_num p{
}
.rank_itemL p{
color: #B7540D;
font-size: 0.12rem;
......@@ -352,3 +376,75 @@ li{
background-size: 100% 100%;
background-repeat: no-repeat;
}
/*#notice{*/
/* display: flex;*/
/*}*/
.notice_box{
width: 2.8rem;
height: 2.6rem;
background-image: url('../../../images/aM/all_bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.notice_top{
width: 0.63rem;
height: 0.63rem;
margin-top: 0.28rem;
}
.notice_box span{
color: #893630;
font-size: 0.15rem;
margin-top: 0.2rem;
}
.notice_content{
width: 2.2rem;
height: 0.4rem;
border-radius: 0.08rem;
border: 1px solid #C8532B;
background: white;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.14rem;
}
.notice_content span{
width: 2rem;
text-overflow:ellipsis;
overflow: hidden;
margin-top: 0;
white-space:nowrap;
}
.all_Receive{
width: 1.5rem;
height: 0.27rem;
background: #F9CB3B;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.18rem;
border-radius: 0.135rem;
}
.all_Receive span{
color: #893630;
font-size: 0.13rem;
margin-top: 0;
}
.all_Close{
position: absolute;
left: 50%;
bottom: -0.5rem;
margin-left: -0.17rem;
width: 0.34rem;
height: 0.34rem;
background-image: url('../../../images/aM/close.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
......@@ -323,15 +323,15 @@ body {
background: url(../img/money/new-number1.png) no-repeat center;
background-size: contain;
}
/*.rank_mask .rank-num.num2 {*/
/*background: url("../img/mobile_img/rank_num2.png") no-repeat center;*/
/*background-size: contain;*/
/*}*/
.rank_mask .rank-num.num2 {
background: url("../img/mobile_img/rank_num2.png") no-repeat center;
background-size: contain;
}
/*.rank_mask .rank-num.num3 {*/
/*background: url("../img/mobile_img/rank_num3.png") no-repeat center;*/
/*background-size: contain;*/
/*}*/
.rank_mask .rank-num.num3 {
background: url("../img/mobile_img/rank_num3.png") no-repeat center;
background-size: contain;
}
.rank_mask .rank-num {
width: 22px;
height: 28px;
......@@ -380,6 +380,6 @@ body {
vertical-align: middle;
border-radius: 50%;
position: relative;
top: -3px;
margin-left: 4px;
top: -1px;
margin-left: 15px;
}
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