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

300
历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.18/css/douying.css Normal file
View File

@@ -0,0 +1,300 @@
body {
display: flex;
flex-direction: column;
height: 100vh;
}
.header {
flex: 1;
background: url("../img/back.png");
background-size: cover;
position: relative;
}
.header .zz {
position: absolute;
width: 100%;
height: 100%;
background: #00000069;
}
.follow {
position: absolute;
display: flex;
justify-content: space-between;
width: 100%;
padding: 0 0.36rem;
box-sizing: border-box;
top: 0.3rem;
align-items: center;
}
.follow img {
width: 0.42rem;
height: 0.42rem;
}
.follow ul {
display: flex;
justify-content: space-between;
}
.follow ul li {
font-family: AdobeHeitiStd-Regular;
font-size: 0.3rem;
color: #fefefe;
margin-right: 0.25rem;
}
.follow ul li:last-child {
margin-right: 0;
}
.follow .active {
position: relative;
}
.follow .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.04rem;
}
.user {
position: absolute;
right: 0.2rem;
bottom: 0.15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.user .head {
width: 0.96rem;
height: 0.97rem;
position: relative;
}
.user .head img:first-child {
border: solid 0.03rem #ffffff;
width: 100%;
height: 100%;
border-radius: 100%;
box-sizing: border-box;
}
.user .head img:last-child {
width: 0.34rem;
height: 0.33rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -0.22rem;
}
.user ul {
margin-top: 0.33rem;
}
.user ul li {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 0.33rem;
box-sizing: border-box;
}
.user_info ul li:nth-child(1) img,
.user_info ul li:nth-child(2) img {
margin-bottom: 0.09rem;
}
.user ul li:nth-child(3) img {
margin-bottom: 0.17rem;
}
.user ul li:nth-child(4) img {
margin-bottom: 0.15rem;
}
.user ul li img {
width: 0.68rem;
height: 0.63rem;
}
.user ul li .text {
font-family: SourceHanSansCN-Regular;
font-size: 0.2rem;
color: #ffffff;
}
.shop {
position: absolute;
bottom: 0.13rem;
left: 0.37rem;
}
.shop .facadee {
display: flex;
align-items: center;
margin-bottom: 0.27rem;
}
.shop .facadee img {
width: 0.28rem;
height: 0.26rem;
background-color: #ffc600;
margin-right: 0.1rem;
}
.shop .facadee p {
font-family: PingFangSC-Regular;
font-size: 0.26rem;
color: #ffc600;
}
.shop .commodity {
width: 5.85rem;
height: 1.68rem;
background-color: #ffffff;
display: flex;
align-items: center;
position: relative;
padding: 0.09rem;
box-sizing: border-box;
}
.shop .commodity img {
width: 1.48rem;
height: 1.48rem;
margin-right: 0.14rem;
}
.shop .commodity .introduce {
margin-top: 0.28rem;
}
.shop .commodity .introduce .brand {
font-family: PingFang-SC-Bold;
font-size: 0.28rem;
color: #333333;
margin-top: 0.28rem;
}
.shop .commodity .introduce .price {
display: flex;
align-items: center;
margin-top: 0.32rem;
}
.shop .commodity .introduce .price .money {
font-family: PingFang-SC-Medium;
color: #333333;
font-size: 0.28rem;
margin-right: 0.03rem;
}
.shop .commodity .introduce .price .jx {
font-family: PingFang-SC-Regular;
font-size: 0.2rem;
color: #fffefe;
width: 0.6rem;
height: 0.24rem;
background-color: #ea4e3d;
border-radius: 0.12rem;
}
.shop .quantity {
font-family: PingFang-SC-Medium;
font-size: 0.2rem;
color: #626262;
margin-bottom: 0.5rem;
}
.shop .commodity .car {
width: 0.46rem;
height: 0.46rem;
position: absolute;
right: 0.34rem;
bottom: 0.17rem;
}
.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 .song {
font-family: PingFangSC-Regular;
font-size: 0.24rem;
color: #ffffff;
}
.footer {
height: 1rem;
background-color: #000000;
display: flex;
justify-content: space-between;
padding-left: 0.39rem;
padding-right: 0.54rem;
box-sizing: border-box;
}
li {
display: flex;
align-items: center;
}
.footer li a {
font-family: AdobeHeitiStd-Regular;
font-size: 0.24rem;
color: #ffffff;
}
.footer .active {
position: relative;
}
.footer .active {
font-family: AdobeHeitiStd-Regular;
font-size: 0.3rem;
color: #ffffff;
}
.footer .active::after {
content: "";
position: absolute;
width: 0.51rem;
height: 0.03rem;
background-color: #ffffff;
border-radius: 0.015rem;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
bottom: -0.24rem;
}

242
历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.18/css/dynamic.css Normal file
View File

@@ -0,0 +1,242 @@
body {
display: flex;
flex-direction: column;
height: 100vh;
}
.header {
height: .9rem;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0.4rem;
top: 0;
box-sizing: border-box;
position: fixed;
width: 100%;
z-index: 1;
}
.header ul {
font-family: AdobeHeitiStd-Regular;
font-size: 0.36rem;
color: #ffffff;
display: flex;
}
.header ul li {
margin-left: 0.36rem;
}
.header ul li:first-child {
margin-left: 0;
}
.header .activation {
position: relative;
}
.header .activation::after {
position: absolute;
content: "";
width: 0.4rem;
height: 0.04rem;
background-color: #ffffff;
border-radius: 0.02rem;
left: 50%;
transform: translateX(-50%);
bottom: -0.1rem;
box-sizing: border-box;
}
.header img {
width: 0.56rem;
height: 0.43rem;
}
.content {
flex: 1;
background: url("../img/timg.png") no-repeat;
background-size: contain;
display: flex;
position: relative;
width: 100%;
}
.content .zz {
width: 7.5rem;
height: 5.65rem;
background-color: #00000052;
}
.content .portrait {
width: 0.86rem;
height: 0.86rem;
border: solid 0.01rem #efeded;
border-radius: 100%;
box-sizing: border-box;
position: absolute;
top: 5.93rem;
left: 0.24rem;
}
.content .product {
/* margin-top: 6.03rem; */
padding: 0;
}
.content .product .exclusivee {
display: flex;
justify-content: space-between;
align-items: center;
}
.content .product .exclusivee .big {
font-family: PingFang-SC-Bold;
font-size: 0.3rem;
color: #5a6f92;
}
.content .product .exclusivee .distance {
font-family: PingFangSC-Regular;
font-size: 0.24rem;
color: #999999;
}
.content .evaluate {}
.content .evaluate p {
width: 5.74rem;
/* height: 0.95rem; */
font-family: PingFangSC-Regular;
font-size: 0.24rem;
color: #686868;
}
.content .evaluate ul {
display: flex;
}
.content .evaluate ul li {
}
.content .evaluate ul li img {
width: 1.85rem;
height: 1.85rem;
}
.content .evaluate ul li span {
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #ffffff;
}
.content .time {
display: flex;
justify-content: space-between;
align-items: center;
}
.content .time span {
font-family: PingFangSC-Regular;
font-size: 0.2rem;
color: #989898;
}
.content .time img {
width: 0.34rem;
height: 0.26rem;
}
.content .good {
width: 5.7rem;
height: 1.97rem;
background-color: #f7f7f7;
border-radius: 0.1rem;
margin-left: 0.28rem;
}
.content .good .name {
display: flex;
align-items: center;
margin-top : 0.24rem;
}
.content .good .name img {
width: 0.29rem;
height: 0.26rem;
}
.content .good .name span {
font-family: PingFang-SC-Bold;
font-size: 0.3rem;
color: #5a6f92;
}
.content .good ul {
display: flex;
align-items: center;
}
.content .good ul li {
font-family: PingFang-SC-Bold;
font-size: 0.3rem;
color: #5a6f92;
}
.footer {
height: 1rem;
background-color: #000000;
display: flex;
justify-content: space-between;
margin-bottom: .1rem;
}
.footer li {
display: flex;
align-items: center;
padding-left: 0.39rem;
padding-right: 0.54rem;
box-sizing: border-box;
}
.footer li a {
font-family: AdobeHeitiStd-Regular;
font-size: 0.24rem;
color: #ffffff;
}
.footer .activation {
position: relative;
}
.footer .activation a {
font-family: AdobeHeitiStd-Regular;
font-size: 0.3rem;
color: #ffffff;
}
.footer .activation::after {
position: absolute;
content: "";
width: 0.51rem;
height: 0.03rem;
background-color: #ffffff;
border-radius: 0.015rem;
left: 50%;
transform: translateX(-50%);
bottom: 0.01rem;
box-sizing: border-box;
position: fixed;
}

99
历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.18/css/entry.css Normal file
View File

@@ -0,0 +1,99 @@
.header {
position: fixed;
height: .9rem;
width: 100%;
display: flex;
align-items: center;
padding: 0 0.21rem;
box-sizing: border-box;
top: 0;
background: #fff;
}
.header img {
width: 0.2rem;
height: 0.35rem;
}
.content{
margin-top: .9rem;
position: relative;
/* left: 0.6rem; */
top: 1.33rem;
}
.content .list{
position: absolute;
width: 100%;
padding: 0 0.6rem;
box-sizing: border-box;
}
.content .list .entry{
font-family: PingFang-SC-Medium;
font-size: 0.54rem;
font-weight: bold;
color: #000000;
margin-bottom: 1.23rem;
}
.content .please .input{
}
.content .list .please .input li{
font-family: PingFang-SC-Regular;
font-size: 0.36rem;
color: #c7c7cc;
margin-bottom: 0.7rem;
border-bottom: solid 0.01rem #e8e8e8;
}
/* .content .list .please .input li:last-child{
margin-top: 0.17rem;
} */
.content .list .please .button{
width: 6.3rem;
height: 0.98rem;
background-color: #5697f4;
border-radius: 0.49rem;
display: flex;
justify-content: center;
align-items: center;
margin-top: 0.6rem;
}
.content .please .button span{
font-family: PingFang-SC-Medium;
font-size: 0.34rem;
color: #ffffff;
}
.content .list .doubt{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.55rem;
}
.content .doubt .forget{
font-family: PingFang-SC-Regular;
font-size: 0.28rem;
color: #666666;
}
.content .list .doubt .no{
display: flex;
}
.content .doubt .no .number{
font-family: PingFang-SC-Regular;
font-size: 0.28rem;
color: #666666;
}
.content .list .doubt .no .register{
font-family: PingFang-SC-Regular;
font-size: 0.28rem;
color: #5697f4;
}

89
历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.18/css/refund.css Normal file
View File

@@ -0,0 +1,89 @@
.header {
display: flex;
height: .9rem;
position: fixed;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0 0.35rem;
box-sizing: border-box;
top: 0;
background: #fff;
}
.header img {
width: 0.15rem;
height: 0.29rem;
}
.header .speed {
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #1b1b1b;
font-weight: 900;
}
.content {
margin-top: .9rem;
}
.process {
display: flex;
flex-direction: column;
align-items: center;
}
.content .process {
box-sizing: border-box;
}
.content .process img {
width: 1.6rem;
height: 2.04rem;
margin-bottom: 0.61rem;
margin-top: 1.45rem;
}
.content .process .apply .in {
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #2b2b2b;
margin-bottom: 0.53rem;
padding: 0 2.34rem;
}
.content .process .apply .please {
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #aaaaaa;
margin-bottom: 0.72rem;
padding: 0 1.9rem;
}
.revoke{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.content .process .revoke {
width: 5.8rem;
height: 0.66rem;
background-color: #5697f4;
border-radius: 0.33rem;
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #ffffff;
}
.content .process .revoke span {
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #ffffff;
}