Browse Source

细节修改

master
lucky 5 years ago
parent
commit
7da0fe6f33
  1. 14
      src/components/Index/IndexNewList.vue
  2. 14
      src/components/PlatformList/PlatformList.vue

14
src/components/Index/IndexNewList.vue

@ -50,7 +50,7 @@
<div class="d-flex flex-1 flex-column">
<div class="item-title">{{ item.title }}</div>
<div class="original"></div>
<div class="item-content">{{ item.content }}</div>
<div :class="i === 0 ? 'item-content1' : 'item-content'">{{ item.content }}</div>
</div>
</div>
</div>
@ -155,4 +155,16 @@ export default {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.item-content1 {
overflow: hidden;
display: -webkit-box;
margin-top: 8px;
line-height: 28px;
font-size: 12px;
color: rgba(0, 0, 0, 0.45);
font-family: Microsoft YaHei;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
</style>

14
src/components/PlatformList/PlatformList.vue

@ -240,26 +240,22 @@ export default {
text-align: center;
// position: absolute;
// bottom: 0;
height: 48px;
height: 90px;
width: 100%;
color: rgba(0, 0, 0, 0.85);
font-size: 28px;
font-size: 24px;
}
@media only screen and (max-width: 1900px) {
.title {
font-size: 24px;
}
}
@media only screen and (max-width: 1650px) {
@media screen and (min-width: 1400px) and (max-width: 1650px) {
.title {
height: 48px;
font-size: 20px;
}
}
@media only screen and (max-width: 1400px) {
.title {
height: 48px;
font-size: 16px;
}
}

Loading…
Cancel
Save