|
@@ -186,12 +186,12 @@
|
|
|
background-color: #F9F9F9;
|
|
|
.pic{
|
|
|
width: 100%;
|
|
|
- height: 275rpx;
|
|
|
+ height: 206rpx;
|
|
|
+ border-radius: 10rpx;
|
|
|
}
|
|
|
.textobx{
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
|
- padding-top: 10rpx;
|
|
|
padding-left: 20rpx;
|
|
|
padding-right: 20rpx;
|
|
|
.title{
|
|
@@ -200,7 +200,7 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
.til{
|
|
|
- font-size: 30rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
.collect{
|
|
@@ -211,17 +211,17 @@
|
|
|
}
|
|
|
.miaosu{
|
|
|
width: 100%;
|
|
|
- height: 80rpx; /* 设置固定高度 */
|
|
|
+ height: 72rpx;
|
|
|
font-size: 28rpx;
|
|
|
- overflow: hidden; /* 隐藏超出部分 */
|
|
|
- display: -webkit-box; /* 使用弹性盒子布局 */
|
|
|
- -webkit-box-orient: vertical; /* 垂直排列 */
|
|
|
- -webkit-line-clamp: 2; /* 限制显示的行数,这里设置为3行 */
|
|
|
- text-overflow: ellipsis; /* 超出部分显示省略号 */
|
|
|
+ overflow: hidden;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
.bottom{
|
|
|
width: 100%;
|
|
|
- height: 80rpx;
|
|
|
+ height: 68rpx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
.qian{
|
|
@@ -232,9 +232,9 @@
|
|
|
}
|
|
|
}
|
|
|
.soucang{
|
|
|
- width: 104rpx;
|
|
|
- height: 48rpx;
|
|
|
- font-size: 26rpx;
|
|
|
+ width: 110rpx;
|
|
|
+ height: 46rpx;
|
|
|
+ font-size: 25rpx;
|
|
|
background-color: #343027;
|
|
|
border-radius: 40rpx;
|
|
|
color: white;
|