下拉框组件优化
This commit is contained in:
parent
f131a34f1e
commit
06ef3c38cc
@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, computed, watch } from 'vue';
|
import { ref, computed } from 'vue';
|
||||||
import { Select, Divider, Row } from 'ant-design-vue';
|
import { Select, Divider, Row } from 'ant-design-vue';
|
||||||
import { ChevronLeft, ChevronRight } from '@vben/icons';
|
import { ChevronLeft, ChevronRight } from '@vben/icons';
|
||||||
import { postMetersPage } from '#/api-client';
|
import { postMetersPage } from '#/api-client';
|
||||||
@ -138,13 +138,13 @@ fetchData();
|
|||||||
<ChevronLeft
|
<ChevronLeft
|
||||||
@click="changePage(0)"
|
@click="changePage(0)"
|
||||||
:class="{ 'text-gray-400': query.pageIndex <= 1 }"
|
:class="{ 'text-gray-400': query.pageIndex <= 1 }"
|
||||||
style="cursor: pointer;"
|
style="cursor: pointer; width: 16px; height: 16px;"
|
||||||
/>
|
/>
|
||||||
<div>{{ `${query.pageIndex}/${maxPage}` }}</div>
|
<div>{{ `${query.pageIndex}/${maxPage}` }}</div>
|
||||||
<ChevronRight
|
<ChevronRight
|
||||||
@click="changePage(1)"
|
@click="changePage(1)"
|
||||||
:class="{ 'text-gray-400': query.pageIndex >= maxPage }"
|
:class="{ 'text-gray-400': query.pageIndex >= maxPage }"
|
||||||
style="cursor: pointer;"
|
style="cursor: pointer; width: 16px; height: 16px;"
|
||||||
/>
|
/>
|
||||||
</Row>
|
</Row>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user