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
923dd13b
authored
2 years ago
by
libai
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
测试
parent
beabd1ac
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
10 additions
and
7 deletions
css/index.css
css/index.less
index.html
video.html
css/index.css
View file @
923dd13b
...
...
@@ -417,6 +417,7 @@
background
:
url(../images/add-img.png)
no-repeat
;
background-size
:
cover
;
position
:
relative
;
background-position-y
:
center
;
}
.add-video-text-box
{
height
:
1.65rem
;
...
...
This diff is collapsed.
Click to expand it.
css/index.less
View file @
923dd13b
...
...
@@ -426,6 +426,7 @@
background:url(../images/add-img.png)no-repeat;
background-size: cover;
position: relative;
background-position-y: center;
}
.add-video-text-box{
height: 1.65rem;
...
...
This diff is collapsed.
Click to expand it.
index.html
View file @
923dd13b
...
...
@@ -177,6 +177,7 @@ $(function(){
var
typeNumber
=
1
var
scrollOk
=
true
;
var
scrollTopNum
=
0
getLive
()
setTimeout
(
function
(){
tagGet
()
...
...
@@ -278,7 +279,7 @@ $(function(){
var topList=JSON.parse(data.dataList[0].content)
console.log(topList)
// duration
html+='
<
a
href
=
"video.html?topicId='+data.dataList[0].topicId+'&tag='+tagNum+'"
><
div
style
=
"background: url(https://zhibocdn.yabolive.net/comm'+topList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_
0,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cov
er;"
class
=
"swiper-img"
>
';
html+='
<
a
href
=
"video.html?topicId='+data.dataList[0].topicId+'&tag='+tagNum+'"
><
div
style
=
"background: url(https://zhibocdn.yabolive.net/comm'+topList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_
60000,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: cent
er;"
class
=
"swiper-img"
>
';
html+='
<
div
class
=
"top-img-shadow"
><
/div>'
;
html
+=
'
<
/div>'
;
html
+=
'
<
div
class
=
"swiper-time"
>
'+add0(Math.floor(topList.videos[0].duration/1000/60))+'
:
'+add0(Math.floor(topList.videos[0].duration/1000)%60)+'
<
/div>'
;
...
...
@@ -298,7 +299,7 @@ $(function(){
for
(
var
i
=
1
;
i
<
5
;
i
++
){
var
list
=
data
.
dataList
[
i
]
var
videoList
=
JSON
.
parse
(
list
.
content
)
html
+=
'
<
a
href
=
"video.html?topicId='+list.topicId+'&tag='+tagNum+'"
><
div
data
-
type
=
"'+list.topicId+'"
style
=
"background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_
0,f_jpg,w_360,h_0,m_fast,f_jpg)no-repeat;background-size: cov
er;"
class
=
"videos-box"
>
';
html
+=
'
<
a
href
=
"video.html?topicId='+list.topicId+'&tag='+tagNum+'"
><
div
data
-
type
=
"'+list.topicId+'"
style
=
"background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_
60000,f_jpg,w_360,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: cent
er;"
class
=
"videos-box"
>
';
html+='
<
img
class
=
"play-icon"
src
=
"images/play-icon.png"
alt
=
""
>
';
html+='
<
div
class
=
"video-time"
>
'+add0(Math.floor(videoList.videos[0].duration/1000/60))+'
:
'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'
<
/div>'
;
html
+=
'
<
div
class
=
"video-more"
>
';
...
...
@@ -324,7 +325,7 @@ $(function(){
html+='
<
img
src
=
"https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80"
alt
=
""
>
';
html+='
<
p
>
'+list.nickname+'
<
/p>'
;
html
+=
'
<
/div>'
;
html
+=
'
<
div
style
=
"background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_
0,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cov
er;"
class
=
"add-video-img"
>
';
html
+=
'
<
div
style
=
"background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_
60000,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: cent
er;"
class
=
"add-video-img"
>
';
html+='
<
img
class
=
"play-icon"
src
=
"images/play-icon.png"
alt
=
""
>
';
html+='
<
/div>'
;
html
+=
'
<
div
class
=
"add-video-text-box"
>
';
...
...
@@ -368,7 +369,7 @@ $(function(){
html+='
<
img
src
=
"https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80"
alt
=
""
>
';
html+='
<
p
>
'+list.nickname+'
<
/p>'
;
html
+=
'
<
/div>'
;
html
+=
'
<
div
style
=
"background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_
0,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cov
er;"
class
=
"add-video-img"
>
';
html
+=
'
<
div
style
=
"background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_
60000,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: cent
er;"
class
=
"add-video-img"
>
';
html+='
<
img
class
=
"play-icon"
src
=
"images/play-icon.png"
alt
=
""
>
';
html+='
<
/div>'
;
html
+=
'
<
div
class
=
"add-video-text-box"
>
';
...
...
This diff is collapsed.
Click to expand it.
video.html
View file @
923dd13b
...
...
@@ -54,7 +54,7 @@
<div
class=
"grap-swiper-box"
>
<div
class=
"recommend-swiper"
>
<!-- <div style="background: url(https://zhibocdn.yabolive.net/comm/theme/2022-04-02/253898d006be4ad1be5bf5acde410add.mp4?x-oss-process=video/snapshot,t_0,f_jpg,w_0,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" class="swiper-img"><div class="top-img-shadow"></div></div>
<!-- <div style="background: url(https://zhibocdn.yabolive.net/comm/theme/2022-04-02/253898d006be4ad1be5bf5acde410add.mp4?x-oss-process=video/snapshot,t_0,f_jpg,w_0,h_0,m_fast,f_jpg)no-repeat;background-size: cover;
background-position-y: center;
" class="swiper-img"><div class="top-img-shadow"></div></div>
<p class="swiper-name">今天吃什么呢,打算吃什么呢</p>
<div class="swiper-face-name">
<img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
...
...
@@ -330,7 +330,7 @@ $(function(){
html+='
<
img
src
=
"https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80"
alt
=
""
>
';
html+='
<
p
>
'+list.nickname+'
<
/p>'
;
html
+=
'
<
/div>'
;
html
+=
'
<
div
style
=
"background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover+')no-repeat;background-size: cover;"
class
=
"add-video-img"
>
';
html
+=
'
<
div
style
=
"background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover+')no-repeat;background-size: cover;
background-position-y: center;
"
class
=
"add-video-img"
>
';
html+='
<
img
class
=
"play-icon"
src
=
"images/play-icon.png"
alt
=
""
>
';
html+='
<
/div>'
;
html
+=
'
<
div
class
=
"add-video-text-box"
>
';
...
...
@@ -377,7 +377,7 @@ $(function(){
html+='
<
img
src
=
"https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80"
alt
=
""
>
';
html+='
<
p
>
'+list.nickname+'
<
/p>'
;
html
+=
'
<
/div>'
;
html
+=
'
<
div
style
=
"background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover
+')no-repeat;background-size: cov
er;"
class
=
"add-video-img"
>
';
html
+=
'
<
div
style
=
"background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover
.split('?')[0]+'?x-oss-process=video/snapshot,t_60000,f_jpg,w_400,h_0,m_fast,f_jpg)no-repeat;background-size: cover; background-position-y: cent
er;"
class
=
"add-video-img"
>
';
html+='
<
img
class
=
"play-icon"
src
=
"images/play-icon.png"
alt
=
""
>
';
html+='
<
/div>'
;
html
+=
'
<
div
class
=
"add-video-text-box"
>
';
...
...
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