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
8f3ed344
authored
2 years ago
by
libai
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
测试
parent
96ffd2ad
master
Hide whitespace changes
Inline
Side-by-side
Showing
11 changed files
with
872 additions
and
8 deletions
index.html
mobile/index.html
reg/index.html
room/videoRoom.html
vip/css/index.css
vip/css/index.less
vip/images/头像挂件说明图.png → vip/images/vip-tips3.png
vip/images/尊贵名片说明图.png → vip/images/vip-tips4.png
vip/images/进场特效说明图.png → vip/images/vip-tips5.png
vip/images/发言框底色说明图.png → vip/images/vip-tips6.png
vip/index.html
index.html
View file @
8f3ed344
...
...
@@ -131,7 +131,7 @@
</div>
<div
class=
"video-list-box"
>
<h2
class=
"box-title box-title2"
>
<img
src=
"images/front/category2.png"
alt=
""
><span>
影片互動
分享
</span>
<img
src=
"images/front/category2.png"
alt=
""
><span>
激情影片
分享
</span>
<div
class=
"video-more-btn"
>
篩選
<img
src=
"images/front/more-btn.png"
alt=
""
>
</div>
...
...
This diff is collapsed.
Click to expand it.
mobile/index.html
View file @
8f3ed344
...
...
@@ -65,7 +65,7 @@
<div
class=
"top-bg"
>
<div
class=
"nav-btn"
>
<div
class=
"nav-click"
><span
class=
"txt1"
>
影片
</span><img
class=
"click-img"
src=
"images/click.png"
alt=
"激情美女影片"
></div>
<div><a
style=
"color: #FFABEE;"
href=
"
GraphicPage.html"
><span
class=
"txt2"
>
圖文
</span><img
class=
"click-img"
src=
"images/click.png"
alt=
"絲足"
></a></div>
<div><a
style=
"color: #FFABEE;"
href=
"
download/download3.html?qd=ftsBH5TW"
><span
class=
"txt2"
>
約會
</span><img
class=
"click-img"
src=
"images/click.png"
alt=
"絲足"
></a></div>
</div>
</div>
<div
class=
"title-nav"
>
...
...
This diff is collapsed.
Click to expand it.
reg/index.html
View file @
8f3ed344
...
...
@@ -257,8 +257,6 @@ $(function(){
}
})
})
$
(
".reg-ul li"
).
on
(
"click"
,
function
(){
var
_self
=
$
(
this
)
if
(
_self
.
attr
(
"data-type"
)
==
'GLOCASH_PAY'
){
...
...
@@ -359,7 +357,6 @@ $(function(){
var
rid
=
$
(
this
).
attr
(
'data-rid'
);
sessionStorage
.
money
=
money
;
sessionStorage
.
rid
=
rid
;
})
}
})
...
...
This diff is collapsed.
Click to expand it.
room/videoRoom.html
View file @
8f3ed344
...
...
@@ -194,7 +194,6 @@ $(function(){
var
outArr
=
''
for
(
var
i
=
0
;
i
<
30
;
i
++
){
i
==
29
?
outArr
+=
localStorage
.
out
.
split
(
","
)[
30
-
i
]:
outArr
+=
localStorage
.
out
.
split
(
","
)[
30
-
i
]
+
','
}
localStorage
.
out
=
outArr
}
...
...
@@ -339,6 +338,7 @@ $(function(){
period:dayNum,
topicId:localStorage.out
},
type: '
post
',
success:function(data){
//console.log('
获取帖子'
,
data
)
var
html
=
[];
...
...
This diff is collapsed.
Click to expand it.
vip/css/index.css
View file @
8f3ed344
...
...
@@ -176,6 +176,7 @@
}
.vip-bottom-ul
li
>
img
{
padding-top
:
14px
;
cursor
:
pointer
;
}
.vip-bottom-ul
li
p
{
color
:
#999999
;
...
...
@@ -213,6 +214,7 @@
font-size
:
16px
;
border-radius
:
50px
;
margin-top
:
10px
;
cursor
:
pointer
;
}
.vip-tips1
{
width
:
413px
;
...
...
@@ -350,3 +352,411 @@
margin-left
:
18px
;
padding-top
:
10px
;
}
.vip-tips3
{
width
:
305px
;
height
:
212px
;
border-radius
:
8px
;
background
:
rgba
(
255
,
255
,
255
,
0.8
);
box-shadow
:
0px
2px
10px
rgba
(
0
,
0
,
0
,
0.2
);
backdrop-filter
:
blur
(
16px
);
position
:
absolute
;
z-index
:
5
;
top
:
-205px
;
left
:
0px
;
text-align
:
left
;
display
:
none
;
}
.vip-tips3
.vip-tips-jiao
{
position
:
absolute
;
transform
:
rotate
(
135deg
);
width
:
10px
;
height
:
10px
;
background
:
linear-gradient
(
to
top
right
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
rgba
(
255
,
255
,
255
,
0
)
50%
,
rgba
(
255
,
255
,
255
,
0.77
)
50%
,
rgba
(
255
,
255
,
255
,
0.77
)
100%
);
left
:
91px
;
top
:
207px
;
}
.vip-tips3
.vip-tips-p1
{
margin-left
:
18px
;
font-size
:
14px
;
color
:
#333333
;
padding-top
:
10px
;
position
:
relative
;
padding-left
:
10px
;
}
.vip-tips3
.vip-tips-p1
>
div
{
width
:
2px
;
height
:
10px
;
background
:
#666666
;
position
:
absolute
;
left
:
0
;
top
:
15px
;
}
.vip-tips3
.vip-tips-p2
{
margin-left
:
18px
;
color
:
#E7468D
;
font-size
:
14px
;
padding-top
:
10px
;
}
.vip-tips3
.vip-tips-p3
{
margin-left
:
18px
;
color
:
#707070
;
font-size
:
12px
;
padding-top
:
6px
;
}
.vip-tips3
.vip-tips-p4
{
margin-left
:
18px
;
color
:
#E7468D
;
padding-top
:
10px
;
font-size
:
14px
;
}
.vip-tips3
.vip-tips-p5
{
margin-left
:
18px
;
color
:
#707070
;
font-size
:
12px
;
padding-top
:
6px
;
line-height
:
20px
;
}
.vip-tips3
.vip-tips-img
{
margin-left
:
18px
;
padding-top
:
10px
;
}
.vip-tips4
{
width
:
370px
;
height
:
220px
;
border-radius
:
8px
;
background
:
rgba
(
255
,
255
,
255
,
0.8
);
box-shadow
:
0px
2px
10px
rgba
(
0
,
0
,
0
,
0.2
);
backdrop-filter
:
blur
(
16px
);
position
:
absolute
;
z-index
:
5
;
top
:
-212px
;
left
:
-74px
;
text-align
:
left
;
display
:
none
;
}
.vip-tips4
.vip-tips-jiao
{
position
:
absolute
;
transform
:
rotate
(
135deg
);
width
:
10px
;
height
:
10px
;
background
:
linear-gradient
(
to
top
right
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
rgba
(
255
,
255
,
255
,
0
)
50%
,
rgba
(
255
,
255
,
255
,
0.77
)
50%
,
rgba
(
255
,
255
,
255
,
0.77
)
100%
);
left
:
164px
;
top
:
215px
;
}
.vip-tips4
.vip-tips-p1
{
margin-left
:
18px
;
font-size
:
14px
;
color
:
#333333
;
padding-top
:
10px
;
position
:
relative
;
padding-left
:
10px
;
}
.vip-tips4
.vip-tips-p1
>
div
{
width
:
2px
;
height
:
10px
;
background
:
#666666
;
position
:
absolute
;
left
:
0
;
top
:
15px
;
}
.vip-tips4
.vip-tips-p2
{
margin-left
:
18px
;
color
:
#E7468D
;
font-size
:
14px
;
padding-top
:
10px
;
}
.vip-tips4
.vip-tips-p3
{
margin-left
:
18px
;
color
:
#707070
;
font-size
:
12px
;
padding-top
:
6px
;
}
.vip-tips4
.vip-tips-p4
{
margin-left
:
18px
;
color
:
#E7468D
;
padding-top
:
10px
;
font-size
:
14px
;
}
.vip-tips4
.vip-tips-p5
{
margin-left
:
18px
;
color
:
#707070
;
font-size
:
12px
;
padding-top
:
6px
;
line-height
:
20px
;
}
.vip-tips4
.vip-tips-img
{
margin-left
:
18px
;
padding-top
:
10px
;
}
.vip-tips5
{
width
:
455px
;
height
:
235px
;
border-radius
:
8px
;
background
:
rgba
(
255
,
255
,
255
,
0.8
);
box-shadow
:
0px
2px
10px
rgba
(
0
,
0
,
0
,
0.2
);
backdrop-filter
:
blur
(
16px
);
position
:
absolute
;
z-index
:
5
;
top
:
-240px
;
left
:
0px
;
text-align
:
left
;
display
:
none
;
}
.vip-tips5
.vip-tips-jiao
{
position
:
absolute
;
transform
:
rotate
(
135deg
);
width
:
10px
;
height
:
10px
;
background
:
linear-gradient
(
to
top
right
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
rgba
(
255
,
255
,
255
,
0
)
50%
,
rgba
(
255
,
255
,
255
,
0.77
)
50%
,
rgba
(
255
,
255
,
255
,
0.77
)
100%
);
left
:
91px
;
top
:
230px
;
}
.vip-tips5
.vip-tips-p1
{
margin-left
:
18px
;
font-size
:
14px
;
color
:
#333333
;
padding-top
:
10px
;
position
:
relative
;
padding-left
:
10px
;
}
.vip-tips5
.vip-tips-p1
>
div
{
width
:
2px
;
height
:
10px
;
background
:
#666666
;
position
:
absolute
;
left
:
0
;
top
:
15px
;
}
.vip-tips5
.vip-tips-p2
{
margin-left
:
18px
;
color
:
#E7468D
;
font-size
:
14px
;
padding-top
:
10px
;
}
.vip-tips5
.vip-tips-p3
{
margin-left
:
18px
;
color
:
#707070
;
font-size
:
12px
;
padding-top
:
6px
;
}
.vip-tips5
.vip-tips-p4
{
margin-left
:
18px
;
color
:
#E7468D
;
padding-top
:
10px
;
font-size
:
14px
;
}
.vip-tips5
.vip-tips-p5
{
margin-left
:
18px
;
color
:
#707070
;
font-size
:
12px
;
padding-top
:
6px
;
line-height
:
20px
;
}
.vip-tips5
.vip-tips-img
{
margin-left
:
18px
;
padding-top
:
10px
;
}
.vip-tips6
{
width
:
443px
;
height
:
248px
;
border-radius
:
8px
;
background
:
rgba
(
255
,
255
,
255
,
0.8
);
box-shadow
:
0px
2px
10px
rgba
(
0
,
0
,
0
,
0.2
);
backdrop-filter
:
blur
(
16px
);
position
:
absolute
;
z-index
:
5
;
top
:
-250px
;
left
:
0px
;
text-align
:
left
;
display
:
none
;
}
.vip-tips6
.vip-tips-jiao
{
position
:
absolute
;
transform
:
rotate
(
135deg
);
width
:
10px
;
height
:
10px
;
background
:
linear-gradient
(
to
top
right
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
rgba
(
255
,
255
,
255
,
0
)
50%
,
rgba
(
255
,
255
,
255
,
0.77
)
50%
,
rgba
(
255
,
255
,
255
,
0.77
)
100%
);
left
:
91px
;
top
:
243px
;
}
.vip-tips6
.vip-tips-p1
{
margin-left
:
18px
;
font-size
:
14px
;
color
:
#333333
;
padding-top
:
10px
;
position
:
relative
;
padding-left
:
10px
;
}
.vip-tips6
.vip-tips-p1
>
div
{
width
:
2px
;
height
:
10px
;
background
:
#666666
;
position
:
absolute
;
left
:
0
;
top
:
15px
;
}
.vip-tips6
.vip-tips-p2
{
margin-left
:
18px
;
color
:
#E7468D
;
font-size
:
14px
;
padding-top
:
10px
;
}
.vip-tips6
.vip-tips-p3
{
margin-left
:
18px
;
color
:
#707070
;
font-size
:
12px
;
padding-top
:
6px
;
}
.vip-tips6
.vip-tips-p4
{
margin-left
:
18px
;
color
:
#E7468D
;
padding-top
:
10px
;
font-size
:
14px
;
}
.vip-tips6
.vip-tips-p5
{
margin-left
:
18px
;
color
:
#707070
;
font-size
:
12px
;
padding-top
:
6px
;
line-height
:
20px
;
}
.vip-tips6
.vip-tips-img
{
margin-left
:
18px
;
padding-top
:
10px
;
}
.vip-tips7
{
width
:
382px
;
height
:
258px
;
border-radius
:
8px
;
background
:
rgba
(
255
,
255
,
255
,
0.8
);
box-shadow
:
0px
2px
10px
rgba
(
0
,
0
,
0
,
0.2
);
backdrop-filter
:
blur
(
16px
);
position
:
absolute
;
z-index
:
5
;
top
:
-260px
;
left
:
0px
;
text-align
:
left
;
display
:
none
;
}
.vip-tips7
.vip-tips-jiao
{
position
:
absolute
;
transform
:
rotate
(
135deg
);
width
:
10px
;
height
:
10px
;
background
:
linear-gradient
(
to
top
right
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
rgba
(
255
,
255
,
255
,
0
)
50%
,
rgba
(
255
,
255
,
255
,
0.77
)
50%
,
rgba
(
255
,
255
,
255
,
0.77
)
100%
);
left
:
91px
;
top
:
253px
;
}
.vip-tips7
.vip-tips-p1
{
margin-left
:
18px
;
font-size
:
14px
;
color
:
#333333
;
padding-top
:
10px
;
position
:
relative
;
padding-left
:
10px
;
}
.vip-tips7
.vip-tips-p1
>
div
{
width
:
2px
;
height
:
10px
;
background
:
#666666
;
position
:
absolute
;
left
:
0
;
top
:
15px
;
}
.vip-tips7
.vip-tips-p2
{
margin-left
:
18px
;
color
:
#E7468D
;
font-size
:
14px
;
padding-top
:
10px
;
}
.vip-tips7
.vip-tips-p3
{
margin-left
:
18px
;
color
:
#707070
;
font-size
:
12px
;
padding-top
:
6px
;
}
.vip-tips7
.vip-tips-p4
{
margin-left
:
18px
;
color
:
#E7468D
;
padding-top
:
10px
;
font-size
:
14px
;
}
.vip-tips7
.vip-tips-p5
{
margin-left
:
18px
;
color
:
#707070
;
font-size
:
12px
;
padding-top
:
6px
;
line-height
:
20px
;
}
.vip-tips7
.vip-tips-img
{
margin-left
:
18px
;
padding-top
:
10px
;
}
.vip-tips8
{
width
:
410px
;
height
:
158px
;
border-radius
:
8px
;
background
:
rgba
(
255
,
255
,
255
,
0.8
);
box-shadow
:
0px
2px
10px
rgba
(
0
,
0
,
0
,
0.2
);
backdrop-filter
:
blur
(
16px
);
position
:
absolute
;
z-index
:
5
;
top
:
-159px
;
left
:
-114px
;
text-align
:
left
;
display
:
none
;
}
.vip-tips8
.vip-tips-jiao
{
position
:
absolute
;
transform
:
rotate
(
135deg
);
width
:
10px
;
height
:
10px
;
background
:
linear-gradient
(
to
top
right
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
rgba
(
255
,
255
,
255
,
0
)
50%
,
rgba
(
255
,
255
,
255
,
0.77
)
50%
,
rgba
(
255
,
255
,
255
,
0.77
)
100%
);
left
:
205px
;
top
:
153px
;
}
.vip-tips8
.vip-tips-p1
{
margin-left
:
18px
;
font-size
:
14px
;
color
:
#333333
;
padding-top
:
10px
;
position
:
relative
;
padding-left
:
10px
;
}
.vip-tips8
.vip-tips-p1
>
div
{
width
:
2px
;
height
:
10px
;
background
:
#666666
;
position
:
absolute
;
left
:
0
;
top
:
15px
;
}
.vip-tips8
.vip-tips-p2
{
margin-left
:
18px
;
color
:
#E7468D
;
font-size
:
14px
;
padding-top
:
10px
;
}
.vip-tips8
.vip-tips-p3
{
margin-left
:
18px
;
color
:
#707070
;
font-size
:
12px
;
padding-top
:
6px
;
}
.vip-tips8
.vip-tips-p4
{
margin-left
:
18px
;
color
:
#E7468D
;
padding-top
:
10px
;
font-size
:
14px
;
}
.vip-tips8
.vip-tips-p5
{
margin-left
:
18px
;
color
:
#707070
;
font-size
:
12px
;
padding-top
:
6px
;
line-height
:
20px
;
}
.vip-tips8
.vip-tips-img
{
margin-left
:
18px
;
padding-top
:
10px
;
}
This diff is collapsed.
Click to expand it.
vip/css/index.less
View file @
8f3ed344
...
...
@@ -178,6 +178,7 @@
text-align: center;
>img{
padding-top: 14px;
cursor: pointer;
}
p{
color: #999999;
...
...
@@ -218,6 +219,7 @@
font-size: 16px;
border-radius: 50px;
margin-top: 10px;
cursor: pointer;
}
.vip-tips1{
width: 413px;
...
...
@@ -354,4 +356,412 @@
margin-left: 18px;
padding-top: 10px;
}
}
.vip-tips3{
width: 305px;
height: 212px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
backdrop-filter: blur(16px);
position: absolute;
z-index: 5;
top: -205px;
left: 0px;
text-align: left;
display: none;
.vip-tips-jiao{
position: absolute;
transform: rotate(135deg);
width: 10px;
height: 10px;
background: linear-gradient(to top right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.77) 50%, rgba(255, 255, 255, 0.77) 100%);
left: 91px;
top: 207px;
}
.vip-tips-p1{
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
>div{
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
}
.vip-tips-p2{
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips-p3{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips-p4{
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips-p5{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips-img{
margin-left: 18px;
padding-top: 10px;
}
}
.vip-tips4{
width: 370px;
height: 220px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
backdrop-filter: blur(16px);
position: absolute;
z-index: 5;
top: -212px;
left: -74px;
text-align: left;
display: none;
.vip-tips-jiao{
position: absolute;
transform: rotate(135deg);
width: 10px;
height: 10px;
background: linear-gradient(to top right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.77) 50%, rgba(255, 255, 255, 0.77) 100%);
left: 164px;
top: 215px;
}
.vip-tips-p1{
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
>div{
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
}
.vip-tips-p2{
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips-p3{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips-p4{
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips-p5{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips-img{
margin-left: 18px;
padding-top: 10px;
}
}
.vip-tips5{
width: 455px;
height: 235px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
backdrop-filter: blur(16px);
position: absolute;
z-index: 5;
top: -240px;
left: 0px;
text-align: left;
display: none;
.vip-tips-jiao{
position: absolute;
transform: rotate(135deg);
width: 10px;
height: 10px;
background: linear-gradient(to top right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.77) 50%, rgba(255, 255, 255, 0.77) 100%);
left: 91px;
top: 230px;
}
.vip-tips-p1{
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
>div{
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
}
.vip-tips-p2{
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips-p3{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips-p4{
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips-p5{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips-img{
margin-left: 18px;
padding-top: 10px;
}
}
.vip-tips6{
width: 443px;
height: 248px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
backdrop-filter: blur(16px);
position: absolute;
z-index: 5;
top: -250px;
left: 0px;
text-align: left;
display: none;
.vip-tips-jiao{
position: absolute;
transform: rotate(135deg);
width: 10px;
height: 10px;
background: linear-gradient(to top right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.77) 50%, rgba(255, 255, 255, 0.77) 100%);
left: 91px;
top: 243px;
}
.vip-tips-p1{
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
>div{
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
}
.vip-tips-p2{
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips-p3{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips-p4{
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips-p5{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips-img{
margin-left: 18px;
padding-top: 10px;
}
}
.vip-tips7{
width: 382px;
height: 258px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
backdrop-filter: blur(16px);
position: absolute;
z-index: 5;
top: -260px;
left: 0px;
text-align: left;
display: none;
.vip-tips-jiao{
position: absolute;
transform: rotate(135deg);
width: 10px;
height: 10px;
background: linear-gradient(to top right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.77) 50%, rgba(255, 255, 255, 0.77) 100%);
left: 91px;
top: 253px;
}
.vip-tips-p1{
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
>div{
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
}
.vip-tips-p2{
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips-p3{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips-p4{
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips-p5{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips-img{
margin-left: 18px;
padding-top: 10px;
}
}
.vip-tips8{
width: 410px;
height: 158px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
backdrop-filter: blur(16px);
position: absolute;
z-index: 5;
top: -159px;
left: -114px;
text-align: left;
display: none;
.vip-tips-jiao{
position: absolute;
transform: rotate(135deg);
width: 10px;
height: 10px;
background: linear-gradient(to top right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.77) 50%, rgba(255, 255, 255, 0.77) 100%);
left: 205px;
top: 153px;
}
.vip-tips-p1{
margin-left: 18px;
font-size: 14px;
color: #333333;
padding-top: 10px;
position: relative;
padding-left: 10px;
>div{
width: 2px;
height: 10px;
background: #666666;
position: absolute;
left: 0;
top: 15px;
}
}
.vip-tips-p2{
margin-left: 18px;
color: #E7468D;
font-size: 14px;
padding-top: 10px;
}
.vip-tips-p3{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
}
.vip-tips-p4{
margin-left: 18px;
color: #E7468D;
padding-top: 10px;
font-size: 14px;
}
.vip-tips-p5{
margin-left: 18px;
color: #707070;
font-size: 12px;
padding-top: 6px;
line-height: 20px;
}
.vip-tips-img{
margin-left: 18px;
padding-top: 10px;
}
}
\ No newline at end of file
This diff is collapsed.
Click to expand it.
vip/images/
头像挂件说明图
.png
→
vip/images/
vip-tips3
.png
View file @
8f3ed344
File moved
This diff is collapsed.
Click to expand it.
vip/images/
尊贵名片说明图
.png
→
vip/images/
vip-tips4
.png
View file @
8f3ed344
File moved
This diff is collapsed.
Click to expand it.
vip/images/
进场特效说明图
.png
→
vip/images/
vip-tips5
.png
View file @
8f3ed344
File moved
This diff is collapsed.
Click to expand it.
vip/images/
发言框底色说明图
.png
→
vip/images/
vip-tips6
.png
View file @
8f3ed344
File moved
This diff is collapsed.
Click to expand it.
vip/index.html
View file @
8f3ed344
...
...
@@ -119,30 +119,74 @@
<div
class=
"vip-tips-p2"
>
獲取條件
</div>
<div
class=
"vip-tips-p3"
>
VIP11及以上用戶
</div>
<div
class=
"vip-tips-p4"
>
特權說明
</div>
<div
class=
"vip-tips-p5"
>
在VIP有效期
内,激活富豪等級對應的銘牌,并在用戶資料卡,平台榜單,空間等処展示。儅用戶在直播 間發言時,將展示對應的銘牌,同時昵稱顔色也相應發生變化。富豪等級不同,對應的銘牌不同。
</div>
<div
class=
"vip-tips-img"
><img
src=
"images/vip-tips
2
.png"
alt=
""
></div>
<div
class=
"vip-tips-p5"
>
在VIP有效期
內,在直播間內顯示主播特別的頭像框
</div>
<div
class=
"vip-tips-img"
><img
src=
"images/vip-tips
3
.png"
alt=
""
></div>
<div
class=
"vip-tips-jiao"
></div>
</div>
<img
src=
"images/t3-no.png"
alt=
""
>
<p>
頭像掛件
</p>
</li>
<li>
<div
class=
"vip-tips4"
>
<div
class=
"vip-tips-p1"
><div></div>
尊貴名片
</div>
<div
class=
"vip-tips-p2"
>
獲取條件
</div>
<div
class=
"vip-tips-p3"
>
VIP21及以上用戶
</div>
<div
class=
"vip-tips-p4"
>
特權說明
</div>
<div
class=
"vip-tips-p5"
>
在VIP有效期內,在直播間內的個人卡片上展示不同的描邊特效。
</div>
<div
class=
"vip-tips-img"
><img
src=
"images/vip-tips4.png"
alt=
""
></div>
<div
class=
"vip-tips-jiao"
></div>
</div>
<img
src=
"images/t4-no.png"
alt=
""
>
<p>
尊貴名片
</p>
</li>
<li>
<div
class=
"vip-tips5"
>
<div
class=
"vip-tips-p1"
><div></div>
尊貴名片
</div>
<div
class=
"vip-tips-p2"
>
獲取條件
</div>
<div
class=
"vip-tips-p3"
>
VIP31及以上用戶
</div>
<div
class=
"vip-tips-p4"
>
特權說明
</div>
<div
class=
"vip-tips-p5"
>
在VIP有效期內,進入直播間有專屬的進場特效。富豪等級不同,進場特效不同。
</div>
<div
class=
"vip-tips-img"
><img
src=
"images/vip-tips5.png"
alt=
""
></div>
<div
class=
"vip-tips-jiao"
></div>
</div>
<img
src=
"images/t5-no.png"
alt=
""
>
<p>
進場特效
</p>
</li>
<li>
<div
class=
"vip-tips6"
>
<div
class=
"vip-tips-p1"
><div></div>
尊貴名片
</div>
<div
class=
"vip-tips-p2"
>
獲取條件
</div>
<div
class=
"vip-tips-p3"
>
VIP31及以上用戶
</div>
<div
class=
"vip-tips-p4"
>
特權說明
</div>
<div
class=
"vip-tips-p5"
>
在VIP有效期內,用戶發言有專屬的發言框底色,發言更炫酷,更引人注目哦
<br>
符號等級不同,底框顏色不同。
</div>
<div
class=
"vip-tips-img"
><img
src=
"images/vip-tips6.png"
alt=
""
></div>
<div
class=
"vip-tips-jiao"
></div>
</div>
<img
src=
"images/t6-no.png"
alt=
""
>
<p>
發言框底色
</p>
</li>
<li>
<div
class=
"vip-tips7"
>
<div
class=
"vip-tips-p1"
><div></div>
尊貴名片
</div>
<div
class=
"vip-tips-p2"
>
獲取條件
</div>
<div
class=
"vip-tips-p3"
>
VIP31及以上用戶
</div>
<div
class=
"vip-tips-p4"
>
特權說明
</div>
<div
class=
"vip-tips-p5"
>
在VIP有效期內,用戶發言有專屬的發言框底色,發言更炫酷,更引人注目哦
<br>
符號等級不同,底框顏色不同。
</div>
<div
class=
"vip-tips-img"
><img
src=
"images/vip-tips6.png"
alt=
""
></div>
<div
class=
"vip-tips-jiao"
></div>
</div>
<img
src=
"images/t7-no.png"
alt=
""
>
<p>
進房間隱身
</p>
</li>
<li>
<div
class=
"vip-tips8"
>
<div
class=
"vip-tips-p1"
><div></div>
尊貴名片
</div>
<div
class=
"vip-tips-p2"
>
獲取條件
</div>
<div
class=
"vip-tips-p3"
>
VIP41及以上用戶
</div>
<div
class=
"vip-tips-p4"
>
特權說明
</div>
<div
class=
"vip-tips-p5"
>
在VIP有效期內,在直播間的用戶可以防止除主播外的其他人踢出/禁言。
</div>
<div
class=
"vip-tips-jiao"
></div>
</div>
<img
src=
"images/t8-no.png"
alt=
""
>
<p>
防踢防禁言
</p>
</li>
...
...
@@ -169,6 +213,7 @@
<script>
$
(
function
(){
loginGo
()
})
</script>
</html>
\ No newline at end of file
This diff is collapsed.
Click to expand it.
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