提交 b8413b55 编写于 作者: Shine-zwj's avatar Shine-zwj

优化列表描述样式

上级 ccaf6aab
......@@ -31,8 +31,12 @@
</div>
<template>
<div class="item-content-text">
<span class="item-text">{{item.srfmajortext}}</span>
<span v-if="item.srfdescription" class="item-subtext">{{ item.srfdescription }}</span>
<div class="item-title">
<span >{{item.srfmajortext}}</span>
</div>
<div class="item-description">
<span v-if="item.srfdescription" class="item-subtext" :title="item.srfdescription">{{ item.srfdescription }}</span>
</div>
</div>
</template>
</div>
......
......@@ -44,10 +44,17 @@
.item-content-text {
display: flex;
flex-direction: column;
.item-text {
width: 80%;
.item-title {
font-size: 18px;
font-weight: bold;
}
.item-description{
height: 34px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.item-subtext {
color: #8c8c8c;
}
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册