category item-block 使用 flex 样式,让价格位置固定在底部

wechat_user_type
Ge Hao 8 years ago
parent 32940df8b2
commit 7d6327fb71
  1. 25
      pages/category/category.wxss

@ -2,6 +2,7 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: 100%;
margin-bottom: 100rpx;
} }
.item { .item {
@ -11,31 +12,29 @@
} }
.item-block { .item-block {
display: block; display: flex;
flex-direction: column;
justify-content: space-between;
border-right: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;
padding: 15rpx 15rpx 15rpx; padding: 15rpx 15rpx 20rpx;
min-height: 485rpx; min-height: 500rpx;
} }
.item image { .item-block image {
width: 100%; width: 100%;
height: 335rpx; height: 335rpx;
margin-bottom: 20rpx;
} }
.item .first-line { .item-block .first-line {
font-size: 25rpx; font-size: 27rpx;
line-height:30rpx; line-height:34rpx;
margin-bottom: 20rpx;
text-align: center; text-align: center;
} }
.item .second-line { .item-block .second-line {
display: flex;
flex-direction: row;
justify-content: center;
color: red; color: red;
text-align: center;
} }
.offline-notice { .offline-notice {

Loading…
Cancel
Save