|
|
|
@ -45,7 +45,9 @@ onMounted(async () => {
|
|
|
|
|
<div class="id-wrap">
|
|
|
|
|
<SvgIcon :name="svgName" size="28" />
|
|
|
|
|
<span class="list-item-header-name" :class="{ 'list-item-header-selected': selected }">
|
|
|
|
|
<span class="list-item-title" :title="listItem.name">{{ listItem.name }} </span>
|
|
|
|
|
<n-ellipsis style="max-width: 226px">
|
|
|
|
|
{{ listItem.name }}{{ listItem.name }}{{ listItem.name }}{{ listItem.name }}{{ listItem.name }}
|
|
|
|
|
</n-ellipsis>
|
|
|
|
|
<span class="list-item-header-selected">({{ listItem.pictureCount }})</span>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
@ -111,8 +113,10 @@ onMounted(async () => {
|
|
|
|
|
color: #333333;
|
|
|
|
|
margin-bottom: 0 0 8px 8px;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
.list-item-title{
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.list-item-title {
|
|
|
|
|
width: 200px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|