Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
d1fc3385 1 parent ba0e88c5

荣誉展示的文本高度调整

Inline Side-by-side
Showing 1 changed file with 16 additions and 11 deletions
<!--
* @Date: 2024-10-17 11:13:44
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-24 14:19:29
* @LastEditTime: 2024-10-24 15:24:20
* @FilePath: /hager/src/views/about/honors.vue
* @Description: 关于海格-荣誉展示
-->
......@@ -40,9 +40,9 @@
<div class="card-image-box">
<div class="card-image" :style="{ backgroundImage: `url(${x.cover})` }"></div>
</div>
<div ref="contentDiv" class="card-content">
<div class="card-content">
<h3>{{ x.post_title }}</h3>
<p v-html="x.post_content"></p>
<p ref="contentDiv" v-if="x.post_content">{{ x.post_content }}</p>
</div>
</div>
</div>
......@@ -62,7 +62,7 @@
</div>
<div class="card-content xs">
<h3>{{ x.post_title }}</h3>
<p v-html="x.post_content"></p>
<p v-if="x.post_content" class="content">{{ x.post_content }}</p>
</div>
</div>
</div>
......@@ -270,24 +270,27 @@ export default {
.card-image {
width: 100%;
height: 17rem;
background-size: contain;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.card-content {
background-color: #F7F7F7;
padding: 2rem 1.5rem;
height: 12rem;
overflow: scroll;
padding-bottom: 0.5rem;
h3 {
color: @secondary-color;
font-size: 1rem;
margin: 0;
margin-bottom: 0.5rem;
height: 3rem;
line-height: 1.5;
}
p {
font-size: 0.95rem;
line-height: 1.8;
height: 8rem;
margin-bottom: 0.5rem;
overflow: scroll;
}
}
}
......@@ -347,20 +350,22 @@ export default {
.card-content {
background-color: #F7F7F7;
padding: 2rem 1.5rem;
height: 12rem;
overflow: scroll;
&.xs {
height: 7rem;
// height: 2rem;
padding-bottom: 0.5rem;
}
h3 {
color: @secondary-color;
font-size: 1rem;
margin: 0;
margin-bottom: 0.5rem;
height: 3rem;
}
p {
font-size: 0.95rem;
line-height: 1.8;
height: 8rem;
overflow: scroll;
}
}
}
......