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

17
历届学生/吴欣阳/项目开发/练习项目/课程练习/7.8/front/css/banner.css Normal file
View File

@@ -0,0 +1,17 @@
.header img{
width: 100%;
}
.content{
padding: 0rem 0.24rem 0.52rem;
}
.content h1{
font-size: 0.44rem;
font-weight: 700;
color: #1b1b1b;
line-height: 0.72rem;
margin: 0rem 0.08rem;
margin-top: 0.2rem;
}
.content img {
width: 100%;
}

19
历届学生/吴欣阳/项目开发/练习项目/课程练习/7.8/front/css/clear.css Normal file
View File

@@ -0,0 +1,19 @@
body,ul,li,p,h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
color: #000;
}
input {
outline: none;
border: none;
padding: 0;
}

224
历届学生/吴欣阳/项目开发/练习项目/课程练习/7.8/front/css/index.css Normal file
View File

@@ -0,0 +1,224 @@
.header {
position: fixed;
width: 100%;
background: #fff;
top: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0.32rem;
box-sizing: border-box;
}
.search {
width: 100%;
height: 0.8rem;
background: #f5f5f5;
border-radius: 0.08rem;
font-size: 0.32rem;
color: #999;
display: flex;
align-items: center;
padding-left: 0.3rem;
}
.search i {
margin-right: 0.2rem;
margin-top: 0.04rem;
}
.content {
margin-top: 1.44rem;
margin-bottom: 1.52rem;
}
.banner_item {
width: 92%;
height: 2.951rem;
position: relative;
}
.banner_item .back_img{
width: 100%;
height: 100%;
border-radius: 0.32rem;
box-shadow: 7px 0rem 0.14em rgba(0,0,0,0.3);
object-fit: cover;
}
.banner_item .user_bottom{
position: absolute;
left: 0.32rem;
bottom: 0.2rem;
}
.banner_item .user_bottom h2{
font-size: 0.4rem;
line-height: 0.6rem;
color: #fff;
font-weight: 600;
text-shadow: 0rem 0rem 0.08rem rgba(0,0,0,0.3);
margin-bottom: 0.2rem;
}
.banner_item .user_bottom .user_img{
display: flex;
align-items: center;
}
.banner_item .user_img img{
height: 0.6rem;
width: 0.6rem;
border-radius: 0.3rem;
display: inline-block;
vertical-align: top;
box-shadow: 0rem 0rem 0.08rem rgba(0,0,0,0.3);
}
.banner_item .user_img span{
font-size: 0.28rem;
font-weight: 600;
color: #fff;
max-width: 60%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding-left: 0.2rem;
text-shadow: 0rem 0rem 0.08rem rgba(0,0,0,0.3);
}
.sanc {
margin-top: 15px;
}
.sanc .title {
font-size: 0.32rem;
font-weight: 600;
color: #999;
margin-bottom: 0.2rem;
}
.sanc .title_li {
display: flex;
align-items: flex-end;
margin-bottom: 10px;
}
.sanc .title_li .active {
font-size: 0.6rem;
font-weight: 600;
color: #333;
line-height: 0.72rem;
}
.sanc .title_li .active:after {
content: "";
position: absolute;
background: #ff9d9b;
width: 100%;
height: 6px;
border-radius: 3px;
left: 0;
bottom: 0px;
z-index: -2;
}
.sanc .title_li li {
font-size: 0.32rem;
color: #666;
margin-right: 20px;
position: relative;
}
.title_list {
display: flex;
}
.title_list li{
width: 45%;
margin-right: 8px;
}
.title_list li .item_img{
width: 100%;
height: 4.48rem;
border-radius: 0.14rem;
box-shadow: 0 0.06rem 0.12rem rgb(0 0 0 / 0%);
}
.title_list li h2 {
font-size: 0.36rem;
font-weight: 600;
color: #333;
display: block;
height: 0.56rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 0.56rem;
padding: 0.24rem 0rem 0.04rem;
}
.title_list li .yyw{}
.title_list li .y{
font-size: 0.16rem;
width: 18px;
height: 12px;
line-height: 0.24rem;
border-radius: 0.04rem;
color: #fff;
padding: 0rem 0.06rem;
font-weight: 600;
background: #ff8d8d;
border-bottom-left-radius: 0rem;
}
.title_list li .desc{
background: #fff2f2;
border-radius: 2px;
margin: 8px 16px 0px 0px;
padding: 4px 6px 4px 6px;
box-sizing: border-box;
display: inline-block;
font-size: 11px;
color: #ff8d8d;
overflow: hidden;
text-overflow: ellipsis;
}
.alldo .title_list {
justify-content: space-between;
}
.alldo .title_list li {
width: 47%;
}
.auth {
display: flex;
justify-content: space-between;
margin-top: 10px;
align-items: center;
}
.auth .left {
display: flex;
align-items: center;
flex: 1;
}
.auth .left img {
height: 18px;
width: 18px;
margin-right: 5px;
border-radius: 9px;
box-shadow: 0px 1px 3px rgb(0 0 0 / 10%);
}
.auth .left span {
height: 18px;
font-size: 9px;
zoom: 0.9;
color: #666;
max-width: 45%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.auth .right i{
margin-right: 5px;
}
.auth .right span{
color: #666;
font-size: 9px;
zoom: 0.9;
}
.alldo_father ul {
display: none;
overflow: hidden;
}
.alldo_father ul li{
float: left;
margin-bottom: 15px;
}
.alldo_father .f_active {
display: block !important;
}

282
历届学生/吴欣阳/项目开发/练习项目/课程练习/7.8/front/css/info.css Normal file
View File

@@ -0,0 +1,282 @@
.background {
position: fixed;
top: 0;
width: 100%;
right: 0;
left: 0;
height: 45px;
display: flex;
align-items: center;
z-index: 999;
padding: 0 15px;
box-sizing: border-box;
}
.header {
position: relative;
height: 375px;
}
.header img {
width: 100%;
height: 100%;
}
.header i {
font-weight: 700;
font-size: 18px;
}
.content {
position: relative;
padding: 0 15px;
}
.info_main {
width: 100%;
background: #fff;
border-radius: 16px;
box-shadow: 0px 0px 32px rgb(0 0 0 / 10%);
position: relative;
top: -55px;
padding: 20px 15px 10px;
box-sizing: border-box;
}
.info_main h2{
font-size: 28px;
font-weight: 700;
color: #333;
line-height: 38px;
}
.info_main .posttime{
font-size: 12px;
color: #999;
line-height: 20px;
display: block;
padding: 4px 0px 0px;
}
.info_main .yyinfos{
margin: 10px 0px 10px;
position: relative;
padding: 10px 0px 0px;
border-top: 1px solid #f5f5f5;
}
.info_main .yyinfos li{
display: flex;
align-items: center;
}
.info_main .yyinfos li span {
display: inline-block;
font-size: 9px;
zoom: 0.9;
line-height: 17px;
flex: 1;
color: #4dd196;
}
.yyinfos li .jdw{
height: 5px;
border-radius: 3px;
flex: 4;
background: #ebfbf4;
}
.yyinfos li .jdw .jd{
height: 5px;
border-radius: 3px;
background: #4dd196;
display: inline-block;
width: 10px;
}
.tips {
font-size: 10px;
color: #999;
line-height: 24px;
text-align: center;
}
.cpargsw {
display: flex;
justify-content: space-around;
margin-top: 17px;
}
.cpargsw li {
text-align: center;
}
.cpargsw li .i{
height: 30px;
width: 30px;
background: url("https://st-cn.meishij.net/p2/20200221/20200221173101_145.png") no-repeat;
background-size: 30px 150px;
margin: 0 auto;
}
.cpargsw li span{
display: inline-block;
font-size: 12px;
line-height: 24px;
color: #666666;
}
.show_more {
overflow: hidden;
text-overflow: ellipsis;
height: 42px;
margin-bottom: 20px;
margin-top: 20px;
position: relative;
}
.show_more .text {
font-weight: 400;
text-align: justify;
font-size: 14px;
color: #999999;
line-height: 21px;
display: block;
}
.show_more .more {
height: 27px;
color: #5a92f5;
font-size: 14px;
line-height: 27px;
font-weight: 400;
position: absolute;
right: 0px;
bottom: -3px;
display: flex;
align-items: center;
background-image: linear-gradient(to right,rgba(255,255,255,0.1),rgba(255,255,255,0.5),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1));
padding-left: 60px;
}
.show_more .more span {
color: #5a92f5;
font-size: 14px;
}
.show_more .more img {
height: 14px;
width: 14px;
margin-left: 2px;
}
.liao {
margin-bottom: 20px;
}
.liao .title {
display: flex;
align-items: center;
height: 40px;
background: #fff;
font-size: 16px;
color: #333;
font-weight: 700;
}
.liao .title span{
color: #999;
font-size: 12px;
padding-left: 6px;
font-weight: 300;
}
.liao .list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-top: 1px solid rgba(0,0,0,0.05);
}
.liao .list li {
display: flex;
align-items: center;
justify-content: space-between;
height: 36px;
width: 50%;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,0.05);
border-right: 1px solid rgba(0,0,0,0.05);
}
.liao .list li:nth-child(2n) {
border-right: none;
}
.liao .list .list_title {
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
color: #108ee9;
font-weight: 400;
padding-left: 20px;
}
.liao .list .list_nums {
width: 45%;
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
color: #666;
font-weight: 400;
text-align: right;
padding-right: 20px;
box-sizing: border-box;
}
.info_list {
margin-top: -29px;
}
.info_list li {
}
.info_list li p{
padding: 15px 0px 30px;
font-size: 16px;
line-height: 24px;
color: #666;
font-weight: 400;
}
.info_list li .info_top{
position: relative;
height: 230px;
}
.info_list li .info_top img{
width: 100%;
height: 100%;
}
.info_list li .info_top .setp{
height: 40px;
line-height: 40px;
color: #333;
font-size: 18px;
font-weight: 700;
padding: 0px 20px 0px 15px;
background: rgba(255,255,255,0.9);
position: absolute;
left: 0px;
top: 15px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
z-index: 100;
}
.info_list li .change_list {
display: flex;
align-items: center;
margin-top: 15px;
}
.info_list li .change_list img {
width: 20.3333333vw;
height: 20.3333333vw;
margin: 0 2.66666666vw 0 0;
box-sizing: border-box;
background: #eee;
object-fit: cover;
opacity: 0.4;
}
.step {
margin-top: 18px;
}
.step .step_title {
height: 40px;
line-height: 40px;
color: #333;
font-size: 18px;
font-weight: 700;
background: rgba(255,255,255,0.9);
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.step .stepdes {
font-size: 16px;
line-height: 24px;
color: #666;
font-weight: 400;
}

0
历届学生/吴欣阳/项目开发/练习项目/课程练习/7.8/front/css/like.css Normal file
View File

208
历届学生/吴欣阳/项目开发/练习项目/课程练习/7.8/front/css/loading.css Normal file
View File

@@ -0,0 +1,208 @@
.loading {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
}
.back {
padding: 0.4rem 0.4rem;
background: #fb7299;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.16rem;
max-width: 4rem;
}
.back span {
font-size: 0.3rem;
letter-spacing: 0.02rem;
color: #fff;
}
.load8 {
width: 0.8rem;
height: 0.8rem;
position: relative;
}
.dialog_f {
width: 86%;
background: #fff;
border-radius: 0.32rem;
font-size: 0.32rem;
}
.dialog_header {
padding-top: 0.52rem;
font-weight: 500;
line-height: 0.48rem;
text-align: center;
}
.dialog_message {
max-height: 60vh;
padding: 0.16rem 0.48rem 0.52rem 0.48rem;
overflow-y: auto;
font-size: 0.28rem;
line-height: 0.4rem;
text-align: center;
}
.dialog_footer {
display: flex;
height: 0.96rem;
border-top: 0.02rem solid #ebedf0;
}
.dialog_cancel,
.dialog_confirm {
width: 50%;
text-align: center;
line-height: 0.96rem;
}
.dialog_cancel:active {
background: #e6e6e6;
border-bottom-left-radius: 0.32rem;
}
.dialog_confirm:active {
background: #e6e6e6;
border-bottom-right-radius: 0.32rem;
}
.dialog_cancel {
color: #323233;
border-right: 0.02rem solid #ebedf0;
}
.dialog_confirm {
color: #fb7299;
}
.container1>div,
.container2>div,
.container3>div {
width: 0.2rem;
height: 0.2rem;
background-color: #fff;
border-radius: 100%;
position: absolute;
-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
animation: bouncedelay 1.2s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.load8 .load8-container {
position: absolute;
width: 100%;
height: 100%;
}
.container2 {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.container3 {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.circle1 {
top: 0;
left: 0;
}
.circle2 {
top: 0;
right: 0;
}
.circle3 {
right: 0;
bottom: 0;
}
.circle4 {
left: 0;
bottom: 0;
}
.container2 .circle1 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.container3 .circle1 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.container1 .circle2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.container2 .circle2 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.container3 .circle2 {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.container1 .circle3 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.container2 .circle3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.container3 .circle3 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.container1 .circle4 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.container2 .circle4 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.container3 .circle4 {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0.0)
}
40% {
-webkit-transform: scale(1.0)
}
}
@keyframes bouncedelay {
0%,
80%,
100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}

59
历届学生/吴欣阳/项目开发/练习项目/课程练习/7.8/front/css/public.css Normal file
View File

@@ -0,0 +1,59 @@
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 1rem;
display: flex;
align-items: center;
justify-content: space-around;
font-size: 0;
background: #fff;
border-top: 1px solid #fff;
z-index: 999;
}
.footer li {
text-align: center;
}
.footer img {
width: 0.6rem;
height: 0.6rem;
}
.footer p {
width: 0.6rem;
height: 0.6rem;
font-size: 0.2rem;
zoom: 0.9;
margin-left: 0.06rem;
}
.footer_active p{
color: #f15a4f;
}
.title {
font-size: 0.6rem;
font-weight: 600;
color: #333;
line-height: 0.72rem;
margin-bottom: 0.32rem;
}
.padding_16 {
padding-left: 0.32rem;
padding-right: 0.32rem;
}
.margin_16 {
margin-left: 0.32rem;
margin-right: 0.32rem;
}
.clear_size {
font-size: 0;
}

106
历届学生/吴欣阳/项目开发/练习项目/课程练习/7.8/front/css/scerth.css Normal file
View File

@@ -0,0 +1,106 @@
body{
background: #f5f5f5;}
.hader{font-size: 0;
width: 100%;
height: 0.88rem;
position: fixed;
z-index: 999;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 0.02rem solid #f0f0f0;
background: #ffffff;
}
.hader a{
height: 0.88rem;
width: 1.2rem;
display:flex;
align-items: center;
justify-content: flex-start;
}
.hader a i{
margin-left: 0.6rem;
background: url("../img/left.png");
display:inline-block ;
width:0.6rem;
height: 1.2rem;
zoom: 0.3;
background-repeat:no-repeat;
background-size: 100%;
}
.caipu{
height: 0.64rem;
background: #eee;
border-radius: 0.04rem;
color: #333;
font-size: 0.28rem;
width: 4.8rem;
line-height: 0.48rem;
padding-left: 0.12rem;
margin-left: -0.3rem;
}
.ser{
margin-right: 0.3rem;
height: 0.64rem;
background: #ff4c39;
border-radius: 0.04rem;
color: #fff;
font-size: 0.28rem;
box-sizing: border-box;
line-height: 0.64rem;
text-align: center;
width: 1.1rem;
}
.contter{
padding-top: 45px;
}
.contter_top{
background: #ffffff;
}
.contter p{
height: 1.28rem;
font-size: 0.32rem;
color: #666;
line-height: 1.28rem;
}
.list{
padding: 0px 15px 15px 15px;
}
.list li{
padding-top: 15px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.list li:after{
content: "";
height: 15px;
display: inline-block;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.list li a{
display: flex;
align-items: center;
justify-content: flex-start;
}
.list li img{
width: 120px;
height: 100px;
margin-right: 15px;
}
.li_left h3{
font-size: 18px;
color: #333;
font-weight: 300;
padding: 2px 0px 0px;
}
.li_left p{
font-size: 14px;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
}

120
历届学生/吴欣阳/项目开发/练习项目/课程练习/7.8/front/css/sort.css Normal file
View File

@@ -0,0 +1,120 @@
.header{
width: 100%;
height: 1.44rem;
position: fixed;
left: 0rem;
top: 0rem;
background: #fff;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
}
.header_search{
display: flex;
align-items: center;
height: 0.8rem;
background: #f5f5f5;
width: 6.864rem;
border-radius: 0.08rem;
position: relative;
}
.header_search .scerch{
background: url("../img/search.png");
display: inline-block;
background-size: 0.32rem 0.32rem;
width: 0.32rem;
height: 0.32rem;
position: absolute;
left: 0.2rem;
font-size: 0.28rem;
zoom: 1.5;
}
.content{
margin-top: 1.44rem;
}
.header_search input{
padding-left: 0.66rem;
background: none;
border: 0rem;
width: 6.6rem;
font-size: 0.28rem;
height: 0.8rem;
margin-left: 10px;
}
.content_left{
height: 100%;
width: 1.6rem;
position: fixed;
left: 0rem;
bottom: 0rem;
z-index: 210;
background: #f5f5f5;
padding-bottom: 1.02rem;
box-sizing: border-box;
}
.content_left_list{
margin-top: 1.44rem;
overflow: hidden;
overflow-y: overlay;
height: 100%;
}
.content_left_list li{
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
.list_a{
display: flex;
justify-content: center;
flex-direction:column;
align-items: center;
}
.list_a i{
background: url("../img/2019.png");
display: inline-block;
height: 0.5rem;
width: 0.5rem;
background-size: 0.5rem 10rem;
}
.list_span{
line-height: 0.48rem;
color: #333;
font-size: 0.24rem;
}
.content_right{
margin-left: 1.6rem;
padding-left: 0.12rem;
padding-right: 0.12rem;
}
.content_right_list{
display: flex;
align-items: center;
flex-wrap:wrap;
overflow: hidden;
overflow-y: overlay;
height: 100%;
}
.content_right_list li{
width: 33.33333333%;
}
.content_right_list li a{
display: flex;
align-items: center;
flex-direction:column;
padding: 0rem 0.12rem;
}
.content_right_list_img{
width: 1.24rem;
height: 1.24rem;
}
.content_right_list_span{
font-size: 0.24rem;
color: #333;
}

42
历届学生/吴欣阳/项目开发/练习项目/课程练习/7.8/front/css/swiper.css Normal file
View File

@@ -0,0 +1,42 @@
.swiper-wrapper .swiper-slide {
float: left;
}
.swiper-container {
overflow: hidden;
position: relative;
}
.swiper-pagination {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
}
.swiper-dot {
width: 7px;
height: 7px;
background: #fff;
border-radius: 100%;
margin-right: 5px;
float: left;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #fff;
font-size: 30px;
cursor: pointer;
}
.swiper-button-prev {
left: 10px;
}
.swiper-button-next {
right: 10px;
}
.swiper-wrapper {
position: relative;
}
.swiper-active {
background: red !important;
}

0
历届学生/吴欣阳/项目开发/练习项目/课程练习/7.8/front/css/type.css Normal file
View File

135
历届学生/吴欣阳/项目开发/练习项目/课程练习/7.8/front/css/video.css Normal file
View File

@@ -0,0 +1,135 @@
.header{
width: 100%;
height: 0.88rem;
position: fixed;
z-index: 999;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 0.02rem solid #f5f5f5;
background: #fff;
}
.header_left{
padding-left: 0.32rem;
display: flex;
align-items: center;
}
.header_left span{
font-size: 0.3rem;
color: #333;
margin-bottom: 0.06rem;
}
.header_left_img{
width: 0.2rem;
height: 0.34rem;
margin-right: 0.12rem;
}
.header h1{
font-size: 0.36rem;
color: #000;
padding-right: 0.32rem;
margin-bottom: 0.06rem;
}
.header_left_search{
height: 0.88rem;
width: 0.88rem;
}
.content_title{
display: flex;
flex-direction:row;
flex-wrap:wrap;
padding:0.88rem 0.22rem 0.3rem 0.22rem;
font-size: 0;
justify-content: space-between;
}
.food{
margin-top: 0.3rem;
width: 3.4rem;
box-shadow:0.02rem 0.02rem 0.18rem #888888;
border-radius: 0.14rem;
}
.content_img{
height: 4.44rem;
position: relative;
border-top-left-radius:0.14rem;
border-top-right-radius:0.14rem;
background-position: center;
}
.content_img_1{
height: 4.44rem;
border-top-left-radius: 0.14rem;
border-top-right-radius: 0.14rem;
width: 100%;
}
.content_img_play{
background: url("../img/20181206143142_460.png");
display: inline-block;
background-position:0rem 0rem;
width: 0.4rem;
height: 0.4rem;
background-size: 0.4rem 0.8rem;
position: absolute;
top: 0.2rem;
right: 0.2rem;
z-index: 99;
}
.content{
width: 100%;
margin-bottom: 1.1rem;
}
.content_font{
padding-left: 0.2rem;
padding-right: 0.2rem;
padding-bottom: 0.24rem;
}
.content_font .title{
font-size: 0.32rem;
font-weight: 600;
padding: 0.2rem 0rem 0rem 0rem;
line-height: 1;
}
.content_font_below{
margin: 0.4rem 0rem 0rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.content_font_below_left{
display: flex;
align-items: center;
}
.content_font_below_left span{
font-size: 0.18rem;
color: #666;
padding-left: 0.1rem;
}
.content_font_below_left img{
width: 0.36rem;
height: 0.36rem;
border-radius: 100%;
}
.content_font_below_right{
display: flex;
justify-content: center;
align-items: center;
}
.content_font_below_right .view{
background: url("../img/20181206143142_460.png");
display: inline-block;
background-position:-0.08rem -0.4rem;
width: 0.26rem;
height: 0.2rem;
background-size: 0.4rem 0.8rem;
}
.content_font_below_right_span{
font-size: 0.24rem;
}

67
历届学生/吴欣阳/项目开发/练习项目/课程练习/7.8/front/css/video_detailed.css Normal file
View File

@@ -0,0 +1,67 @@
.content{
font-size: 0;
margin-bottom: 0.6rem;
border-bottom: 0.02rem solid #f1f1f1;
}
.video_top{
width: 100%;
height: 4.221rem;
}
.content_font{
padding: 0.2rem 0.42rem 0;
;
}
.content_font a h3{
font-size: 0.48rem;
}
.content_font_span{
padding: 0.14rem 0 0.34rem;
border-bottom: 0.02rem solid #f1f1f1;
}
.content_font_span span{
font-size: 0.26rem;
color: #999;
padding-right: 0.16rem;
}
.user{
padding: 0.24rem 0;
display: flex;
align-items: center;
}
.user img{
width: 0.92rem;
height: 0.92rem;
border-radius: 100%;
}
.user_right p{
font-size: 0.26rem;
}
.user_right{
margin-left: 0.2rem;
}
.user_right p span{
margin-left: 0.18rem;
font-size: 0.24rem;
padding: 0.02rem 0.04rem 0.04rem;
border: 0.02rem solid #b2d5f3;
color: #2a9aff;
display: inline-block;
line-height: 1;
}
.user_p{
margin-top: 0.1rem;
font-size: 0.26rem;
color: #999;
}
.content_font h3{
font-size: 0.32rem;
color: #333;
padding-bottom: 0.2rem;
margin-top: 0.1rem;
}
.content_c{ font-size: 0.32rem;
color: #333;
line-height: 0.54rem;}