入库交互功能和样式

This commit is contained in:
2024-02-27 15:31:44 +08:00
parent 4530466278
commit c6c0dfdd11
5 changed files with 310 additions and 231 deletions

View File

@@ -1,8 +1,8 @@
<template>
<view class="pagination">
<text :disabled="page <= 1" @click="gotoPage(page - 1)"><</text>
<text v-for="item in pages" :key="getItemKey(item)" :class="{ active: item === page, ellipsis: item === '...' }" @click="gotoPage(item)">{{ item }}</text>
<text :disabled="page >= totalPages" @click="gotoPage(page + 1)">></text>
<text :disabled="page <= 1" @tap.stop="gotoPage(page - 1)"><</text>
<text v-for="item in pages" :key="getItemKey(item)" :class="{ active: item === page, ellipsis: item === '...' }" @tap.stop="gotoPage(item)">{{ item }}</text>
<text :disabled="page >= totalPages" @tap.stop="gotoPage(page + 1)">></text>
</view>
</template>
@@ -65,8 +65,7 @@ export default {
.pagination {
display: flex;
align-items: center;
justify-content: center;;
margin-top: 40rpx;
justify-content: center;
}
text {
display: inline-block;