Skip to content

libai / footseen-large-website

Go to a project
Commit 0dbce04e by libai
Options

测试

parent 36739181
Inline Side-by-side
Showing with 103 additions and 0 deletions
mobile/room/css/liveRoom.css
...@@ -1810,3 +1810,37 @@ ...@@ -1810,3 +1810,37 @@
pointer-events: none; pointer-events: none;
display: none; display: none;
} }
.question-icon {
width: 0.5rem;
position: absolute;
top: 0.37rem;
left: 1.7rem;
}
.layer-list-tips1 {
display: none;
width: 8.4rem;
height: 9.28rem;
background: url(../images/layer-list-tips1.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.layer-list-tips1 > img {
width: 0.45rem;
position: absolute;
right: 0.35rem;
top: 0.35rem;
}
.layer-list-tips2 {
display: none;
width: 8.4rem;
height: 9.28rem;
background: url(../images/layer-list-tips2.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.layer-list-tips2 > img {
width: 0.45rem;
position: absolute;
right: 0.35rem;
top: 0.35rem;
}
mobile/room/css/liveRoom.less
...@@ -1864,4 +1864,38 @@ ...@@ -1864,4 +1864,38 @@
left: 5.5rem; left: 5.5rem;
pointer-events: none; pointer-events: none;
display: none; display: none;
}
.question-icon{
width: 0.5rem;
position: absolute;
top: 0.37rem;
left: 1.7rem;
}
.layer-list-tips1{
display: none;
width: 8.4rem;
height: 9.28rem;
background: url(../images/layer-list-tips1.png)no-repeat;
background-size: 100% 100%;
position: relative;
>img{
width: 0.45rem;
position: absolute;
right: 0.35rem;
top: 0.35rem;
}
}
.layer-list-tips2{
display: none;
width: 8.4rem;
height: 9.28rem;
background: url(../images/layer-list-tips2.png)no-repeat;
background-size: 100% 100%;
position: relative;
>img{
width: 0.45rem;
position: absolute;
right: 0.35rem;
top: 0.35rem;
}
} }
\ No newline at end of file
mobile/room/liveRoom.html
...@@ -73,6 +73,8 @@ ...@@ -73,6 +73,8 @@
</style> </style>
</head> </head>
<body style="background: rgb(153, 156, 166);overflow: hidden;font-size: 12px;"> <body style="background: rgb(153, 156, 166);overflow: hidden;font-size: 12px;">
<div class="layer-list-tips1"><img src="images/close-icon.png" alt=""></div>
<div class="layer-list-tips2"><img src="images/close-icon.png" alt=""></div>
<div class="sound-tips"></div> <div class="sound-tips"></div>
<div class="layer-ios"> <div class="layer-ios">
<div class="layer-ios-close"></div> <div class="layer-ios-close"></div>
...@@ -252,6 +254,7 @@ ...@@ -252,6 +254,7 @@
<div class="hot-list-layer"> <div class="hot-list-layer">
<div class="hot-list-layer-top"> <div class="hot-list-layer-top">
<div class="hot-list-top-text1">人氣榜</div> <div class="hot-list-top-text1">人氣榜</div>
<img class="question-icon" src="images/question-icon.png" alt="">
<!-- <div class="hot-list-top-text2">排名: <span>--</span></div> --> <!-- <div class="hot-list-top-text2">排名: <span>--</span></div> -->
<span class="hot-close">X</span> <span class="hot-close">X</span>
</div> </div>
...@@ -941,6 +944,9 @@ $(function(){ ...@@ -941,6 +944,9 @@ $(function(){
} }
} }
}) })
$(".layer-list-tips1 img,.layer-list-tips2 img").on("click",function(){
layer.closeAll()
})
$(".gift-layer-diamond-box").on("click",function(){ $(".gift-layer-diamond-box").on("click",function(){
$.ajax({ $.ajax({
url:$ip+'activeLog/webActive', url:$ip+'activeLog/webActive',
...@@ -1352,6 +1358,20 @@ $(function(){ ...@@ -1352,6 +1358,20 @@ $(function(){
} }
$(".hot-list-ul").html(html) $(".hot-list-ul").html(html)
if(myGoing==false)$(".hot-list-ul").css("height","9.6rem") if(myGoing==false)$(".hot-list-ul").css("height","9.6rem")
$(".question-icon").unbind("click").on("click",function(){
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["8.4rem", "9.28rem"],
content: $(".layer-list-tips1"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
})
} }
}) })
} }
...@@ -1389,6 +1409,20 @@ $(function(){ ...@@ -1389,6 +1409,20 @@ $(function(){
} }
$(".hot-list-ul").html(html) $(".hot-list-ul").html(html)
if(myGoing==false)$(".hot-list-ul").css("height","9.6rem") if(myGoing==false)$(".hot-list-ul").css("height","9.6rem")
$(".question-icon").unbind("click").on("click",function(){
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["8.4rem", "9.28rem"],
content: $(".layer-list-tips2"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
})
} }
}) })
} }
......
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 sign in to comment