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

376
历届学生/韩想/项目开发/练习项目/仿饿了么/赵俊凯/css/index.css Normal file
View File

@@ -0,0 +1,376 @@
.body{
font-size: 24px;
background: #fff;
}
.header{
width: 100%;
height: 100px;
background-image: linear-gradient(90deg,#0af,#0085ff);
position: fixed;
z-index: 999;
}
.head_top{
display: flex;
align-items: center;
color: #fff;
padding-top: 10px;
}
.head_top .icon-location{
font-size: 18px;
}
.head_top .icon-down{
font-size: 12px;
}
.head_top p{
font-size: 17px;
font-weight: 700;
}
.head_sosuo{
width: 100%;
height: 36px;
text-align: center;
line-height: 36px;
background: #fff;
margin-top: 5px;
}
.head_sosuo i{
font-size: 14px;
color: #999;
}
.head_sosuo span{
font-size: 14px;
color: #999;
}
.content{
padding-top: 100px;
}
.list{
width: 100%;
margin-bottom: 20px;
}
.list ul{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.list ul li{
width: 20%;
text-align: center;
margin-top: 11px;
}
.list ul li img{
width: 45px;
height: 45px;
}
.list ul li p{
font-size: 12px;
color: #666;
}
.pztc_p{
padding-top: 12px;
padding-left: 15px;
display: flex;
justify-content: space-between;
background: linear-gradient(0deg,#f4f4f4 5%,#fafafa 95%);
}
.pztc .pztc_left{}
.pztc .pztc_left h3{
font-size: 17px;
color: #333;
font-weight: 700;
margin-bottom: 5px;
}
.pztc .pztc_left p:nth-child(2) {
color: #777;
font-size: 13px;
margin-bottom: 9px;
}
.pztc .pztc_left p:nth-child(3){
color: #af8260;
font-size: 12px;
font-weight: 700;
}
.pztc img{
width: 141px;
margin-right: 5px;
}
.super{
margin-top: 3px;
}
.superhy{
width: 100%;
height: 40px;
background: linear-gradient(90deg,#ffefc4,#f3dda0);
display: flex;
justify-content: space-between;
align-items: center
}
.super_left{
display: flex;
align-items: center;
justify-content: center;
padding-left: 15px;
}
.super_left img{
width: 17px;
height: 17px;
margin-right: 8px;
}
.super_left h3{
color: #644f1b;
font-size: 14px;
font-weight: 700;
}
.super_left p{
color: #644f1b;
font-size: 12px;
}
.superhy p{
color: #644f1b;
font-size: 12px;
padding-right: 5px;
}
.tjsj{
display: flex;
justify-content: center;
align-items: center;
margin: 14px 0px;
}
.tjsj p:nth-child(1){
width: 20px;
height: 1px;
background: #999;
}
.tjsj p:nth-child(2){
font-size: 15px;
margin: 0px 13px;
}
.tjsj p:nth-child(3){
width: 20px;
height: 1px;
background: #999;
}
.menu{}
.menu_list{
display: flex;
justify-content: space-between;
align-items: center;
}
.menu_list p{
color: #666;
font-size: 14px;
}
.menu_list .m_l{
display: flex;
align-items: center;
}
.menu_list .m_l i{
font-size: 9px;
color: #666;
}
.menu_list .m_ll{
display: flex;
align-items: center;
}
.menu_list .m_ll i{
font-size: 13.5px;
color: #666;
}
.content_nr{}
.nr_list{
margin: 15px 0px;
}
.nr_top{
display: flex;
justify-content: space-between;
align-items: center;
}
.nr_top_left{}
.nr_top_left img{
width: 64px;
height: 64px;
}
.nr_top_right{
width: 80%;
}
.nr_top_right_title{
display: flex;
justify-content: space-between;
}
.nr_top_right_title p{
font-size: 15px;
font-weight: 700;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 83%;
}
.nr_top_right_title i{
height: 10.4px;
line-height: 10.4px;
}
.nr_top_right_dingdan span{
color: #666;
font-size: 12px;
}
.nr_top_right_dingdan{
margin-top: 5px;
}
.nr_top_right_time{
display: flex;
justify-content: space-between;
color: #666;
font-size: 12px;
margin-top: 5px;
}
.time_left,.time_right{
position: relative;
}
.nr_top_right_time span:nth-child(2){
margin-left: 6px;
}
.nr_top_right_time span:nth-child(1)::after {
height: 10px;
width: 1px;
content: "";
position: absolute;
/* transform: scaleY(0.5); */
bottom: 2px;
left: 49px;
background: #ddd;
}
.nr_down{
padding-left: 70px;
}
.zd{
margin-bottom: 15px;
margin-top: 10px;
}
.zhou{
width: 27px;
height: 13px;
color: rgb(102, 102, 102);
font-size: 9px;
border: 1px solid;
border-color: rgb(221, 221, 221);
text-align: center;
line-height: 13px;
}
.yhhd_top{
display: flex;
justify-content: space-between;
align-items: center;
}
.jian{
width: 14px;
height: 14px;
background: rgb(240, 115, 115);
margin-right: 6px;
}
.jian>p{
font-size: 12px;
transform: scale(0.8);
color: #fff;
text-align: center;
line-height: 14px;
}
.yhhd_top_left{
display: flex;
align-items: center;
width: 70%;
}
.yhhd_top_left span{
font-size: 12px;
color: #666;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 83%;
}
.yhhd_top_right{
display: flex;
align-items: center;
}
.yhhd_top_right span{
font-size: 12px;
color: #999;
}
.yhhd_top_right i{
font-size: 12px;
transform: scale(0.8);
color: #999;
}
.jian1{
width: 14px;
height: 14px;
background: rgb(112, 188, 70);
margin-right: 6px;
}
.jian1>p{
font-size: 12px;
transform: scale(0.8);
color: #fff;
text-align: center;
line-height: 14px;
}
.yhhd_down{
display: flex;
align-items: center;
margin-top: 2.5px;
}
.yhhd_down span{
font-size: 12px;
color: #666;
}
.xian{
width: 100%;
transform: scaleY(0.5);
height: 1px;
background: #e5e5e5;
margin-top: 1.225rem;
}
.footer{
width: 100%;
height: 50px;
box-shadow: 0 -0.266667vw 0.533333vw rgba(0,0,0,.1);
position: fixed;
bottom: 0;
background: #fff;
left: 0;
z-index: 999;
}
.footer ul{
display: flex;
justify-content: space-between;
align-items: center;
}
.footer ul li{
text-align: center;
width: 25%;
margin-top: 5px;
}
.footer ul li img{
width: 20px;
height: 20px;
}
.footer ul li p{
font-size: 12px;
color: #8e8e93;
}