Skip to content

libai / footseen-large-website

Go to a project
Commit f2766b08 by libai
Options

测试

parent 302f2bec
Expand all
Inline Side-by-side
Showing with 422 additions and 5 deletions
yazhaiTest/css/login.css
...@@ -557,3 +557,14 @@ ...@@ -557,3 +557,14 @@
.neck-nav-ul .neck-nav-li-click > img { .neck-nav-ul .neck-nav-li-click > img {
display: block; display: block;
} }
.search-input {
width: 260px;
height: 36px;
background: #fff;
border-radius: 50px;
position: absolute;
top: 12px;
left: 830px;
font-size: 14px;
text-indent: 15px;
}
yazhaiTest/css/login.less
...@@ -576,4 +576,15 @@ ...@@ -576,4 +576,15 @@
display: block; display: block;
} }
} }
} }
\ No newline at end of file .search-input{
width: 260px;
height: 36px;
background: #fff;
border-radius: 50px;
position: absolute;
top: 12px;
left: 830px;
font-size: 14px;
text-indent: 15px;
}
\ No newline at end of file
yazhaiTest/lib/login.js
...@@ -159,6 +159,10 @@ function loginGo(){ ...@@ -159,6 +159,10 @@ function loginGo(){
html+='</ul>'; html+='</ul>';
$(".neck-nav-content").append(html) $(".neck-nav-content").append(html)
} }
var html=[];
html+='<input class="search-input" placeholder="搜索" type="text">'
html+='<img class="search-icon" src="https://www.footseen.xyz/yazhaiTest/images/front/search2.png">'
$(".neck-nav-content").append(html)
if(localStorage.uid!=undefined&&localStorage.uid!="undefined"){ if(localStorage.uid!=undefined&&localStorage.uid!="undefined"){
$.ajax({ $.ajax({
url:$ip+'user/queryUserBaseInfo', url:$ip+'user/queryUserBaseInfo',
......
yazhaiTest/pc.html
...@@ -744,7 +744,7 @@ $(function(){ ...@@ -744,7 +744,7 @@ $(function(){
html+='<div style="background: url(https://app.ixiulive.com/static/footVideo/m/m'+mRandom+'.jpg?v=20220614);background-size: cover;" class="video-top-box">'; html+='<div style="background: url(https://app.ixiulive.com/static/footVideo/m/m'+mRandom+'.jpg?v=20220614);background-size: cover;" class="video-top-box">';
} }
else html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+imgList.images[0].url.split('?')[0]+'?x-oss-process=image/resize,w_342" class="video-top-box">'; else html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+imgList.images[0].url.split('?')[0]+'?x-oss-process=image/resize,w_342);background-size: cover;" class="video-top-box">';
html+='<div class="video-top-shadow"></div>'; html+='<div class="video-top-shadow"></div>';
html+='</div>'; html+='</div>';
html+='<div class="video-name-box">'; html+='<div class="video-name-box">';
......
yazhaiTest/search/css/index.css
...@@ -27,3 +27,200 @@ ...@@ -27,3 +27,200 @@
color: #fff; color: #fff;
border-radius: 50px; border-radius: 50px;
} }
.search-user-box .search-user-top {
font-weight: 700;
color: #333333;
font-size: 28px;
padding-top: 20px;
padding-bottom: 14px;
}
.search-user-ul {
width: 1440px;
margin: 0 auto;
}
.search-user-ul li {
width: 463px;
height: 120px;
margin-right: 20px;
background: linear-gradient(to right, #fff, #FFF4FA);
float: left;
margin-bottom: 20px;
border-radius: 8px;
overflow: hidden;
position: relative;
box-shadow: 2px 0 20px rgba(0, 0, 0, 0.05);
}
.search-user-ul li:nth-child(3n) {
margin-right: 0;
}
.search-user-ul .like-face {
width: 120px;
height: 120px;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
}
.search-user-ul .like-user-btn1 {
width: 90px;
height: 40px;
background: #E53985;
border-radius: 20px;
position: absolute;
right: 8px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 14px;
top: 40px;
cursor: pointer;
}
.search-user-ul .like-user-btn2 {
width: 90px;
height: 40px;
background: #fff;
border-radius: 20px;
position: absolute;
right: 8px;
line-height: 40px;
text-align: center;
color: #E53985;
border: 1px solid #E53985;
font-size: 14px;
top: 40px;
cursor: pointer;
}
.search-user-ul .search-user-p1 {
line-height: 30px;
text-indent: 135px;
width: 350px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-top: 32px;
}
.search-user-ul .search-user-p2 {
line-height: 30px;
text-indent: 135px;
color: #999999;
width: 350px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.search-video-top {
font-weight: 700;
color: #333333;
font-size: 28px;
margin-top: 15px;
margin-bottom: 14px;
}
.search-video-ul,
.images-box-ul {
width: 1440px;
margin-bottom: 15px;
}
.search-video-ul li,
.images-box-ul li {
width: 342px;
height: 258px;
margin-bottom: 18px;
margin-right: 24px;
float: left;
border-radius: 8px;
background: #FFFFFF;
position: relative;
overflow: hidden;
box-shadow: 2px 0 20px rgba(0, 0, 0, 0.05);
}
.search-video-ul .live-cursor-shadow,
.images-box-ul .live-cursor-shadow {
width: 342px;
height: 193px;
top: 0;
left: 0;
}
.search-video-ul > a:nth-child(4n) li,
.images-box-ul > a:nth-child(4n) li {
margin-right: 0;
}
.search-video-ul .video-top-box,
.images-box-ul .video-top-box {
height: 193px;
width: 342px;
position: relative;
}
.search-video-ul .video-top-shadow,
.images-box-ul .video-top-shadow {
width: 342px;
height: 50px;
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
.search-video-ul .video-time,
.images-box-ul .video-time {
color: #fff;
font-size: 16px;
position: absolute;
z-index: 2;
right: 8px;
bottom: 10px;
}
.search-video-ul .video-name-box,
.images-box-ul .video-name-box {
position: relative;
height: 65px;
width: 342px;
}
.search-video-ul .video-face,
.images-box-ul .video-face {
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
left: 6px;
top: 10px;
}
.search-video-ul .video-title,
.images-box-ul .video-title {
color: #333333;
font-size: 14px;
text-indent: 12px;
padding-top: 10px;
width: 330px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.search-video-ul .video-tag-box,
.images-box-ul .video-tag-box {
margin-left: 10px;
margin-top: 4px;
}
.search-video-ul .video-tag-box > div,
.images-box-ul .video-tag-box > div {
min-width: 42px;
max-width: 84px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
height: 18px;
background: #FFE8F1;
color: #E53985;
font-size: 12px;
line-height: 18px;
text-align: center;
border-radius: 4px;
float: left;
margin-right: 4px;
margin-bottom: 30px;
}
.search-images-top {
font-weight: 700;
color: #333333;
font-size: 28px;
margin-top: 15px;
margin-bottom: 14px;
}
yazhaiTest/search/css/index.less
...@@ -27,3 +27,197 @@ ...@@ -27,3 +27,197 @@
border-radius: 50px; border-radius: 50px;
} }
} }
.search-user-box{
.search-user-top{
font-size: 28px;
font-weight: 700;
color: #333333;
font-size: 28px;
padding-top: 20px;
padding-bottom: 14px;
}
}
.search-user-ul{
width: 1440px;
margin: 0 auto;
li{
width: 463px;
height: 120px;
margin-right: 20px;
background: linear-gradient(to right, #fff, #FFF4FA);
float: left;
margin-bottom: 20px;
border-radius: 8px;
overflow: hidden;
position: relative;
box-shadow: 2px 0 20px rgb(0 0 0 / 5%);
}
li:nth-child(3n){
margin-right: 0;
}
.like-face {
width: 120px;
height: 120px;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
}
.like-user-btn1{
width: 90px;
height: 40px;
background:#E53985;
border-radius: 20px;
position: absolute;
right: 8px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 14px;
top: 40px;
cursor: pointer;
}
.like-user-btn2 {
width: 90px;
height: 40px;
background: #fff;
border-radius: 20px;
position: absolute;
right: 8px;
line-height: 40px;
text-align: center;
color: #E53985;
border: 1px solid #E53985;
font-size: 14px;
top: 40px;
cursor: pointer;
}
.search-user-p1{
line-height: 30px;
text-indent: 135px;
width: 350px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-top: 32px;
}
.search-user-p2{
line-height: 30px;
text-indent: 135px;
color: #999999;
width: 350px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
.search-video-top{
font-size: 28px;
font-weight: 700;
color: #333333;
font-size: 28px;
margin-top: 15px;
margin-bottom: 14px;
}
.search-video-ul,.images-box-ul{
width: 1440px;
margin-bottom: 15px;
li{
width: 342px;
height: 258px;
margin-bottom: 18px;
margin-right: 24px;
float: left;
border-radius: 8px;
background: #FFFFFF;
position: relative;
overflow: hidden;
box-shadow: 2px 0 20px rgb(0 0 0 / 5%);
}
.live-cursor-shadow{
width: 342px;
height: 193px;
top: 0;
left: 0;
}
>a:nth-child(4n){
li{
margin-right: 0;
}
}
.video-top-box{
height: 193px;
width: 342px;
position: relative;
}
.video-top-shadow{
width: 342px;
height: 50px;
position: absolute;
bottom: 0;
left: 0;
background:linear-gradient(to top,rgba(0,0,0,0.4),rgba(0,0,0,0));
}
.video-time{
color: #fff;
font-size: 16px;
position: absolute;
z-index: 2;
right: 8px;
bottom: 10px;
}
.video-name-box{
position: relative;
height: 65px;
width: 342px;
}
.video-face{
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
left: 6px;
top: 10px;
}
.video-title{
color: #333333;
font-size: 14px;
text-indent: 12px;
padding-top: 10px;
width: 330px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.video-tag-box{
margin-left: 10px;
margin-top: 4px;
>div{
min-width: 42px;
max-width: 84px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
height: 18px;
background: #FFE8F1;
color: #E53985;
font-size: 12px;
line-height: 18px;
text-align: center;
border-radius: 4px;
float: left;
margin-right: 4px;
margin-bottom: 30px;
}
}
}
.search-images-top{
font-size: 28px;
font-weight: 700;
color: #333333;
font-size: 28px;
margin-top: 15px;
margin-bottom: 14px;
}
\ No newline at end of file
yazhaiTest/space/css/index.less
...@@ -871,4 +871,4 @@ ...@@ -871,4 +871,4 @@
border: 2px solid #E53985; border: 2px solid #E53985;
transform: scale(1.1); transform: scale(1.1);
} }
} }
\ No newline at end of file
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