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

18
历届学生/front-end-team-11/项目开发/上课项目/psd练习/css/clear.css Normal file
View File

@@ -0,0 +1,18 @@
body,ul,p,h1,h2,h3,h4,h5,h6,a {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
}
body {
background: #f3f4f7;
line-height: 1;
}
html {
/* font-size: 50px; */
}
body {
font-size: 0;
}

119
历届学生/front-end-team-11/项目开发/上课项目/psd练习/css/index.css Normal file
View File

@@ -0,0 +1,119 @@
.header {
position: fixed;
top: 0;
left: 0;
height: 45px;
width: 100%;
z-index: 999;
display: flex;
align-items: center;
padding-left: 12.5px;
box-sizing: border-box;
}
.header img {
width: 9.5px;
height: 17px;
}
.content {
margin-top: 45px;
}
.content .user {
display: flex;
padding-left: 12px;
padding-top: 20px;
padding-bottom: 21px;
}
.content .user .user_img {
width: 60px;
height: 60px;
margin-right: 19.5px;
}
.content .user .user_right {}
.content .user .user_right .name{
display: flex;
align-items: center;
margin-bottom: 8px;
}
.content .user .user_right .name .text{
font-family: PingFang-SC-Bold;
font-size: 18px;
color: #000000;
margin-right: 5px;
line-height: 17px;
}
.content .user .user_right .name img{
width: 13.5px;
height: 13.5px;
}
.content .user .user_right .nickname,
.content .user .user_right .id,
.content .user .user_right .addresss{
font-family: PingFang-SC-Medium;
font-size: 13px;
color: #868686;
}
.content .user .user_right .id{
margin: 3px 0;
}
.content .user .user_right .addresss{}
.user_info {
margin-top: 8.5px;
padding-left: 11px;
padding-bottom: 12px;
}
.user_info li {
height: 43.5px;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 12.5px;
border-bottom: 0.5px solid rgb(220 220 220 / 60%);
}
.user_info li:last-child {
border-bottom: none;
}
.user_info li .tips{
font-family: PingFangSC-Regular;
font-size: 16px;
color: #000000;
width: 64px;
margin-right: 16px;
}
.user_info li .text{
font-family: PingFang-SC-Medium;
font-size: 16px;
color: #868686;
flex: 1;
}
.user_info li img{
width: 7px;
height: 12px;
}
.action {
margin-top: 8.5px;
}
.action li {
height: 50.5px;
display: flex;
align-items: center;
justify-content: center;
}
.action li:first-child {
border-bottom: 0.5px solid rgb(220 220 220 / 60%);
}
.action li img{
width: 18px;
height: 17px;
margin-right: 7.5px;
}
.action li span{
font-family: PingFang-SC-Bold;
font-size: 16px;
color: #5a6f92;
}

25
历届学生/front-end-team-11/项目开发/上课项目/psd练习/css/public.css Normal file
View File

@@ -0,0 +1,25 @@
.left {
float: left;
}
.white {
background: white;
}
.right {
float: right;
}
.hidden{
overflow: hidden;
}
.xcenter {
text-align: center;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}

225
历届学生/front-end-team-11/项目开发/上课项目/psd练习/css/video.css Normal file
View File

