Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
libai
/
footseen-large-website
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Members
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
0ebdd539
authored
Nov 25, 2022
by
libai
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
测试
parent
cdf04c08
Show whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
252 additions
and
30 deletions
mTest/css/index.css
mTest/css/index.less
mTest/images/layer-tips.png
mTest/index.html
mTest/room/css/liveRoom.css
mTest/room/css/liveRoom.less
mTest/room/liveRoom.html
mTest/css/index.css
View file @
0ebdd539
...
@@ -20,6 +20,59 @@
...
@@ -20,6 +20,59 @@
right
:
0
;
right
:
0
;
top
:
0
;
top
:
0
;
}
}
.layer-tips
{
width
:
8.4rem
;
height
:
14.57rem
;
background
:
url(../images/layer-tips.png)
no-repeat
;
background-size
:
100%
100%
;
position
:
relative
;
display
:
none
;
}
.layer-tips-close
{
width
:
0.8rem
;
height
:
0.8rem
;
position
:
absolute
;
right
:
0.1rem
;
top
:
0.1rem
;
}
.layer-tips-btn
{
width
:
6rem
;
height
:
1rem
;
position
:
absolute
;
bottom
:
0.9rem
;
left
:
1.1rem
;
}
.top-box
{
height
:
1.2rem
;
width
:
10rem
;
background
:
linear-gradient
(
to
right
,
#EB3588
,
#EA34BD
);
position
:
fixed
;
left
:
0
;
top
:
0
;
}
.top-box-ul
li
{
height
:
1.2rem
;
width
:
1.9rem
;
float
:
left
;
text-align
:
center
;
font-size
:
0.4rem
;
color
:
#FFAFF2
;
line-height
:
1.1rem
;
font-weight
:
700
;
}
.top-box-ul
li
.click-img
{
display
:
none
;
position
:
absolute
;
width
:
0.44rem
;
top
:
0.9rem
;
left
:
0.75rem
;
}
.top-box-ul
.top-box-li-click
{
color
:
#fff
;
}
.top-box-ul
.top-box-li-click
.click-img
{
display
:
block
;
}
.top-nav
{
.top-nav
{
width
:
10.8rem
;
width
:
10.8rem
;
height
:
3.25rem
;
height
:
3.25rem
;
...
@@ -164,6 +217,18 @@
...
@@ -164,6 +217,18 @@
float
:
left
;
float
:
left
;
font-size
:
0
;
font-size
:
0
;
text-align
:
center
;
text-align
:
center
;
position
:
relative
;
}
.bottom-nav
>
div
p
{
font-size
:
0.3rem
;
width
:
2.5rem
;
position
:
absolute
;
bottom
:
-0.37rem
;
left
:
0
;
color
:
#969696
;
}
.bottom-nav
>
div
.bottom-p-click
{
color
:
#EF3A8F
;
}
}
.bottom-nav
>
div
.bottom-nav-img1
{
.bottom-nav
>
div
.bottom-nav-img1
{
transition
:
0.35s
all
;
transition
:
0.35s
all
;
...
@@ -174,6 +239,9 @@
...
@@ -174,6 +239,9 @@
margin
:
0
auto
;
margin
:
0
auto
;
display
:
inline-block
;
display
:
inline-block
;
vertical-align
:
middle
;
vertical-align
:
middle
;
position
:
relative
;
top
:
-0.2rem
;
z-index
:
5
;
}
}
.bottom-nav
>
div
.bottom-nav-img2
{
.bottom-nav
>
div
.bottom-nav-img2
{
transition
:
0.35s
all
;
transition
:
0.35s
all
;
...
@@ -184,6 +252,9 @@
...
@@ -184,6 +252,9 @@
margin
:
0
auto
;
margin
:
0
auto
;
display
:
inline-block
;
display
:
inline-block
;
vertical-align
:
middle
;
vertical-align
:
middle
;
position
:
relative
;
top
:
-0.2rem
;
z-index
:
5
;
}
}
.bottom-nav
>
div
.bottom-nav-img3
{
.bottom-nav
>
div
.bottom-nav-img3
{
transition
:
0.35s
all
;
transition
:
0.35s
all
;
...
@@ -194,6 +265,9 @@
...
@@ -194,6 +265,9 @@
margin
:
0
auto
;
margin
:
0
auto
;
display
:
inline-block
;
display
:
inline-block
;
vertical-align
:
middle
;
vertical-align
:
middle
;
position
:
relative
;
top
:
-0.2rem
;
z-index
:
5
;
}
}
.bottom-nav
>
div
.bottom-nav-img4
{
.bottom-nav
>
div
.bottom-nav-img4
{
transition
:
0.35s
all
;
transition
:
0.35s
all
;
...
@@ -204,6 +278,9 @@
...
@@ -204,6 +278,9 @@
margin
:
0
auto
;
margin
:
0
auto
;
display
:
inline-block
;
display
:
inline-block
;
vertical-align
:
middle
;
vertical-align
:
middle
;
position
:
relative
;
top
:
-0.2rem
;
z-index
:
5
;
}
}
.bottom-nav
>
div
.bottom-nav-img1-click
{
.bottom-nav
>
div
.bottom-nav-img1-click
{
background
:
url(../images/nav-icon1-click.png)
no-repeat
;
background
:
url(../images/nav-icon1-click.png)
no-repeat
;
...
...
mTest/css/index.less
View file @
0ebdd539
...
@@ -21,6 +21,63 @@
...
@@ -21,6 +21,63 @@
top: 0;
top: 0;
}
}
}
}
.layer-tips{
width: 8.4rem;
height: 14.57rem;
background: url(../images/layer-tips.png)no-repeat;
background-size: 100% 100%;
position: relative;
display: none;
}
.layer-tips-close{
width: 0.8rem;
height: 0.8rem;
position: absolute;
right: 0.1rem;
top: 0.1rem;
}
.layer-tips-btn{
width: 6rem;
height: 1rem;
position: absolute;
bottom: 0.9rem;
left: 1.1rem;
}
.top-box{
height: 1.2rem;
width: 10rem;
background:linear-gradient(to right,#EB3588,#EA34BD);
position: fixed;
left: 0;
top: 0;
}
.top-box-ul{
li{
height: 1.2rem;
width: 1.9rem;
float: left;
text-align: center;
font-size: 0.4rem;
color: #FFAFF2;
line-height: 1.1rem;
font-weight: 700;
.click-img{
display: none;
position: absolute;
width: 0.44rem;
top: 0.9rem;
left: 0.75rem;
}
}
.top-box-li-click{
color: #fff;
.click-img{
display: block;
}
}
}
.top-nav{
.top-nav{
width: 10.8rem;
width: 10.8rem;
height: 3.25rem;
height: 3.25rem;
...
@@ -169,6 +226,18 @@
...
@@ -169,6 +226,18 @@
float: left;
float: left;
font-size: 0;
font-size: 0;
text-align: center;
text-align: center;
position: relative;
p{
font-size: 0.3rem;
width: 2.5rem;
position: absolute;
bottom: -0.37rem;
left: 0;
color: #969696;
}
.bottom-p-click{
color: #EF3A8F;
}
.bottom-nav-img1{
.bottom-nav-img1{
transition: 0.35s all;
transition: 0.35s all;
width: 0.62rem;
width: 0.62rem;
...
@@ -178,6 +247,9 @@
...
@@ -178,6 +247,9 @@
margin: 0 auto;
margin: 0 auto;
display: inline-block;
display: inline-block;
vertical-align: middle;
vertical-align: middle;
position: relative;
top: -0.2rem;
z-index: 5;
}
}
.bottom-nav-img2{
.bottom-nav-img2{
transition: 0.35s all;
transition: 0.35s all;
...
@@ -188,6 +260,9 @@
...
@@ -188,6 +260,9 @@
margin: 0 auto;
margin: 0 auto;
display: inline-block;
display: inline-block;
vertical-align: middle;
vertical-align: middle;
position: relative;
top: -0.2rem;
z-index: 5;
}
}
.bottom-nav-img3{
.bottom-nav-img3{
transition: 0.35s all;
transition: 0.35s all;
...
@@ -198,6 +273,9 @@
...
@@ -198,6 +273,9 @@
margin: 0 auto;
margin: 0 auto;
display: inline-block;
display: inline-block;
vertical-align: middle;
vertical-align: middle;
position: relative;
top: -0.2rem;
z-index: 5;
}
}
.bottom-nav-img4{
.bottom-nav-img4{
transition: 0.35s all;
transition: 0.35s all;
...
@@ -208,6 +286,9 @@
...
@@ -208,6 +286,9 @@
margin: 0 auto;
margin: 0 auto;
display: inline-block;
display: inline-block;
vertical-align: middle;
vertical-align: middle;
position: relative;
top: -0.2rem;
z-index: 5;
}
}
.bottom-nav-img1-click{
.bottom-nav-img1-click{
background: url(../images/nav-icon1-click.png)no-repeat;
background: url(../images/nav-icon1-click.png)no-repeat;
...
...
mTest/images/layer-tips.png
0 → 100644
View file @
0ebdd539
49.5 KB
mTest/index.html
View file @
0ebdd539
...
@@ -68,6 +68,10 @@
...
@@ -68,6 +68,10 @@
</style>
</style>
</head>
</head>
<body
style=
"background: #d9d9d9"
>
<body
style=
"background: #d9d9d9"
>
<div
class=
"layer-tips"
>
<div
class=
"layer-tips-close"
></div>
<div
class=
"layer-tips-btn"
></div>
</div>
<div
class=
"layer-ios"
>
<div
class=
"layer-ios"
>
<div
class=
"layer-ios-close"
></div>
<div
class=
"layer-ios-close"
></div>
</div>
</div>
...
@@ -75,21 +79,29 @@
...
@@ -75,21 +79,29 @@
<div
class=
"add-button-close"
></div>
<div
class=
"add-button-close"
></div>
</button>
</button>
<div
class=
"bottom-nav"
>
<div
class=
"bottom-nav"
>
<div><div
class=
"bottom-nav-img1 bottom-nav-img1-click"
></div></div>
<div><div
class=
"bottom-nav-img1 bottom-nav-img1-click"
></div><
p
class=
"bottom-p-click"
>
首頁
</p><
/div>
<div><div
class=
"bottom-nav-img2"
></div></div>
<div><div
class=
"bottom-nav-img2"
></div><
p>
約會
</p><
/div>
<div><div
class=
"bottom-nav-img4"
></div></div>
<div><div
class=
"bottom-nav-img4"
></div><
p>
追蹤
</p><
/div>
<div><div
class=
"bottom-nav-img3"
></div></div>
<div><div
class=
"bottom-nav-img3"
></div><
p>
我的
</p><
/div>
</div>
</div>
<div
class=
"nav-shadow"
></div>
<div
class=
"nav-shadow"
></div>
<div
class=
"phone-bg"
>
<div
class=
"phone-bg"
>
<div
class=
"box1"
>
<div
class=
"box1"
>
<div
class=
"top-nav"
>
<
!-- <
div class="top-nav">
<div class="nav-btn">
<div class="nav-btn">
<div class="nav-click"><span class="txt1">直播</span><img class="click-img" src="images/click.png" alt="激情美女影片"></div>
<div class="nav-click"><span class="txt1">直播</span><img class="click-img" src="images/click.png" alt="激情美女影片"></div>
<div><a style="color: #FFABEE;" href="videoPage.html"><span class="txt2">影片</span></a><img class="click-img" src="images/click.png" alt="絲足"></div>
<div><a style="color: #FFABEE;" href="videoPage.html"><span class="txt2">影片</span></a><img class="click-img" src="images/click.png" alt="絲足"></div>
</div>
</div>
</div> -->
<div
class=
"top-box"
>
<ul
class=
"top-box-ul"
>
<li
class=
"top-box-li-click"
>
直播
<img
class=
"click-img"
src=
"images/click.png"
alt=
""
></li>
<li>
影片
</li>
</ul>
<div
class=
""
>
登錄/
</div>
</div>
</div>
<div
style=
"height: 1.5rem;"
></div>
<ul
class=
"live-ul clearfix"
>
<ul
class=
"live-ul clearfix"
>
<!-- <li>
<!-- <li>
<img class="secret" src="images/secret-no.png" alt="">
<img class="secret" src="images/secret-no.png" alt="">
...
@@ -396,8 +408,22 @@ $(function(){
...
@@ -396,8 +408,22 @@ $(function(){
$
(
".right-nav"
).
css
(
"height"
,
$
(
document
).
height
())
$
(
".right-nav"
).
css
(
"height"
,
$
(
document
).
height
())
var
noUser
=
false
;
var
noUser
=
false
;
sessionStorage
.
lookNum
=
0
sessionStorage
.
lookNum
=
0
//用户是否第一次进入
if
(
localStorage
.
oneGoing
==
undefined
){
localStorage
.
oneGoing
=
1
layer
.
open
({
type
:
1
,
title
:
false
,
shadeClose
:
true
,
skin
:
"yourclass5"
,
area
:
[
"8.4rem"
,
"14.57rem"
],
content
:
$
(
".layer-tips"
),
end
:
function
()
{
$
(
".layui-layer-shade"
).
hide
()
layer
.
closeAll
()
}
})
}
//用户是否登录
//用户是否登录
if
(
localStorage
.
uid
!==
undefined
&&
localStorage
.
uid
!=
"undefined"
){
if
(
localStorage
.
uid
!==
undefined
&&
localStorage
.
uid
!=
"undefined"
){
userInfo
()
userInfo
()
...
@@ -411,11 +437,13 @@ $(function(){
...
@@ -411,11 +437,13 @@ $(function(){
$
(
".zone-top-btn"
).
on
(
"click"
,
function
(){
$
(
".zone-top-btn"
).
on
(
"click"
,
function
(){
window
.
location
.
href
=
"revise.html"
window
.
location
.
href
=
"revise.html"
})
})
$
(
".layer-ios-close"
).
on
(
"click"
,
function
(){
$
(
".layer-ios-close
,.layer-tips-close,.layer-tips-btn
"
).
on
(
"click"
,
function
(){
layer
.
closeAll
()
layer
.
closeAll
()
})
})
$
(
".bottom-nav-img1"
).
on
(
"click"
,
function
(){
$
(
".bottom-nav-img1"
).
on
(
"click"
,
function
(){
$
(
"body"
).
css
(
"background"
,
"rgb(217, 217, 217)"
)
$
(
"body"
).
css
(
"background"
,
"rgb(217, 217, 217)"
)
$
(
".bottom-nav >div >p"
).
removeClass
(
"bottom-p-click"
)
$
(
this
).
siblings
(
"p"
).
addClass
(
"bottom-p-click"
)
$
(
".box2"
).
hide
()
$
(
".box2"
).
hide
()
$
(
".box3"
).
hide
()
$
(
".box3"
).
hide
()
$
(
".box4"
).
hide
()
$
(
".box4"
).
hide
()
...
@@ -433,6 +461,8 @@ $(function(){
...
@@ -433,6 +461,8 @@ $(function(){
loginPage
()
loginPage
()
return
return
}
}
$
(
".bottom-nav >div >p"
).
removeClass
(
"bottom-p-click"
)
$
(
this
).
siblings
(
"p"
).
addClass
(
"bottom-p-click"
)
$
(
"body"
).
css
(
"background"
,
"rgb(217, 217, 217)"
)
$
(
"body"
).
css
(
"background"
,
"rgb(217, 217, 217)"
)
likeList
()
likeList
()
$
(
".box1"
).
hide
()
$
(
".box1"
).
hide
()
...
@@ -446,12 +476,14 @@ $(function(){
...
@@ -446,12 +476,14 @@ $(function(){
$
(
".bottom-nav-img2"
).
addClass
(
"bottom-nav-img2-click"
)
$
(
".bottom-nav-img2"
).
addClass
(
"bottom-nav-img2-click"
)
})
})
$
(
".bottom-nav-img3"
).
on
(
"click"
,
function
(){
$
(
".bottom-nav-img3"
).
on
(
"click"
,
function
(){
if
(
localStorage
.
uid
==
undefined
){
//
if(localStorage.uid==undefined){
$
(
".nav-shadow"
).
show
()
//
$(".nav-shadow").show()
loginPage
()
//
loginPage()
return
// return
}
// }
// $("bottom-nav >div >p").removeClass("bottom-p-click")
// $(this).siblings("p").addClass("bottom-p-click")
$
(
".right-nav"
).
css
(
"right"
,
"0rem"
)
$
(
".right-nav"
).
css
(
"right"
,
"0rem"
)
rightNavShow
=
true
;
rightNavShow
=
true
;
$
(
".nav-shadow"
).
show
()
$
(
".nav-shadow"
).
show
()
...
@@ -468,7 +500,10 @@ $(function(){
...
@@ -468,7 +500,10 @@ $(function(){
// zoneList()
// zoneList()
})
})
$
(
".bottom-nav-img4"
).
on
(
"click"
,
function
(){
$
(
".bottom-nav-img4"
).
on
(
"click"
,
function
(){
$
(
".bottom-nav >div >p"
).
removeClass
(
"bottom-p-click"
)
$
(
this
).
siblings
(
"p"
).
addClass
(
"bottom-p-click"
)
$
(
"body"
).
css
(
"background"
,
"#fff"
)
$
(
"body"
).
css
(
"background"
,
"#fff"
)
$
(
".box1"
).
hide
()
$
(
".box1"
).
hide
()
$
(
".box2"
).
hide
()
$
(
".box2"
).
hide
()
$
(
".box4"
).
hide
()
$
(
".box4"
).
hide
()
...
@@ -479,7 +514,24 @@ $(function(){
...
@@ -479,7 +514,24 @@ $(function(){
$
(
".bottom-nav-img3"
).
removeClass
(
"bottom-nav-img3-click"
)
$
(
".bottom-nav-img3"
).
removeClass
(
"bottom-nav-img3-click"
)
$
(
".bottom-nav-img4"
).
addClass
(
"bottom-nav-img4-click"
)
$
(
".bottom-nav-img4"
).
addClass
(
"bottom-nav-img4-click"
)
$
(
".down-btn"
).
on
(
"click"
,
function
(){
$
(
".down-btn"
).
on
(
"click"
,
function
(){
var
ua
=
window
.
navigator
.
userAgent
.
toLowerCase
();
if
(
/iphone|ipad|ipod/
.
test
(
ua
))
{
layer
.
open
({
type
:
1
,
title
:
false
,
shadeClose
:
true
,
skin
:
"yourclass5"
,
area
:
[
"7.3rem"
,
"12.24rem"
],
content
:
$
(
".layer-ios"
),
end
:
function
()
{
$
(
".layui-layer-shade"
).
hide
()
layer
.
closeAll
()
}
})
}
else
{
window
.
location
.
href
=
"https://bgps2.yazhai.co/footseexyz/apk/ftsBH5SY.apk"
window
.
location
.
href
=
"https://bgps2.yazhai.co/footseexyz/apk/ftsBH5SY.apk"
}
})
})
})
})
$
(
".box2 .search-icon"
).
on
(
"click"
,
function
(){
$
(
".box2 .search-icon"
).
on
(
"click"
,
function
(){
...
...
mTest/room/css/liveRoom.css
View file @
0ebdd539
...
@@ -16,6 +16,10 @@
...
@@ -16,6 +16,10 @@
position
:
relative
;
position
:
relative
;
top
:
0.1rem
;
top
:
0.1rem
;
left
:
0.2rem
;
left
:
0.2rem
;
display
:
none
;
}
.room-mc-box2
{
width
:
3rem
;
}
}
.room-mc-face
{
.room-mc-face
{
width
:
0.76rem
;
width
:
0.76rem
;
...
@@ -29,7 +33,7 @@
...
@@ -29,7 +33,7 @@
.room-mc-name
{
.room-mc-name
{
font-size
:
0.3rem
;
font-size
:
0.3rem
;
height
:
0.4rem
;
height
:
0.4rem
;
width
:
3
rem
;
width
:
2.8
rem
;
color
:
#FFFFFF
;
color
:
#FFFFFF
;
text-indent
:
0.9rem
;
text-indent
:
0.9rem
;
padding-top
:
0.03rem
;
padding-top
:
0.03rem
;
...
@@ -44,7 +48,7 @@
...
@@ -44,7 +48,7 @@
top
:
0.19rem
;
top
:
0.19rem
;
}
}
.room-rich-num
{
.room-rich-num
{
width
:
3
rem
;
width
:
2.8
rem
;
font-size
:
0.3rem
;
font-size
:
0.3rem
;
position
:
relative
;
position
:
relative
;
top
:
-0.03rem
;
top
:
-0.03rem
;
...
@@ -59,14 +63,14 @@
...
@@ -59,14 +63,14 @@
margin-top
:
-0.05rem
;
margin-top
:
-0.05rem
;
}
}
.room-user-list
{
.room-user-list
{
width
:
3.1
rem
;
width
:
5
rem
;
height
:
0.8rem
;
height
:
0.8rem
;
position
:
absolute
;
position
:
absolute
;
right
:
0
;
right
:
0
;
top
:
0.15rem
;
top
:
0.15rem
;
}
}
.room-user-ul-box
{
.room-user-ul-box
{
width
:
2
rem
;
width
:
4
rem
;
height
:
0.8rem
;
height
:
0.8rem
;
overflow-x
:
scroll
;
overflow-x
:
scroll
;
}
}
...
@@ -218,7 +222,7 @@
...
@@ -218,7 +222,7 @@
position
:
fixed
;
position
:
fixed
;
bottom
:
-9.1rem
;
bottom
:
-9.1rem
;
left
:
0
;
left
:
0
;
background
:
rgba
(
255
,
255
,
255
,
0.9
);
background
:
rgba
(
255
,
255
,
255
,
0.9
5
);
border-radius
:
0.2rem
0.2rem
0
0
;
border-radius
:
0.2rem
0.2rem
0
0
;
z-index
:
800
;
z-index
:
800
;
transition
:
0.3s
all
;
transition
:
0.3s
all
;
...
@@ -325,7 +329,7 @@
...
@@ -325,7 +329,7 @@
position
:
fixed
;
position
:
fixed
;
bottom
:
-9.1rem
;
bottom
:
-9.1rem
;
left
:
0
;
left
:
0
;
background
:
rgba
(
255
,
255
,
255
,
0.9
);
background
:
rgba
(
255
,
255
,
255
,
0.9
5
);
border-radius
:
0.2rem
0.2rem
0
0
;
border-radius
:
0.2rem
0.2rem
0
0
;
z-index
:
800
;
z-index
:
800
;
}
}
...
...
mTest/room/css/liveRoom.less
View file @
0ebdd539
...
@@ -17,6 +17,11 @@
...
@@ -17,6 +17,11 @@
position: relative;
position: relative;
top: 0.1rem;
top: 0.1rem;
left: 0.2rem;
left: 0.2rem;
display: none;
// transition: 0.3s all;
}
.room-mc-box2{
width: 3rem;
}
}
.room-mc-face{
.room-mc-face{
width: 0.76rem;
width: 0.76rem;
...
@@ -30,7 +35,7 @@
...
@@ -30,7 +35,7 @@
.room-mc-name{
.room-mc-name{
font-size: 0.3rem;
font-size: 0.3rem;
height: 0.4rem;
height: 0.4rem;
width:
3
rem;
width:
2.8
rem;
color: #FFFFFF;
color: #FFFFFF;
text-indent: 0.9rem;
text-indent: 0.9rem;
padding-top: 0.03rem;
padding-top: 0.03rem;
...
@@ -51,7 +56,7 @@
...
@@ -51,7 +56,7 @@
margin-right: 0.08rem;
margin-right: 0.08rem;
margin-top: -0.05rem;
margin-top: -0.05rem;
}
}
width:
3
rem;
width:
2.8
rem;
font-size: 0.3rem;
font-size: 0.3rem;
position: relative;
position: relative;
top: -0.03rem;
top: -0.03rem;
...
@@ -60,7 +65,7 @@
...
@@ -60,7 +65,7 @@
transform: scale(0.9);
transform: scale(0.9);
}
}
.room-user-list{
.room-user-list{
width:
3.1
rem;
width:
5
rem;
height: 0.8rem;
height: 0.8rem;
position: absolute;
position: absolute;
...
@@ -68,7 +73,7 @@
...
@@ -68,7 +73,7 @@
top: 0.15rem;
top: 0.15rem;
}
}
.room-user-ul-box{
.room-user-ul-box{
width:
2
rem;
width:
4
rem;
height: 0.8rem;
height: 0.8rem;
overflow-x: scroll;
overflow-x: scroll;
}
}
...
@@ -225,7 +230,7 @@
...
@@ -225,7 +230,7 @@
position: fixed;
position: fixed;
bottom: -9.1rem;
bottom: -9.1rem;
left: 0;
left: 0;
background: rgba(255,255,255,0.9);
background: rgba(255,255,255,0.9
5
);
border-radius: 0.2rem 0.2rem 0 0;
border-radius: 0.2rem 0.2rem 0 0;
z-index: 800;
z-index: 800;
transition: 0.3s all;
transition: 0.3s all;
...
@@ -334,7 +339,7 @@
...
@@ -334,7 +339,7 @@
position: fixed;
position: fixed;
bottom: -9.1rem;
bottom: -9.1rem;
left: 0;
left: 0;
background: rgba(255,255,255,0.9);
background: rgba(255,255,255,0.9
5
);
border-radius: 0.2rem 0.2rem 0 0;
border-radius: 0.2rem 0.2rem 0 0;
z-index: 800;
z-index: 800;
}
}
...
...
mTest/room/liveRoom.html
View file @
0ebdd539
...
@@ -132,7 +132,7 @@
...
@@ -132,7 +132,7 @@
<div
class=
"touch-box"
></div>
<div
class=
"touch-box"
></div>
<div
class=
"layer-shadow"
></div>
<div
class=
"layer-shadow"
></div>
<div
style=
"display: none;"
class=
"mc-out-box"
>
<div
style=
"display: none;"
class=
"mc-out-box"
>
<
img
class=
"room-close"
src=
"images/close.png"
alt=
""
>
<
a
href=
"javascript:history.back(-1);"
><img
class=
"room-close"
src=
"images/close.png"
alt=
""
></a
>
<div
class=
"room-out-shadow"
></div>
<div
class=
"room-out-shadow"
></div>
<div
class=
"mc-out-mcBox"
>
<div
class=
"mc-out-mcBox"
>
<!-- <img class="room-mc-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt="">
<!-- <img class="room-mc-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt="">
...
@@ -159,7 +159,7 @@
...
@@ -159,7 +159,7 @@
</div>
</div>
</div>
</div>
<div
style=
"display: none;"
class=
"room-secret"
>
<div
style=
"display: none;"
class=
"room-secret"
>
<
img
class=
"room-close"
src=
"images/close.png"
alt=
""
>
<
a
href=
"javascript:history.back(-1);"
><img
class=
"room-close"
src=
"images/close.png"
alt=
""
></a
>
<div
class=
"room-secret-mc"
>
<div
class=
"room-secret-mc"
>
<!-- <img src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_100" alt="">
<!-- <img src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_100" alt="">
<p>主播昵称预留</p> -->
<p>主播昵称预留</p> -->
...
@@ -192,7 +192,7 @@
...
@@ -192,7 +192,7 @@
</ul>
</ul>
</div>
</div>
<
img
class=
"room-close"
src=
"images/close.png"
alt=
""
>
<
a
href=
"javascript:history.back(-1);"
><img
class=
"room-close"
src=
"images/close.png"
alt=
""
></a
>
</div>
</div>
<div
class=
"rich-tips-box"
>
<div
class=
"rich-tips-box"
>
<div
class=
"room-hot-box"
><img
src=
"images/fire.png"
alt=
""
><span>
--
</span></div>
<div
class=
"room-hot-box"
><img
src=
"images/fire.png"
alt=
""
><span>
--
</span></div>
...
@@ -833,7 +833,8 @@ $(function(){
...
@@ -833,7 +833,8 @@ $(function(){
html+='
<
p
class
=
"room-mc-name"
>
'+data.room.nickName+'
<
/p>'
;
html+='
<
p
class
=
"room-mc-name"
>
'+data.room.nickName+'
<
/p>'
;
html
+=
'
<
div
class
=
"room-rich-num"
><
img
src
=
"images/man.png"
alt
=
""
>
'+data.room.lookSum+'
<
/div>'
;
html
+=
'
<
div
class
=
"room-rich-num"
><
img
src
=
"images/man.png"
alt
=
""
>
'+data.room.lookSum+'
<
/div>'
;
if
(
data
.
room
.
isLike
==
0
)
html
+=
'
<
img
class
=
"like-icon"
data
-
type
=
"'+data.room.uid+'"
src
=
"images/like-icon.png"
alt
=
""
>
';
if
(
data
.
room
.
isLike
==
0
)
html
+=
'
<
img
class
=
"like-icon"
data
-
type
=
"'+data.room.uid+'"
src
=
"images/like-icon.png"
alt
=
""
>
';
$(".room-mc-box").html(html);
$(".room-mc-box").html(html).show();
if(data.room.isLike!=0)$(".room-mc-box").addClass("room-mc-box2")
$(".hot-list-box").html('
<
img
src
=
"images/hot-icon.png"
alt
=
""
><
i
>
'+data.room.hotResult.score+'
<
/i> <span>></
span
>
')
$(".hot-list-box").html('
<
img
src
=
"images/hot-icon.png"
alt
=
""
><
i
>
'+data.room.hotResult.score+'
<
/i> <span>></
span
>
')
$(".room-hot-box span").text(data.roomOtherInfo.charm)
$(".room-hot-box span").text(data.roomOtherInfo.charm)
$(".room-mc-face").unbind("click").on("click",function(){
$(".room-mc-face").unbind("click").on("click",function(){
...
@@ -872,6 +873,8 @@ $(function(){
...
@@ -872,6 +873,8 @@ $(function(){
if(data.code==1){
if(data.code==1){
_self.hide()
_self.hide()
layer.msg('
關注成功
')
layer.msg('
關注成功
')
$(".room-mc-box").css("transition","0.3s all")
$(".room-mc-box").addClass("room-mc-box2")
}else{
}else{
layer.msg(data.msg)
layer.msg(data.msg)
}
}
...
@@ -1019,7 +1022,7 @@ $(function(){
...
@@ -1019,7 +1022,7 @@ $(function(){
msgSend($(".keyboard-input").val())
msgSend($(".keyboard-input").val())
})
})
$(".room-close").on("click",function(){
$(".room-close").on("click",function(){
window.location.href="../index.html?v=2022112301"
//
window.location.href="../index.html?v=2022112301"
})
})
$(".exc-layer .exc-btn").on("click",function(){
$(".exc-layer .exc-btn").on("click",function(){
$.ajax({
$.ajax({
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment