2019年12月28日
一.首页列表关键代码
1.swiper实现轮播图 略
2.列表 对齐实现 【 line-height: 30px;】
image.png
.desc {
margin-left: 20px;
line-height: 30px;
}
3.详情页面略
image.png
二.分类
1.通用搜索框实现
image.png
.wrapper {
border: 1px solid #ccc;
width: 90%;
height: 38px;
margin: 0 auto;
display: flex;
flex-direction: row;
border-radius: 30px;
align-items: center;
background-color: #fafafa;
}
.search {
margin-left: 10px;
}
2.其他项
image.png
.menu {
display: flex;
flex-direction: row;
margin: 10px;
}
.btn {
width: 45%;
background-color: #efeeec;
}
网友评论