revisit
/
DSDSWeb
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of http://124.222.8.13:3000/revisit/DSDSWeb

This commit is contained in:
hym 2025-09-08 19:32:30 +08:00
parent ab69f137d4 55c48aee06
commit bec0fd1917
2 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/aboutUs.vue
View File

@ -31,8 +31,8 @@ export default {
.aboutUs { .aboutUs {
width: 100%; width: 100%;
background-image: url(../../static/images/banner_index.jpg); background: url(../../static/images/banner_index.jpg) center no-repeat;
background-size: 100% 100%; background-size: auto 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }

21
src/views/home.vue
View File

@ -112,11 +112,11 @@
<li v-for="(item, index) in dataUpdateList" :key="index" @click="turnDetailPage(item)"> <li v-for="(item, index) in dataUpdateList" :key="index" @click="turnDetailPage(item)">
<div class="date"> <div class="date">
<p>{{ item.voyage_end_date.slice(8, 10) }}</p> <p>{{ item.voyage_end_date.slice(8, 10) }}</p>
<span>{{ item.voyage_end_date.slice(0, 7) }}</span> <span class="text-ellipsis--4-lines">{{ item.voyage_end_date.slice(0, 7) }}</span>
</div> </div>
<div class="des"> <div class="des">
<p>{{ item.voyage_name }}</p> <p>{{ item.voyage_name }}</p>
<span>{{ item.voyage_remark }}</span> <span class="text-ellipsis--4-lines">{{ item.voyage_remark }}</span>
</div> </div>
</li> </li>
</ul> </ul>
@ -124,11 +124,11 @@
<li v-for="(item, index) in sampleDataUpdateList" :key="index"> <li v-for="(item, index) in sampleDataUpdateList" :key="index">
<div class="date"> <div class="date">
<p>{{ item.create_time.slice(8, 10) }}</p> <p>{{ item.create_time.slice(8, 10) }}</p>
<span>{{ item.create_time.slice(0, 7) }}</span> <span class="text-ellipsis--4-lines">{{ item.create_time.slice(0, 7) }}</span>
</div> </div>
<div class="des"> <div class="des">
<p>{{ item.dataset_name }}</p> <p>{{ item.dataset_name }}</p>
<span>{{ item.job_type }}</span> <span class="text-ellipsis--4-lines">{{ item.job_type }}</span>
</div> </div>
</li> </li>
</ul> </ul>
@ -1276,4 +1276,17 @@ export default {
#map { #map {
position: relative; position: relative;
} }
.text-ellipsis--4-lines {
/* 限制显示的行数 */
-webkit-line-clamp: 4;
/* 将对象作为弹性伸缩盒子模型显示（必要） */
display: -webkit-box;
/* 设置或检索伸缩盒对象的子元素的排列方式为垂直（必要） */
-webkit-box-orient: vertical;
/* 隐藏超出容器的内容 */
overflow: hidden;
/* 文本溢出时显示省略号 */
text-overflow: ellipsis;
}
</style> </style>