first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,8 @@
body ,ul ,li ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,p{
margin: 0;
padding: 0;
list-style: none;
}
a{
text-decoration: none;
}

View File

@@ -0,0 +1,318 @@
.header{
position: fixed;
left: 0;
top: 0;
background: linear-gradient(90deg,#0af,#0085ff);
height: 96px;
width: 100%;
padding: 7.5px 14px;
box-sizing: border-box;
}
.address{
width: 100%;
display: flex;
color: white;
padding: 10px 0;
overflow: hidden;
box-sizing: border-box;
height: 45px;
align-items: center;
}
.address i:nth-child(1){
font-size: 18px;
/* font-weight: 700; */
margin-right: 5px;
margin-bottom: 2px;
}
.address i:nth-child(3){
color: #fff;
transform: scale(0.5);
margin-bottom: 7px;
}
.address p{
width: 60%;
/* display: flex; */
color: white;
padding: 10px 0;
/* overflow: hidden; */
box-sizing: border-box;
height: 45px;
/* align-items: center; */
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
align-items: start;
}
.search{
height: 36px;
display: flex;
justify-content: center;
align-items: center;
color: #999;
background: #fff;
}
.search i{
transform: scale(0.95);
margin-right: 7px;
}
.search p{
font-size: 13PX;
}
.footer{
width: 100%;
height: 50px;
position: fixed;
left: 0;
bottom: 0;
background: #fff;
border-top: 1px solid rgba(224, 118, 118, 0.2);
box-sizing: border-box;
display: flex;
justify-content: space-around;
align-items: center;
}
.footer li{
text-align: center;
color: #8e8e93;
}
.footer p{
font-size: 10px;
}
.content{
margin-top: 106px;
margin-bottom: 50px;
}
.menu{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.menu li{
text-align: center;
font-size: 13px;
color: #666;
width: 20%;
padding-bottom: 5px;
box-sizing: border-box;
}
.menu img{
width: 49px;
height: 49px;
margin-bottom: 3px;
}
.menu p{
}
.meal{
display: flex;
justify-content: space-between;
background: linear-gradient(0deg,#f4f4f4 5%,#fafafa 95%);
height: 110px;
padding: 0 10px;
box-sizing: border-box;
margin: 15px 10px 5PX 10PX;
}
.meal_text p:first-child{
font-size: 18.5px;
font-weight: 700;
color: #333;
margin: 10px 0 5px;
}
.meal_text p:nth-child(2){
color: #777;
font-size: 13px;
margin-bottom: 10px;
}
.meal_text p:last-child{
font-size: 12px;
color: #af8260;
font-weight: 700;
}
.meal img{
width: 155px;
height: 103px;
}
.vip{
height: 40px;
display: flex;
justify-content: space-around;
align-items: center;
background: linear-gradient(90deg,#ffefc4,#f3dda0);
margin: 0 10px;
}
.vip li:nth-child(1){
display: flex;
justify-content: center;
align-items: center;
}
.vip li:nth-child(1) i{
color: rgb(224, 183, 0);
}
.vip li:nth-child(1) p:nth-child(2){
margin:0 5px;
font-size: 14px;
font-weight: 700;
color: #644f1b;
}
.vip li:nth-child(1) p:nth-child(3){
font-size: 11px;
color: #644f1b;
}
.vip li:nth-child(2) p{
font-size: 11px;
color: #644f1b;
margin-right: -10px;
}
.business{
display: flex;
justify-content: center;
align-items: center;
margin: 15px 0px;
}
.business::before{
content: "";
height: 1px ;
width: 25px;
background: #999;
margin-right: 6px;
}
.business::after{
content: "";
height: 1px ;
width: 25px;
background: #999;
margin-left: 6px;
}
.nav{
display: flex;
justify-content: space-around;
align-items: center;
}
.nav .icon-xiangxia{
transform: scale(0.5);
color: #333;
}
.nav .icon-shaixuan{
transform: scale(0.9);
color: #666;
}
.nav p{
color: #666;
font-size: 14px;
}
.nav li:first-child{
display: flex;
align-items: center;
}
.nav li:last-child{
display: flex;
align-items: center;
}
.food_list{
margin-top: 15px;
}
.food_list li{
display: flex;
}
.food_list_img{
width: 65px;
height: 65px;
margin-left: 15px;
}
.food_list_r{
margin-left: 5px;
flex: 1;
}
.list_r_first{
display: flex;
flex: 1;
justify-content: space-between;
font-size: 15px;
font-weight: 700;
color: #333;
margin-bottom: 5px;
}
.list_r_first i{
margin-right: 15px;
font-size: 12px;
color: rgb(124, 122, 122);
}
.score{
display: flex;
flex: 1;
align-content: center;
justify-content: space-between;
}
.score img{
height: 10px;
}
.score span{
font-size: 11px;
color: #666;
}
.score li{
display: flex;
align-items: center;
justify-content: center;
}
.score li:last-child span{
background: linear-gradient(45deg,#0085ff,#0af);
color: #fff;
transform: scale(0.8);
border-radius: 1px;
border: 1px solid #0097ff;
}
.price{
display: flex;
align-items: center;
justify-content: space-between;
margin-right: 4px;
color: #999;
font-size: 11px;
margin-top: 6px;
}
.title{
display: flex;
justify-content: flex-start;
}
.title li{
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
transform: scale(0.8);
color: rgb(104, 104, 104);
padding:1px 2px;
border: 1px solid rgb(180, 179, 179);
border-radius: 4px;
margin: 5px 2px;
}
.act_left {
display: flex;
width: 84%;
}
.act_left span{
background: rgb(4, 255, 88);
color: #fff;
font-size: 12px;
padding: 1px 2px;
border-radius: 2px;
box-sizing: border-box;
margin-right: 6px;
transform: scale(0.86);
}
.act_left p{
font-size: 12px;
color: #777;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transform: scale(0.9);
margin-left: -10px;
}

View File

@@ -0,0 +1,3 @@
.active{
color: #0089dc !important;
}