@@ -0,0 +1,225 @@
body {
display: flex;
flex-direction: column;
height: 100vh;
}
.content {
flex: 1;
background: url("../img/background.png");
background-size: cover;
position: relative;
}
.header {
position: fixed;
width: 100%;
height: .9rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.37rem;
box-sizing: border-box;
}
.header img {
width: 0.42rem;
height: 0.42rem;
}
.header ul {
display: flex;
width: 2.18rem;
justify-content: space-between;
}
.header ul li{
font-size: 0.3rem;
color: #fefefe;
box-shadow: 0rem 0.03rem 0.02rem 0rem
rgba(0, 0, 0, 0.74);
position: relative;
}
.header ul .active::after {
content: "";
position: absolute;
width: 0.35rem;
height: 0.02rem;
background-color: #ffffff;
box-shadow: 0rem 0.02rem 0.02rem 0rem
rgba(12, 0, 255, 0.35);
border-radius: 0.01rem;
left: 50%;
transform: translateX(-50%);
bottom: -0.12rem;
}
.shop {
position: absolute;
left: 0.3rem;
bottom: 0.1rem;
}
.shop .name{
display: flex;
align-items: center;
margin-bottom: 0.22rem;
}
.shop .name img{
width: 0.28rem;
height: 0.26rem;
margin-right: 0.1rem;
}
.shop .name p{
font-family: PingFangSC-Regular;
font-size: 0.26rem;
color: #ffc600;
}
.shop .item{
width: 5.85rem;
height: 1.68rem;
background-color: #ffffff;
padding: 0.1rem 0 0.1rem 0.09rem;
box-sizing: border-box;
display: flex;
position: relative;
}
.shop .item .item_img{
width: 1.48rem;
height: 1.48rem;
margin-right: 0.15rem;
}
.shop .item .text .title{
font-family: PingFang-SC-Bold;
font-size: 0.28rem;
color: #333333;
margin-top: 0.18rem;
margin-bottom:0.29rem;
}
.shop .item .text .price_wrap{
margin-bottom: 0.15rem;
display: flex;
align-items: center;
}
.shop .item .text .price_wrap .price{
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #333333;
margin-right: 0.03rem;
}
.shop .item .text .price_wrap .tips{
width: 0.6rem;
height: 0.24rem;
background-color: #ea4e3d;
border-radius: 0.12rem;
font-size: 0.2rem;
color: #fffefe;
display: flex;
align-items: center;
justify-content: center;
}
.shop .item .text .price_wrap .tips span {
zoom: 0.74;
}
.shop .item .text .count{
font-family: PingFang-SC-Medium;
font-size: 0.2rem;
zoom: 0.8;
color: #626262;
}
.shop .item .car_icon{
width: 0.46rem;
height: 0.46rem;
position: absolute;
bottom: 0.17rem;
right: 0.34rem;
}
.shop .music{
display: flex;
align-items: center;
margin-top: 0.27rem;
}
.shop .music img{
width: 0.27rem;
height: 0.28rem;
margin-right: 0.13rem;
}
.shop .music p{
font-family: PingFangSC-Regular;
font-size: 0.24rem;
color: #ffffff;
}
.video_action {
position: absolute;
right: 0.19rem;
bottom: 0.14rem;
display: flex;
flex-direction: column;
align-items: center;
}
.video_action .photo{
width: 0.96rem;
height: 0.97rem;
position: relative;
margin-bottom: 0.49rem;
}
.video_action .photo img:first-child{
width: 100%;
height: 100%;
border-radius: 100%;
border: solid 0.03rem #ffffff;
box-sizing: border-box;
}
.video_action .photo img:last-child {
width: 0.34rem;
height: 0.34rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -0.12rem;
}
.video_action ul{}
.video_action ul li {
text-align: center;
margin-bottom: 0.32rem;
}
.video_action ul li:last-child {
margin-bottom: 0;
}
.video_action ul li img{
width: 0.67rem;
height: 0.67rem;
margin-bottom: 0.15rem;
}
.video_action ul li p{
font-family: SourceHanSansCN-Regular;
font-size: 0.2rem;
color: #ffffff;
}
.footer {
height: 1rem;
background-color: #000000;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 0.39rem;
padding-right: 0.54rem;
}
.footer li {
font-family: AdobeHeitiStd-Regular;
font-size: 0.24rem;
color: #ffffff;
position: relative;
}
.footer .active {
font-size: 0.3rem;
}
.footer .active::after {
content: "";
position: absolute;
width: 0.51rem;
height: 0.03rem;
background-color: #ffffff;
border-radius: 0.015rem;
left: 50%;
transform: translateX(-50%);
bottom: -0.25rem;
}