Browse Source

细节修改

master
lucky 5 years ago
parent
commit
7da0fe6f33
  1. 14
      src/components/Index/IndexNewList.vue
  2. 12
      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="d-flex flex-1 flex-column">
<div class="item-title">{{ item.title }}</div> <div class="item-title">{{ item.title }}</div>
<div class="original"></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> </div>
</div> </div>
@ -155,4 +155,16 @@ export default {
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -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> </style>

12
src/components/PlatformList/PlatformList.vue

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

Loading…
Cancel
Save