|
|
@ -15,7 +15,7 @@ |
|
|
|
<div |
|
|
|
:class="(index + 1) % 4 === 0 ? 'margin-0' : ''" |
|
|
|
:key="index" |
|
|
|
class="item-box mb-8 pointer d-flex flex-column" |
|
|
|
class="item-box pointer d-flex flex-column" |
|
|
|
style="position: relative" |
|
|
|
v-for="(item, index) in list" |
|
|
|
> |
|
|
@ -25,9 +25,9 @@ |
|
|
|
@click="showModal(item.id)" |
|
|
|
style="height: 220px; width: 100%; border: 1px solid #ccc" |
|
|
|
/> |
|
|
|
<p @click="showModal(item.id)" class="font-24 my-4">{{ item.name }}</p> |
|
|
|
<p class="font-16 mb-4 textColor line-height-30 item-intro">{{ item.intro }}</p> |
|
|
|
<p @click="showDiv(index)" class="baseColor d-flex flex-row-reverse">{{ showList[index] }}</p> |
|
|
|
<p @click="showModal(item.id)" class="font-24 my-2">{{ item.name }}</p> |
|
|
|
<p class="font-16 textColor item-intro">{{ item.intro }}</p> |
|
|
|
<!-- <p @click="showDiv(index)" class="baseColor d-flex flex-row-reverse">{{ showList[index] }}</p> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="inner"> |
|
|
@ -439,7 +439,7 @@ export default { |
|
|
|
// -webkit-line-clamp: 3; |
|
|
|
// -webkit-box-orient: vertical; |
|
|
|
text-align: left; |
|
|
|
height: 90px; |
|
|
|
overflow: hidden; |
|
|
|
// height: 90px; |
|
|
|
// overflow: hidden; |
|
|
|
} |
|
|
|
</style> |
|
|
|