修复当小屏时按钮显示不出问题

This commit is contained in:
lai
2023-12-12 11:27:27 +08:00
parent f198d2b9a2
commit d9ec9fd1e1
13 changed files with 371 additions and 286 deletions

View File

@@ -963,14 +963,15 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 -->
<template #title>
<a-space :size="8" align="center">
<a-button type="primary" @click.prevent="fnModalVisibleByEdit()">
<div class="button-container">
<a-button type="primary" class="primary-button" @click.prevent="fnModalVisibleByEdit()">
<template #icon>
<PlusOutlined />
</template>
{{ t('common.addText') }}
</a-button>
<a-button type="primary" @click.prevent="fnModalVisibleByBatch(1)">
<a-button type="primary" class="primary-button" @click.prevent="fnModalVisibleByBatch(1)">
<template #icon>
<PlusOutlined />
</template>
@@ -980,6 +981,7 @@ onMounted(() => {
type="primary"
danger
ghost
class="danger-button"
@click.prevent="fnModalVisibleByBatch(0)"
>
<template #icon>
@@ -997,6 +999,7 @@ onMounted(() => {
<a-button
type="dashed"
danger
class="dashed-button"
:disabled="modalState.loadDataLoading"
:loading="modalState.loadDataLoading"
>
@@ -1007,7 +1010,7 @@ onMounted(() => {
</a-button>
</a-popconfirm>
<a-button type="dashed" @click.prevent="fnModalUploadImportOpen">
<a-button type="dashed" class="dashed-button" @click.prevent="fnModalUploadImportOpen">
<template #icon>
<ImportOutlined />
</template>
@@ -1023,13 +1026,14 @@ onMounted(() => {
cancel-text="CSV"
@cancel="fnExportList('csv')"
>
<a-button type="dashed">
<a-button type="dashed" class="dashed-button">
<template #icon>
<ExportOutlined />
</template>
{{ t('views.neUser.sub.export') }}
</a-button>
</a-popconfirm>
</div>
</a-space>
</template>