下拉框组件优化

This commit is contained in:
ChenYi 2025-07-16 15:12:35 +08:00
parent f131a34f1e
commit 06ef3c38cc

View File

@ -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>