bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

358
历届学生/font-end-nine/项目练习/学生项目/冯文焌/3定位（好看视频）/.好看.html Normal file
View File

@@ -0,0 +1,358 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3445167_ub2ivnoluaa.css">
<link rel="stylesheet" href="./css/celar.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/好看.css">
</head>
<body>
<!-- 菜单层 -->
<div class="menu">
<img class="logo" src="./img/logo.png">
<ul>
<li class="active">
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg">
<span>首页</span>
</a>
</li>
</ul>
</div>
<!-- 标题层 -->
<!-- 标题左边 -->
<div class="title hidden">
<div class="search left">
<input type="text left" placeholder="搜索">
<div class="butt left">
<i class="iconfont icon-sousuo"></i>
<span>搜索</span>
</div>
</div>
<!-- 标题右边 -->
<div class="title-A right">
<div class="tltle-b left">
<ul>
<li class="left">
<a href="">
<i class="iconfont icon-xiazai"></i>
<span>下载客户端</span>
</a>
</li>
<li class="left">
<a href="">
<i class="iconfont icon-xiazai"></i>
<span>下载客户端</span>
</a>
</li>
<li class="left">
<a href="">
<i class="iconfont icon-xiazai"></i>
<span>下载客户端</span>
</a>
</li>
</ul>
</div>
<div class="tltle-c right">
<a href="">
<i class="iconfont icon-yunshangchuan"></i>
<span>上传视频</span>
</a>
<button>登录</button>
</div>
</div>
</div>
<!-- 主要内容 -->
<div class="content hidden">
<ul>
<li class="firstImg left"></li>
<li class="aaa left">
<img src="https://f7.baidu.com/it/u=568375066,3725573696&fm=222&app=108&f=JPEG@s_0,w_660,h_370,q_80">
<div class="kj hidden">
<div class="user left">
<img src="https://pic.rmb.bdstatic.com/bjh/user/c28c0569c1d64c18066f3e099d0eeecc.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=15874">
</div>
<div class="text left">
<p>
莫西沙冰飘花翡翠手镯的原石定制现场，现场直播选料现场开石
</p>
<span>璀璨翡翠珠宝</span>
<p class="asd">287次观看</p>
</div>
</div>
</li>
<li class="left">
<img src="https://f7.baidu.com/it/u=568375066,3725573696&fm=222&app=108&f=JPEG@s_0,w_660,h_370,q_80">
<div class="kj hidden">
<div class="user left">
<img src="https://pic.rmb.bdstatic.com/bjh/user/c28c0569c1d64c18066f3e099d0eeecc.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=15874">
</div>
<div class="text left">
<p>
莫西沙冰飘花翡翠手镯的原石定制现场，现场直播选料现场开石
</p>
<span>璀璨翡翠珠宝</span>
<p class="asd">287次观看</p>
</div>
</div>
</li>
<li class="left">
<img src="https://f7.baidu.com/it/u=568375066,3725573696&fm=222&app=108&f=JPEG@s_0,w_660,h_370,q_80">
<div class="kj hidden">
<div class="user left">
<img src="https://pic.rmb.bdstatic.com/bjh/user/c28c0569c1d64c18066f3e099d0eeecc.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=15874">
</div>
<div class="text left">
<p>
莫西沙冰飘花翡翠手镯的原石定制现场，现场直播选料现场开石
</p>
<span>璀璨翡翠珠宝</span>
<p class="asd">287次观看</p>
</div>
</div>
</li>
<li class="left">
<img src="https://f7.baidu.com/it/u=568375066,3725573696&fm=222&app=108&f=JPEG@s_0,w_660,h_370,q_80">
<div class="kj hidden">
<div class="user left">
<img src="https://pic.rmb.bdstatic.com/bjh/user/c28c0569c1d64c18066f3e099d0eeecc.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=15874">
</div>
<div class="text left">
<p>
莫西沙冰飘花翡翠手镯的原石定制现场，现场直播选料现场开石
</p>
<span>璀璨翡翠珠宝</span>
<p class="asd">287次观看</p>
</div>
</div>
</li>
<li class="left">
<img src="https://f7.baidu.com/it/u=568375066,3725573696&fm=222&app=108&f=JPEG@s_0,w_660,h_370,q_80">
<div class="kj hidden">
<div class="user left">
<img src="https://pic.rmb.bdstatic.com/bjh/user/c28c0569c1d64c18066f3e099d0eeecc.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=15874">
</div>
<div class="text left">
<p>
莫西沙冰飘花翡翠手镯的原石定制现场，现场直播选料现场开石
</p>
<span>璀璨翡翠珠宝</span>
<p class="asd">287次观看</p>
</div>
</div>
</li>
<li class="left">
<img src="https://f7.baidu.com/it/u=568375066,3725573696&fm=222&app=108&f=JPEG@s_0,w_660,h_370,q_80">
<div class="kj hidden">
<div class="user left">
<img src="https://pic.rmb.bdstatic.com/bjh/user/c28c0569c1d64c18066f3e099d0eeecc.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=15874">
</div>
<div class="text left">
<p>
莫西沙冰飘花翡翠手镯的原石定制现场，现场直播选料现场开石
</p>
<span>璀璨翡翠珠宝</span>
<p class="asd">287次观看</p>
</div>
</div>
</li>
<li class="left">
<img src="https://f7.baidu.com/it/u=568375066,3725573696&fm=222&app=108&f=JPEG@s_0,w_660,h_370,q_80">
<div class="kj hidden">
<div class="user left">
<img src="https://pic.rmb.bdstatic.com/bjh/user/c28c0569c1d64c18066f3e099d0eeecc.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=15874">
</div>
<div class="text left">
<p>
莫西沙冰飘花翡翠手镯的原石定制现场，现场直播选料现场开石
</p>
<span>璀璨翡翠珠宝</span>
<p class="asd">287次观看</p>
</div>
</div>
</li>
<li class="left">
<img src="https://f7.baidu.com/it/u=568375066,3725573696&fm=222&app=108&f=JPEG@s_0,w_660,h_370,q_80">
<div class="kj hidden">
<div class="user left">
<img src="https://pic.rmb.bdstatic.com/bjh/user/c28c0569c1d64c18066f3e099d0eeecc.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=15874">
</div>
<div class="text left">
<p>
莫西沙冰飘花翡翠手镯的原石定制现场，现场直播选料现场开石
</p>
<span>璀璨翡翠珠宝</span>
<p class="asd">287次观看</p>
</div>
</div>
</li>
<li class="left">
<img src="https://f7.baidu.com/it/u=568375066,3725573696&fm=222&app=108&f=JPEG@s_0,w_660,h_370,q_80">
<div class="kj hidden">
<div class="user left">
<img src="https://pic.rmb.bdstatic.com/bjh/user/c28c0569c1d64c18066f3e099d0eeecc.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=15874">
</div>
<div class="text left">
<p>
莫西沙冰飘花翡翠手镯的原石定制现场，现场直播选料现场开石
</p>
<span>璀璨翡翠珠宝</span>
<p class="asd">287次观看</p>
</div>
</div>
</li>
<li class="left">
<img src="https://f7.baidu.com/it/u=568375066,3725573696&fm=222&app=108&f=JPEG@s_0,w_660,h_370,q_80">
<div class="kj hidden">
<div class="user left">
<img src="https://pic.rmb.bdstatic.com/bjh/user/c28c0569c1d64c18066f3e099d0eeecc.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=15874">
</div>
<div class="text left">
<p>
莫西沙冰飘花翡翠手镯的原石定制现场，现场直播选料现场开石
</p>
<span>璀璨翡翠珠宝</span>
<p class="asd">287次观看</p>
</div>
</div>
</li>
</ul>
</div>
</body>
</html>

