|
|
@ -30,7 +30,7 @@ |
|
|
<p class="pro-title">{{ item.title }}</p> |
|
|
<p class="pro-title">{{ item.title }}</p> |
|
|
<p class="pro-content">{{ item.content }}</p> |
|
|
<p class="pro-content">{{ item.content }}</p> |
|
|
<p class="pro-time">时间:{{ item.time }}</p> |
|
|
<p class="pro-time">时间:{{ item.time }}</p> |
|
|
<a-button class="pro-btn width-8" type="primary">揭榜</a-button> |
|
|
<a-button class="pro-btn " type="primary" size="small">揭榜</a-button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="inner"> |
|
|
<div class="inner"> |
|
|
@ -205,22 +205,23 @@ export default { |
|
|
.pro-box { |
|
|
.pro-box { |
|
|
width: 45%; |
|
|
width: 45%; |
|
|
margin-left: 3%; |
|
|
margin-left: 3%; |
|
|
height: 300px; |
|
|
// height: 240px; |
|
|
background: #FFFFFF; |
|
|
background: #FFFFFF; |
|
|
padding: 24px 20px; |
|
|
padding: 0.5rem 20px; |
|
|
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); |
|
|
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); |
|
|
position: relative; |
|
|
// position: relative; |
|
|
margin-bottom: 20px; |
|
|
margin-bottom: 1rem; |
|
|
opacity: 1; |
|
|
opacity: 1; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pro-title { |
|
|
.pro-title { |
|
|
font-size: 24px; |
|
|
font-size: 20px; |
|
|
font-family: Microsoft YaHei; |
|
|
font-family: Microsoft YaHei; |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
line-height: 31px; |
|
|
// line-height: 24px; |
|
|
color: rgba(0, 0, 0, 0.85); |
|
|
color: rgba(0, 0, 0, 0.85); |
|
|
opacity: 1; |
|
|
opacity: 1; |
|
|
|
|
|
margin-bottom 0.5rem |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pro-content { |
|
|
.pro-content { |
|
|
@ -228,28 +229,32 @@ export default { |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
font-family: Microsoft YaHei; |
|
|
font-family: Microsoft YaHei; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
line-height: 24px; |
|
|
// line-height: 20px; |
|
|
color: rgba(0, 0, 0, 0.65); |
|
|
color: rgba(0, 0, 0, 0.65); |
|
|
opacity: 1; |
|
|
opacity: 1; |
|
|
display: -webkit-box; |
|
|
display: -webkit-box; |
|
|
-webkit-line-clamp: 5; |
|
|
-webkit-line-clamp: 5; |
|
|
-webkit-box-orient: vertical; |
|
|
-webkit-box-orient: vertical; |
|
|
|
|
|
margin-bottom 0.1rem |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pro-time { |
|
|
.pro-time { |
|
|
position: absolute; |
|
|
// position: absolute; |
|
|
font-size: 14px; |
|
|
font-size: 12px; |
|
|
font-family: Microsoft YaHei; |
|
|
font-family: Microsoft YaHei; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
line-height: 22px; |
|
|
line-height: 16px; |
|
|
color: rgba(0, 0, 0, 0.45); |
|
|
color: rgba(0, 0, 0, 0.45); |
|
|
opacity: 1; |
|
|
opacity: 1; |
|
|
bottom: 60px; |
|
|
bottom: 60px; |
|
|
|
|
|
margin-bottom 0.3rem |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pro-btn { |
|
|
.pro-btn { |
|
|
position: absolute; |
|
|
// position: absolute; |
|
|
bottom: 24px; |
|
|
// bottom: 24px; |
|
|
width: 100px; |
|
|
width: 100px; |
|
|
|
|
|
margin 0 auto |
|
|
|
|
|
display block |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|