1 Star 0 Fork 0

houwanjie/day2作业

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
2.饿了么.css 2.56 KB
一键复制 编辑 原始数据 按行查看 历史
houwanjie 提交于 2022-10-11 23:05 . 第2天作业-vue指令
*{
padding: 0;
margin: 0;
}
.ss {
margin: 10px;
display: flex;
align-items: center;
background: rgb(59, 59, 238);
height: 60px;
}
.ss input {
flex: 1;
height: 40px;
background-color: #f5f5f5;
outline: none;
border: none;
padding-left: 20px;
border-radius: 20px;
}
.picture img{
width: 93%;
margin: 10px;
}
h2{
margin-left: 10px;
}
.zhsx{
width: 100%;
padding: 10px;
box-sizing: border-box;
display: flex;
justify-content: space-around;
text-align: center;
line-height: 40px;
}
.zhsx div.active{
color: white;
width: 25%;
background-color:red;
font-size: 20px;
}
/* 热卖样式 */
.hot1{
display: flex;
}
.hot {
/* margin: 10px; */
margin-left: 23px;
background-color: rgba(232, 238, 238, 0.706);
font-size: 14px;
}
/* 商品列表图片样式 */
.block {
width: 20%;
/* text-align: center; */
font-size:5px;
margin-bottom: 10px;
display: flex;
}
.block img {
width: 100%;
margin-bottom: 10px;
margin: 20px;
}
.dianpu .title{
font-size: 20px;
font-weight: bold;
width: 220px;
margin-top: 18px;
}
.dianpu .num{
margin-left:10px ;
}
.dianpu1 {
display: flex;
}
.dianpu1 div{
padding-right: 5px;
width:60px;
}
.dianpu1 .price,
.dianpu1 .cond,
.dianpu1 .time,
.dianpu1 .juli{
font-size: 6px;
}
.haop{
display: flex;
}
.haop .wjx{
color: rgb(244, 75, 23);
}
.dibu {
display: flex;
}
/* 底部样式 */
.dibu {
position: fixed;
bottom: 0;
width: 100%;
padding: 10px;
border-top: 1px solid #ccc;
box-sizing: border-box;
display: flex;
justify-content: space-around;
text-align: center;
line-height: 40px;
}
.dibu div.active1 {
color: white;
width: 25%;
background-color: blue;
font-size: 20px;
}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/houwanjie/day2-job.git
[email protected]:houwanjie/day2-job.git
houwanjie
day2-job
day2作业
master

搜索帮助