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

0
历届学生/fontendsix/项目练习/上课项目/美食杰/css/Classification.css Normal file
View File

0
历届学生/fontendsix/项目练习/上课项目/美食杰/css/VideoDetails.css Normal file
View File

67
历届学生/fontendsix/项目练习/上课项目/美食杰/css/clear.css Normal file
View File

@@ -0,0 +1,67 @@
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
/* font-size: 0; */
}
a {
text-decoration: none;
user-select: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input {
outline: none;
border: none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img { border:0;}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
font-size:200%;
font-weight:normal;
}
:focus { outline: 0;}
a{ text-decoration:none;}
a:hover img{ border:none;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
input,button,select,textarea{outline:none}
textarea{resize:none}
::-webkit-scrollbar {
width: 0;
height: 0;
}
/* .swiper-wrapper .swiper-slide {
height: calc(100vh - 1.6rem - 1rem);
overflow-y: scroll;
} */

19
历届学生/fontendsix/项目练习/上课项目/美食杰/css/collect.css Normal file
View File

@@ -0,0 +1,19 @@
.header{
position: fixed;
display: flex;
justify-content: space-between;
width: 100%;
height: 2.25rem;
background: #fff;
padding: 0px .8rem;
box-sizing: border-box;
align-items: center;
border-bottom: 1px solid #f5f5f5;
z-index: 999;
overflow: hidden;
}
.right{
color: #000;
font-weight: 600;
}

11
历届学生/fontendsix/项目练习/上课项目/美食杰/css/index.css Normal file
View File

@@ -0,0 +1,11 @@
.active {
color: red;
}
.swiper-slide {
display: flex;
}
.swiper-slide img {
width: 49%;
height: 223px;
}

74
历届学生/fontendsix/项目练习/上课项目/美食杰/css/index_wam.css Normal file
View File

@@ -0,0 +1,74 @@
.swiper-slide {
display: flex;
}
.banner img {
width: 100%;
}
.food_title {
padding-top: 16px;
padding-left: 16px;
font-size: 16px;
font-weight: 600;
color: #999;
line-height: 22px;
}
.food_list {
padding-top: 16px;
padding-left: 16px;
display: flex;
margin-bottom: 10px;
height: 42px;
align-items: baseline;
}
.food_list li {
position: relative;
font-size: 16px;
margin-right: 20px;
color: #666;
}
.active {
font-size: 30px !important;
font-weight: 600 !important;
color: #333 !important;
line-height: 36px !important;
}
.active:after {
content: " ";
height: 6px;
border-radius: 3px;
width: 100%;
left: 0px;
bottom: -7px;
background: #ff9d9b;
position: absolute;
z-index: 50;
display: block;
}
.menu {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.menu li {
width: 20%;
text-align: center;
}
.menu img {
width: 50px;
height: 50px;
}
.menu p {
font-size:12px;
color: #666;
}

75
历届学生/fontendsix/项目练习/上课项目/美食杰/css/indext.css Normal file
View File

@@ -0,0 +1,75 @@
.active {
color: red;
font-size: 25px !important;
font-weight: 600 !important;
color: #333 !important;
line-height: 36px !important;
}
.swiper-slide {
display: flex;
justify-content: space-evenly;
}
.swiper-slide img {
width: 100%;
height: 223px;
}
.test{
padding-top: 16px;
padding-left: 16px;
display: flex;
margin-bottom: 10px;
height: 42px;
align-items: baseline;
}
.test li{
position: relative;
font-size: 16px;
margin-right: 20px;
color: #666;
}
.content{
margin-top: 72px;
}
.active:after {
content: " ";
height: 6px;
border-radius: 3px;
width: 100%;
left: 0px;
bottom: -7px;
background: #ff9d9b;
position: absolute;
z-index: 50;
display: block;
}
.banner img {
width: 100%;
height: 168px;
}
.everyfood_titlie {
padding-top: 16px;
padding-left: 16px;
font-size: 16px;
font-weight: 600;
color: #999;
line-height: 22px;
}
.menu {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.menu li {
width: 20%;
text-align: center;
}
.menu img {
width: 50px;
height: 50px;
}
.menu p {
font-size: 12px;
color: #666;
}

276
历届学生/fontendsix/项目练习/上课项目/美食杰/css/indexx.css Normal file
View File

@@ -0,0 +1,276 @@
.header{
align-items: center;
background: #fff;
padding: 0.5rem;
box-sizing: border-box;
height: 2.25rem;
position: fixed;
width: 100%;
z-index: 999;
display: flex;
}
.header a{
margin: 0;
border: 0;
padding: 0;
font-style: normal;
color: #0062cc;
text-decoration: none;
background-color: transparent;
}
.iconfont{
color: #666;
font-size: .9rem !important;
}
.header a:nth-child(2) {
width: 90%;
}
.header input{
width: 100%;
height: 1.5rem;
border: none;
padding-left: .95rem;
margin-left: .5rem;
background: #f1f1f4;
border-radius: 1.5rem;
font-size: .75rem;
}
.content{
margin-bottom: 3rem;
padding-top: 2.5rem;
}
.swiper-wrapper .swiper-slide img{
width: 100%;
}
.banner{
height: 170px;
}
.list{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.list li{
width: 20%;
text-align: center;
}
.list li a{
color: #0062cc;
text-decoration: none;
background-color: transparent;
}
.list li a{
color: #0062cc;
text-decoration: none;
background-color: transparent;
}
.list li a img{
width: 2.5rem;
height: 2.5rem;
}
.list_text{
font-size: .6rem;
color: #666;
}
.active::after{
content: '';
height: .3rem;
border-radius: .15rem;
width: 100%;
left: 0px;
bottom: .15rem;
background: #ff9d9b;
position: absolute;
z-index: 50;
display: block;
}
.meals{
margin-top: 1.6rem;
padding: 0 .8rem;
}
.meals_top{
font-size: .9rem;
font-weight: 600;
color: #999;
line-height: 1.1rem;
margin-bottom: .5rem;
}
.meals_list li{
position: relative;
font-size: .8rem;
margin-right: 1rem;
color: #666;
}
.meals_list{
display: flex;
margin-bottom: .5rem;
align-items: flex-end;
}
.active{
font-size: 1.4rem !important;
color: #333 !important;
}
.meals .meals_li a{
color: #0062cc;
text-decoration: none;
background-color: transparent;
}
.meals .swiper-container{
height:280px;
}
.meals .swiper-wrapper .swiper-slide{
display: flex;
justify-content: space-between
}
.meals .meals .meals_text{}
.meals_text img{
width: 8.35rem;
height: 11.9rem;
border-radius: .35rem;
}
.meals_name{
margin-top: .5rem;
font-size: .9rem;
font-weight: 600;
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 167px;
}
.text{
padding: 0 .15rem;
background: #ff8d8d;
color: #fff;
font-size: .4rem;
}
.tips{
font-size: .55rem;
color: #ff8d8d;
line-height: .7rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
background: #fff2f2;
border-radius: .1rem;
padding: .2rem .3rem;
}
.recommend{
margin-top: 1.6rem;
padding: 0 .8rem;
}
.recommend_text{
font-size: 1.25rem;
font-weight: 600;
color: #333;
line-height: 1.8rem;
margin-bottom: .8rem;
}
.recommend ul{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.recommend ul li{
width: 5.2rem;
box-shadow: 0px 0px 0.6rem rgb(0 0 0 / 10%);
background: #fff;
border-radius: 1.05rem;
margin-bottom: 1rem;
}
.recommend_active {
background: #fe9b95 !important;
box-shadow: 0px 0px 0.6rem rgb(255 155 149 / 50%) !important;
}
.recommend li a{
display: flex;
align-items: center;
justify-content: center;
color: #0062cc;
text-decoration: none;
background-color: transparent;
}
.recommend img{
width: .9rem;
height: .9rem;
margin-right: .2rem;
line-height: 2rem;
}
.recommend span{
font-size: .6rem;
color: #333;
line-height: 2.1rem;
display: inline-block;
vertical-align: top;
font-weight: 600;
}
.recommend_active span {
color: #fff !important;
}
.together{
padding: 0 .8rem;
}
.publi{
font-size: .8rem;
font-weight: 600;
color: #999;
line-height: 1.1rem;
margin-bottom: .5rem;
}
.together_list{
display: flex;
justify-content: flex-start;
position: relative;
align-items: flex-end;
}
.together_list .active{
font-size: 1.4rem !important;
color: #333 !important;
}
.together_list li{
margin-right: 1rem;
font-size: .8rem;
color: #666;
cursor: pointer;
position: relative;
}
.together_list .active::after {
content: '';
height: .3rem;
border-radius: .15rem;
width: 100%;
left: 0px;
bottom: .15rem;
background: #ff9d9b;
position: absolute;
z-index: 50;
display: block;
}
.together_bott{
width: 100%;
margin-top: .5rem;
}
.together_bott .together_act {
margin-bottom: .8rem;
-webkit-column-gap:0.1rem;
-moz-column-gap:o.1rem;
-o-column-gap: .6rem;
}

268
历届学生/fontendsix/项目练习/上课项目/美食杰/css/info.css Normal file
View File

@@ -0,0 +1,268 @@
body{
background: #fafafa;
}
.bannerone {
height: 18.75rem;
position: relative;
}
.img_back {
height: 100%;
overflow: hidden;
}
.nav {
display: flex;
justify-content: space-between;
padding: 0 0.8rem;
box-sizing: border-box;
position: fixed;
width: 100%;
top: .8rem;
z-index: 999;
}
.nav .menu {
height: 1.5rem;
padding: 0 .6rem;
background: rgba(0,0,0,0.5);
border-radius: .75rem;
z-index: 14565269565;
}
.nav .menu a p {
line-height: 1.5rem;
font-size: .7rem;
color: #fff;
}
.bannerone img{
width: 100%;
position: relative;
top: -3.3rem;
}
.infolist {
margin: .8rem;
padding: 1rem .75rem .5rem;
background: #fff;
box-sizing: border-box;
position: relative;
box-shadow: 0px 0px 1.6rem rgba(0,0,0,0.1);
border-radius: .8rem;
margin-top: -3rem;
z-index: 999;
}
.infolist .infotitle{
display: flex;
justify-content: space-between;
align-items: center;
}
.infolist h1 h2{
font-size: 1.4rem;
font-weight: 700;
color: #333;
}
.infolist .infotitle i{
font-size: 1.25rem;
}
.infolist .pti{
font-size: .6rem;
color: #999;
line-height: 1rem;
display: block;
padding: .2rem 0px 0px;
border-bottom: 1px solid #f5f5f5;
padding-bottom: .5rem;
}
.bacno {
display: flex;
justify-content: space-between;
margin-top: 1rem;
}
.bacno li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.bacno p {
font-size: .6rem;
color: #666666;
}
.bacno .i{
height: 1.5rem;
width: 1.5rem;
background-position: 0px -1.5rem;
background: url("https://st-cn.meishij.net/p2/20200221/20200221173101_145.png");
background-size: 1.5rem 7.5rem;
}
.litext {
overflow: hidden;
height: 2.1rem;
font-weight: 400;
text-align: justify;
font-size: .7rem;
color: #999999;
line-height: 1.05rem;
margin-top: 1rem;
position: relative;
}
.litext .more {
position: absolute;
right: 0;
bottom: 0;
padding-left: 3rem;
font-size: .7rem;
color: #5a92f5;
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));
}
.icon-houtui-copy-copy {
font-size: .6rem !important;
}
.ms {
margin-top: 1rem;
}
.ms .main{
margin-bottom: .75rem;
}
.ms .top{
margin-bottom: .35rem;
border-bottom: 1px solid rgba(0,0,0,0.05);
padding-bottom: .5rem;
}
.ms .top span {
color: #999;
font-size: .6rem;
padding-left: .3rem;
font-weight: 300;
}
.ms ul li{
display: flex;
justify-content: space-between;
height: 1.75rem;
align-items: center;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.ms ul li span{
font-size: .7rem;
color: #999;
font-weight: 400;
}
.content {
margin-top: 1rem;
}
.content_li li {
position: relative;
}
.content_li li .step{
height: 2rem;
line-height: 2rem;
color: #333;
font-size: .9rem;
font-weight: 700;
display: inline-block;
vertical-align: top;
padding: 0px 1rem 0px .75rem;
background: rgba(255,255,255,0.9);
position: absolute;
left: 0px;
top: .75rem;
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
z-index: 100;
}
.content_li li img{
width: 100%;
}
.content_li li p{
padding: .75rem .75rem .75rem;
box-sizing: border-box;
}
.outside{
padding-left: .8rem;
padding-right: .8rem;
box-sizing: border-box;
margin-bottom: 2.5rem;
}
.outside_li{
height: 2.5rem;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.outside_li h3{
font-weight: 600;
}
.outside_li a{
font-size: .6rem;
color: #f15e51;
}
.outside ul{
padding: 1rem .8rem;
background: #fff;
border-radius: 16px;
box-shadow: 0px 0px 32px rgba(0,0,0,0.1);
overflow: hidden;
}
.outside ul li{
margin-right: .5rem;
float: left;
text-align: center;
margin-bottom: .3rem;
}
.outside ul li:nth-child(3n){
margin-right: 0px;
}
.outside ul li img{
width: 4.85rem;
height: 4.85rem;
margin-bottom: .5rem;
border-radius: 8px;
}
.outside ul li p{
font-size: 14px;
color: #000;
}
.remode{
padding-left: .8rem;
padding-right: .8rem;
box-sizing: border-box;
margin-bottom: 2.5rem;
}
.remode ul{
padding: 1rem .8rem;
background: #fff;
border-radius: 16px;
box-shadow: 0px 0px 32px rgba(0,0,0,0.1);
}
.remode ul li{
margin-bottom: .8rem;
}
.remode ul li a{
display: flex;
}
.remode ul li img{
width: 7.2rem;
height: 4.8rem;
border-radius: .4rem;
margin-right: .8rem;
}
.remode ul li .recommend_left{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.remode ul li .recommend_left h3{
font-size: 17px;
color: #000;
font-weight: 400;
}
.remode ul li .recommend_left p{
font-size: 12px;
color: #949494;
}
body {
line-height: 1.5;
font-size: 0.8rem;
color: #212121;
outline: 0;
}

0
历届学生/fontendsix/项目练习/上课项目/美食杰/css/like.css Normal file
View File

90
历届学生/fontendsix/项目练习/上课项目/美食杰/css/my.css Normal file
View File

@@ -0,0 +1,90 @@
body{
background: #f5f5f5;
}
.header{
width: 100%;
height: 9.5rem;
background: url(../img/likebeijing.png) no-repeat center;
background-size: 100% 100%;
}
.center{
margin: auto;
width: 300px;
padding-top: 20px;
color: #fff;
font-size: 16px;
}
.header_top{
width: 100%;
display: flex;
align-items: center;
}
.header_top img{
height: 66px;
width: 66px;
border: 3px solid rgba(255,255,255,0.5);
border-radius: 100%;
margin-right: 10px;
}
.header_text p{
font-size: 16px;
}
.header_text span{
font-size: 12px;
}
.header_bott{
display: flex;
width: 100px;
font-size: 12px;
height: 24px;
line-height: 22px;
border-radius: 16px;
border: 1px solid rgba(255,255,255,0.5);
background: rgba(255,255,255,0.2);
padding: 0px 12px;
margin-left: 82px;
}
.header_bott p{
margin-right: 5px;
}
.info li a{
height: 100%;
justify-content: space-between;
display: flex;
align-items: center;
}
.info li{
padding: 0 .8rem;
box-sizing: border-box;
width: 100%;
height: 44px;
background: #fff;
border-bottom: 1px solid #f5f5f5;
}
.info li:nth-child(3){
margin-top: .5rem;
}
.info li:nth-child(2){
margin-top: .5rem;
}
.info_left{
display: flex;
align-items: center;
font-size: 16px;
color: #333;
}
.info_left img{
width: 1.35rem;
height: 1.35rem;
margin-right: .5rem;
}
.info_right{
display: flex;
align-items: center;
}
.info_right span{
font-size: 20px;
color: #666;
}

251
历届学生/fontendsix/项目练习/上课项目/美食杰/css/public.css Normal file
View File

@@ -0,0 +1,251 @@
.wf-father {
font-size: 0px;
min-height: 1000 px;
width: 100vw;
}
.wf-item {
height: auto;
overflow: hidden;
padding: 0px 5px 16px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
float: left;
width: 50%;
box-sizing: border-box;
}
.wf-itemw {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
border-radius: 7px;
overflow: hidden;
display: block;
}
.img-one {
object-fit: cover;
width: 100%;
height: 60vw;
}
.wf-item-top {
position: relative;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.wf-item-top .vicon {
height: 20px;
width: 20px;
background: url(https://st-cn.meishij.net/p2/20181206/20181206143142_460.png)
0px 0px no-repeat;
background-size: 20px 40px;
right: 10px;
top: 10px;
position: absolute;
z-index: 100;
}
.wf-item-content {
background: #fff;
padding-bottom: 12px;
}
.wf-title {
font-size: 16px;
color: #333;
font-weight: 600;
line-height: 22px;
padding: 10px 10px 0px 10px;
position: relative;
}
<<<<<<< HEAD
.footer {
display: flex;
align-items: center;
justify-content: space-around;
position: fixed;
z-index: 999;
bottom: 0;
left: 0;
right: 0;
background: #fff;
width: 100%;
height: 1rem;
border-top: 0.02rem solid #e8ebec;
}
.footer li {
text-align: center;
=======
.wf-des {
background: #fff2f2;
border-radius: 2px;
position: relative;
margin: 12px 10px 0px 10px;
padding: 4px 6px 4px 6px;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
>>>>>>> a1acf77c888621bca27fc7cd2737afcd7d471271
}
.wf-des .t {
font-size: 8px;
line-height: 12px;
height: 12px;
border-radius: 2px;
color: #fff;
position: absolute;
left: 0px;
top: -13px;
padding: 0px 3px;
font-weight: 600;
background: #ff8d8d;
border-bottom-left-radius: 0px;
}
.wf-des-rel {
font-size: 11px;
color: #ff8d8d;
line-height: 14px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.wf-item-content-bottom {
height: 18px;
margin: 20px 10px 0px;
position: relative;
}
.wf-item-bottom-left {
font-size: 0px;
}
.wf-item-bottom-left img {
height: 18px;
width: 18px;
border-radius: 9px;
overflow: hidden;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
display: inline-block;
vertical-align: top;
}
.wf-item-bottom-left span {
display: inline-block;
vertical-align: top;
height: 18px;
line-height: 18px;
font-size: 9px;
color: #666;
padding-left: 5px;
max-width: 45%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wf-item-bottom-right {
position: absolute;
right: 0px;
top: 0px;
height: 18px;
padding-left: 15px;
line-height: 18px;
color: #666;
font-size: 9px;
}
.wf-item-bottom-right-i {
position: absolute;
left: 0px;
top: 4px;
height: 10px;
width: 13px;
background: url(https://st-cn.meishij.net/p2/20181206/20181206143142_460.png) -4px -20px
no-repeat;
background-size: 20px 40px;
}
.img-four {
left: 0px;
top: 0px;
z-index: 10;
width: 100%;
height: 60vw;
}
.img-four img {
display: block;
height: 49.55%;
width: 49.5%;
position: absolute;
}
.img-four img:nth-child(1) {
left: 0px;
top: 0px;
}
.img-four img:nth-child(2) {
right: 0px;
top: 0px;
}
.img-four img:nth-child(3) {
left: 0px;
bottom: 0px;
}
.img-four img:nth-child(4) {
right: 0px;
bottom: 0px;
}
.mount {
height: 22px;
line-height: 22px;
padding: 0px 6px;
border-radius: 2px;
background: #fff;
position: absolute;
left: 10px;
bottom: 10px;
font-size: 12px;
color: #333;
font-weight: 600;
z-index: 100;
}
.header_screah{
width: 100%;
height: 72px;
}
.header_screahtop{
width: 100%;
height: 72px;
position: fixed;
left: 0px;
top: 0px;
background: #fff;
z-index: 1000;
}
.header_screahtop{
height: 40px;
display: block;
background: #f5f5f5;
border-radius: 4px;
margin: 16px;
width: 91%;
font-size: 16px;
color: #999;
line-height: 40px;
}
.header_screahtop span{
display: inline-block;
background-size: 16px 16px;
height: 18px;
width: 18px;
margin: 1px 8px 0px 16px;
}
.header_screahtop input{
background-color: #f5f5f5;
}

72
历届学生/fontendsix/项目练习/上课项目/美食杰/css/search.css Normal file
View File

@@ -0,0 +1,72 @@
.header{
position: fixed;
display: flex;
justify-content: space-between;
width: 100%;
height: 2.5rem;
background: #fff;
padding: 0px .8rem;
box-sizing: border-box;
align-items: center;
border-bottom: 1px solid #f5f5f5;
z-index: 999;
overflow: hidden;
}
.header div{
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 1.5rem;
background: #ff4c39;
border-radius: .1rem;
color: #fff;
font-size: .7rem;
}
.search_input{
padding-left: .95rem;
width: 60%;
height: 1.5rem;
background: #eee;
color: #333;
font-size: .7rem;
display: block;
line-height: 1.2rem;
border: 0px;
outline: none;
}
.content{
padding-top: 2.5rem
}
.content ul li{
height: 5.5rem;
border-bottom: 1px solid #ccc;
padding: .8rem;
box-sizing: border-box;
}
.content ul li a{
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.imgs{
width: 6rem;
height: 4rem;
position: relative;
overflow: hidden;
margin-right: .5rem;
}
.text h3{
font-size: .9rem;
color: #333;
padding-bottom: 1.75rem;
}
.text p{
font-size: .7rem;
color: #999;
}

13
历届学生/fontendsix/项目练习/上课项目/美食杰/css/swiper-bundle.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

61
历届学生/fontendsix/项目练习/上课项目/美食杰/css/type.css Normal file
View File

@@ -0,0 +1,61 @@
.content {
height: 100vh;
/* padding-top: ; */
}
.left_menu {
width: 80px;
height: 100%;
float: left;
overflow-y: scroll;
background: #f5f5f5;
}
.active_menu {
background: #fff !important;
}
.left_menu .img {
margin: 0 auto;
height: 25px;
width: 25px;
background: url("https://s1.st.meishij.net/p2/20191108/20191108113258_481.png");
background-position: 0 0;
background-size: 25px 500px;
}
.left_menu li {
height: 70px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.left_menu li p{
font-size: 12px;
color: #333;
margin-top: 4px;
}
.right_content {
width: calc(100% - 80px);
height: 100%;
float: left;
overflow-y: scroll;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-content: baseline;
}
.right_content li {
width: 33%;
height: 90px;
text-align: center;
}
.right_content li img{
width: 62px;
height: 62px;
}
.right_content li p{
font-size: 12px;
color: #333;
}
.active {
background: #fff !important;
}

0
历届学生/fontendsix/项目练习/上课项目/美食杰/css/video.css Normal file
View File