Files
ClassContent/历届学生/逯帅帅/项目开发/学生项目/应越波/day4/饿了么/css/pub.less
2024-09-27 02:06:13 +08:00

143 lines
3.8 KiB
Plaintext

.zhonxia{
margin: 1.65rem 1rem 0;
.zhonxia_zhon {
display: flex;
margin-top: .3rem;
border-bottom: .1rem solid rgba(136, 135, 135,.2);
.zhon_xin_a{
margin-left: .5rem;
// 重点代码,计算宽度
width: calc(100% - 4rem);
.zho_xin_b{
display: flex;
justify-content: space-between;
i{
margin-right: 1rem;
}
.zho_p{
font-size: .8rem;
font-weight: 900;
}
.zho_p span{
font-size: .12rem;
zoom: .9;
}
}
.zho_xin_b p span{
border-radius: .3rem;
padding: .2rem;
margin-right: .2rem;
background-color: yellow;
}
.zho_k{
margin-top: .7rem;
display: flex;
align-items: center;
}
.zho_k img{
width: 4rem;
height: .7rem;
padding-right: .5rem;
}
.zho_k span{
font-size: .12rem;
color: rgb(136, 135, 135);
}
.qishong{
margin-right: 1rem;
margin-top: .8rem;
display: flex;
justify-content: space-between;
}
.qishong span{
font-size: .12rem;
color: rgb(136, 135, 135);
}
.qitakuaican{
display: flex;
margin-top: .6rem;
font-size: .12rem;
margin-bottom: 1rem;
zoom: .9;
color: rgb(136, 135, 135);
}
.manjian{
display: flex;
justify-content: space-between;
.manjian_a{
display: flex;
width: 60%;
.man{
border-radius: .2rem;
text-align: center;
width: 1rem;
background-color: rgb(238, 123, 123);
color: #fff;
font-size: .12rem;
padding: 0 .1rem;
text-align: center;
margin-right: .2rem;
}
.man_2{
// 下面三行代码实现单行文本省略
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: .12rem;
zoom: .9;
color: rgb(136, 135, 135);
}
}
.manjian_b{
display: flex;
font-size: .12rem;
align-items: center;
margin-right: 1rem;
color: rgb(136, 135, 135);
}
.manjian_b i{
font-size: .12rem;
}
}
.tejiashangp{
margin-top: .4rem;
display: flex;
font-size: .12rem;
zoom: .9;
color: rgb(136, 135, 135);
margin-bottom: .5rem;
}
.tejiashangp span:first-child{
margin-right: .4rem;
border-radius: .2rem;
text-align: center;
width: 1rem;
background-color: orange;
color: #fff;
}
}
}
.zhonxia_zhon>img{
width: 4.5rem;
height: 4.5rem;
}
}