20
历届学生/font-end-nine/项目练习/学生项目/冯文焌/3定位（好看视频）/css/celar.css Normal file
View File

@@ -0,0 +1,20 @@
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a{
text-decoration: none
}

11
历届学生/font-end-nine/项目练习/学生项目/冯文焌/3定位（好看视频）/css/public.css Normal file
View File

@@ -0,0 +1,11 @@
.left{
float: left;
/* margin-right: 20px;
display: inline-block; */
}
.right{
float: right;
}
.hidden{
overflow: hidden;
}

196
历届学生/font-end-nine/项目练习/学生项目/冯文焌/3定位（好看视频）/css/好看.css Normal file
View File

@@ -0,0 +1,196 @@
.menu {
width: 240px;
height: 100%;
position: fixed;
box-shadow: 1px 5px 5px black;
}
.menu .logo {
width: 146px;
height: 36px;
margin: 0 auto;
display: block;
margin-top: 34px;
margin-bottom: 8px;
}
.menu ul {
overflow-y: auto;
padding: 0 30px;
height: calc(100% - 44px);
}
.menu ul .active {
background-color: #f7f7f7;
border-radius: 3px;
}
.menu ul li {
height: 40px;
line-height: 40px;
margin-bottom: 8px;
}
.menu ul li a {}
.menu ul li a img {
vertical-align: text-top;
margin-left: 5px;
}
.menu ul li a span {
font-size: 16px;
color: black;
}
/* 标题css */
.title {
width: calc(100% - 240px);
background-color: rgb(248, 247, 247);
position: fixed;
left: 240px;
}
.title .search {
margin-top: 14px;
margin-bottom: 14px;
width: 440px;
height: 36px;
background-color: hsl(0deg 0% 97% / 2%);
border: 1px solid black;
box-sizing: 3px;
margin-left: 30px;
}
.title .search input {
width: 342px;
height: 100%;
box-sizing: 3px;
border: none;
padding-left: 17px;
box-sizing: border-box;
}
.title .search .butt {
background-color: #f7f7f7;
position: relative;
margin-left: 16px;
}
.title .search .butt::before {
content: "";
width: 1px;
height: 16px;
background-color: red;
display: inline-block;
position: absolute;
right: 73px;
top: 3px;
}
.title .search .butt i {}
.title .search .butt span {
color: #666;
font-size: 16px;
}
/* 标题右边 */
.title .title-A {
font-size: 14px;
color: black ;
height: 36px;
line-height: 36px;
margin: 14px 0;
}
.title .title-A .tltle-b {}
.title .title-A .tltle-b li {}
.title .title-A .tltle-b li a {
color: black ;
}
.title .title-A .tltle-b li a i {
}
.title .title-A .tltle-b li a span {
}
.title .title-A .tltle-c{
margin-right: 30px;
}
.title .title-A .tltle-c a{
margin-right: 30px;
}
.title .title-A .tltle-c a i{
width: 96px;
height: 30px;;
color: #111622;
}
.title .title-A .tltle-c a span{
font-size: 14px;
color: #111622;
}
.title .title-A button{
color: white;
width: 88px;
height: 30px;
background-color: red;
box-sizing: 3px;
}
/* 正文css */
.content{
padding-top: 64px;
margin-left: 240px;
}
.content ul{
padding: 32px 0 0 32px;
}
.content ul li{
margin-bottom: 10px;
}
.content ul .firstImg {
margin-right: 20px;
width: 515px;
height: 219px;
background-image: url('https://pic.rmb.bdstatic.com/baidu-rmb-video-cover-1/2022-4/1651223082955/1596c0b2c3cd.jpg');
background-size: 100% 175%;
background-repeat: no-repeat;
}
.content ul .aaa{
margin-right: 20px;
}
.content ul li img{
height: 140px;
width: 245px;
}
.content ul li .user img{
width: 36px;
height: 36px;
border-radius: 50%;
margin-bottom: 45px;
}
.content ul li .text p{
width: 164px;
overflow: hidden;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
color: #111622
}
.content ul li .text span{
font-size: 14px;
color: #505666;
}
.content ul li .text .asd{
font-size: 14px;
color: #505666;
}

BIN
历届学生/font-end-nine/项目练习/学生项目/冯文焌/3定位（好看视频）/img/c8f822e4521d12d2fe05791b63f2053c.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

1
历届学生/font-end-nine/项目练习/学生项目/冯文焌/3定位（好看视频）/img/home.svg Normal file
View File

@@ -0,0 +1 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.173 4.66l4 2.588A4 4 0 0 1 20 10.606V17a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4v-6.394a4 4 0 0 1 1.827-3.358l4-2.588a4 4 0 0 1 4.346 0zM12 12.358a.8.8 0 0 0-.8.8v3.338a.8.8 0 1 0 1.6 0v-3.338a.8.8 0 0 0-.8-.8z" fill="#111622" fill-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 319 B

BIN
历届学生/font-end-nine/项目练习/学生项目/冯文焌/3定位（好看视频）/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB