Поправки разметки

This commit is contained in:
Book Pauk
2022-10-27 18:01:45 +07:00
parent 8a6852c4ae
commit 529095e014
4 changed files with 21 additions and 24 deletions

View File

@@ -152,7 +152,7 @@ class AuthorList extends BaseList {
} }
get foundCountMessage() { get foundCountMessage() {
return `Найден${utils.wordEnding(this.list.totalFound, 2)} ${this.list.totalFound} автор${utils.wordEnding(this.list.totalFound)}`; return `Всего найден${utils.wordEnding(this.list.totalFound, 2)} ${this.list.totalFound} автор${utils.wordEnding(this.list.totalFound)}`;
} }
isFoundSeriesBook(seriesItem, seriesBook) { isFoundSeriesBook(seriesItem, seriesBook) {

View File

@@ -94,16 +94,6 @@
{{ `${(extendedParams ? 'Скрыть' : 'Показать')} дополнительные критерии поиска` }} {{ `${(extendedParams ? 'Скрыть' : 'Показать')} дополнительные критерии поиска` }}
</q-tooltip> </q-tooltip>
</DivBtn> </DivBtn>
<div class="q-mx-xs" />
<div class="row items-center q-mt-xs">
<div v-show="list.queryFound > 0">
{{ foundCountMessage }}
</div>
<div v-show="list.queryFound == 0">
Ничего не найдено
</div>
</div>
</div> </div>
<div v-show="extendedParams" class="row q-mx-md q-mb-sm items-center"> <div v-show="extendedParams" class="row q-mx-md q-mb-sm items-center">
<q-input <q-input
@@ -122,18 +112,29 @@
</div> </div>
</div> </div>
<div class="row justify-center" style="min-height: 48px"> <div class="row items-center q-ml-lg q-mt-sm">
<PageScroller v-show="pageCount > 1" ref="pageScroller1" v-model="search.page" :page-count="pageCount" /> <div style="width: 400px; height: 48px">
<PageScroller v-show="pageCount > 1" ref="pageScroller1" v-model="search.page" :page-count="pageCount" />
</div>
<div class="row items-center">
<div v-show="list.queryFound > 0" class="q-pl-sm">
{{ foundCountMessage }}
</div>
</div>
</div> </div>
<!-- Формирование списка ------------------------------------------------------------------------> <!-- Формирование списка ------------------------------------------------------------------------>
<component :is="selectedListComponent" v-if="selectedListComponent" ref="list" :list="list" :search="search" :genre-map="genreMap" @list-event="listEvent" /> <div v-if="selectedListComponent">
<div><hr></div>
<component :is="selectedListComponent" ref="list" :list="list" :search="search" :genre-map="genreMap" @list-event="listEvent" />
<div><hr></div>
</div>
<!-- Формирование списка конец ------------------------------------------------------------------> <!-- Формирование списка конец ------------------------------------------------------------------>
<div class="row justify-center"> <div class="row q-ml-lg q-mb-sm">
<PageScroller v-show="pageCount > 1" v-model="search.page" :page-count="pageCount" /> <PageScroller v-show="pageCount > 1" v-model="search.page" :page-count="pageCount" />
</div> </div>
<div v-show="pageCount <= 1" class="q-mt-lg" />
</div> </div>
<Dialog v-model="settingsDialogVisible"> <Dialog v-model="settingsDialogVisible">

View File

@@ -117,7 +117,7 @@ import _ from 'lodash';
class SeriesList extends BaseList { class SeriesList extends BaseList {
get foundCountMessage() { get foundCountMessage() {
return `Найден${utils.wordEnding(this.list.totalFound, 4)} ${this.list.totalFound} сери${utils.wordEnding(this.list.totalFound, 1)}`; return `Всего найден${utils.wordEnding(this.list.totalFound, 4)} ${this.list.totalFound} сери${utils.wordEnding(this.list.totalFound, 1)}`;
} }
isFoundSeriesBook(seriesItem, seriesBook) { isFoundSeriesBook(seriesItem, seriesBook) {

View File

@@ -8,14 +8,14 @@
<!-- Формирование списка ------------------------------------------------------------------------> <!-- Формирование списка ------------------------------------------------------------------------>
<div v-for="item in tableData" :key="item.key" class="column" :class="{'odd-item': item.num % 2}" style="font-size: 120%"> <div v-for="item in tableData" :key="item.key" class="column" :class="{'odd-item': item.num % 2}" style="font-size: 120%">
<BookView <BookView
class="book-row" class="q-ml-md"
title-list title-list
:book="item.book" :genre-map="genreMap" :show-read-link="showReadLink" @book-event="bookEvent" :book="item.book" :genre-map="genreMap" :show-read-link="showReadLink" @book-event="bookEvent"
/> />
<BookView <BookView
v-for="book in item.books" :key="book.id" v-for="book in item.books" :key="book.id"
:book="book" :genre-map="genreMap" :book="book" :genre-map="genreMap"
class="book-row" class="q-ml-md"
title-list title-list
:show-read-link="showReadLink" :show-read-link="showReadLink"
@book-event="bookEvent" @book-event="bookEvent"
@@ -43,7 +43,7 @@ import _ from 'lodash';
class TitleList extends BaseList { class TitleList extends BaseList {
get foundCountMessage() { get foundCountMessage() {
return `Найден${utils.wordEnding(this.list.totalFound, 7)} ${this.list.totalFound} уникальн${utils.wordEnding(this.list.totalFound, 6)} назван${utils.wordEnding(this.list.totalFound, 3)}`; return `Всего найден${utils.wordEnding(this.list.totalFound, 7)} ${this.list.totalFound} уникальн${utils.wordEnding(this.list.totalFound, 6)} назван${utils.wordEnding(this.list.totalFound, 3)}`;
} }
async updateTableData() { async updateTableData() {
@@ -153,8 +153,4 @@ export default vueComponent(TitleList);
.odd-item { .odd-item {
background-color: #e8e8e8; background-color: #e8e8e8;
} }
.book-row {
margin-left: 50px;
}
</style> </style>