|
@@ -3,7 +3,7 @@
|
|
|
<a-input :placeholder="t('component.icon.search')" v-model:value="searchIconValue" @change="debounceHandleSearchChange" allowClear />
|
|
|
</div>
|
|
|
<div v-if="getPaginationList.length > 0">
|
|
|
- <ScrollContainer>
|
|
|
+ <div class="overflow-auto">
|
|
|
<ul class="px-2 icon-list" style="padding-right: 0">
|
|
|
<li
|
|
|
v-for="icon in getPaginationList"
|
|
@@ -17,7 +17,7 @@
|
|
|
<Icon :icon="icon" v-else />
|
|
|
</li>
|
|
|
</ul>
|
|
|
- </ScrollContainer>
|
|
|
+ </div>
|
|
|
<div class="flex py-2 items-center justify-content-right mr-10 mt-5" v-if="getTotal >= pageSize && isPage">
|
|
|
<Pagination
|
|
|
showLessItems
|
|
@@ -36,7 +36,6 @@
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" name="icon-list">
|
|
|
- import { ScrollContainer } from '@/components/Container';
|
|
|
import SvgIcon from '@/components/Icon/src/SvgIcon.vue';
|
|
|
import Icon from '@/components/Icon/src/Icon.vue';
|
|
|
import { defineComponent, ref, unref, watchEffect} from 'vue';
|
|
@@ -49,7 +48,6 @@
|
|
|
import { Empty, Pagination } from 'ant-design-vue';
|
|
|
export default defineComponent({
|
|
|
components: {
|
|
|
- ScrollContainer,
|
|
|
SvgIcon,
|
|
|
Icon,
|
|
|
Empty,
|