refactor: ele 全局列表 toolbar 按钮图标增加右边距

pull/102/head
puhui999 2025-05-13 10:11:51 +08:00
parent e298c5bf67
commit a5df250b04
21 changed files with 31 additions and 31 deletions

View File

@ -67,7 +67,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
<Grid table-title="">
<template #toolbar-tools>
<ElButton type="primary" @click="onQueryIp">
<Search class="size-5" />
<Search class="mr-2 size-5" />
IP 查询
</ElButton>
</template>

View File

@ -142,7 +142,7 @@ onMounted(async () => {
@click="onCreate"
v-access:code="['system:dept:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['部门']) }}
</ElButton>
<ElButton class="ml-2" @click="toggleExpand">

View File

@ -140,7 +140,7 @@ watch(
@click="onCreate"
v-access:code="['system:dict:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['字典数据']) }}
</ElButton>
<ElButton
@ -149,7 +149,7 @@ watch(
@click="onExport"
v-access:code="['system:dict:export']"
>
<Download class="size-5" />
<Download class="mr-2 size-5" />
{{ $t('ui.actionTitle.export') }}
</ElButton>
</template>

View File

@ -135,7 +135,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onCreate"
v-access:code="['system:dict:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['字典类型']) }}
</ElButton>
<ElButton
@ -144,7 +144,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onExport"
v-access:code="['system:dict:export']"
>
<Download class="size-5" />
<Download class="mr-2 size-5" />
{{ $t('ui.actionTitle.export') }}
</ElButton>
</template>

View File

@ -98,7 +98,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onExport"
v-access:code="['system:login-log:export']"
>
<Download class="size-5" />
<Download class="mr-2 size-5" />
{{ $t('ui.actionTitle.export') }}
</ElButton>
</template>

View File

@ -118,7 +118,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onCreate"
v-access:code="['system:mail-account:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['邮箱账号']) }}
</ElButton>
</template>

View File

@ -148,7 +148,7 @@ onMounted(async () => {
@click="onCreate"
v-access:code="['system:mail-template:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['邮件模板']) }}
</ElButton>
</template>

View File

@ -137,7 +137,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onCreate"
v-access:code="['system:menu:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['菜单']) }}
</ElButton>
<ElButton class="ml-2" @click="toggleExpand">

View File

@ -131,7 +131,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onCreate"
v-access:code="['system:notice:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['公告']) }}
</ElButton>
</template>

View File

@ -143,7 +143,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onCreate"
v-access:code="['system:notify-template:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['站内信模板']) }}
</ElButton>
<ElButton
@ -152,7 +152,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onExport"
v-access:code="['system:notify-template:export']"
>
<Download class="size-5" />
<Download class="mr-2 size-5" />
{{ $t('ui.actionTitle.export') }}
</ElButton>
</template>

View File

@ -122,7 +122,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onCreate"
v-access:code="['system:oauth2-client:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', [' OAuth2.0 客户端']) }}
</ElButton>
</template>

View File

@ -98,7 +98,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onExport"
v-access:code="['system:operate-log:export']"
>
<Download class="size-5" />
<Download class="mr-2 size-5" />
{{ $t('ui.actionTitle.export') }}
</ElButton>
</template>

View File

@ -115,7 +115,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onCreate"
v-access:code="['system:post:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['岗位']) }}
</ElButton>
<ElButton
@ -124,7 +124,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onExport"
v-access:code="['system:post:export']"
>
<Download class="size-5" />
<Download class="mr-2 size-5" />
{{ $t('ui.actionTitle.export') }}
</ElButton>
</template>

View File

@ -157,7 +157,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onCreate"
v-access:code="['system:role:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['角色']) }}
</ElButton>
<ElButton
@ -166,7 +166,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onExport"
v-access:code="['system:role:export']"
>
<Download class="size-5" />
<Download class="mr-2 size-5" />
{{ $t('ui.actionTitle.export') }}
</ElButton>
</template>

View File

@ -127,7 +127,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onCreate"
v-access:code="['system:sms-channel:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['短信渠道']) }}
</ElButton>
<ElButton
@ -136,7 +136,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onExport"
v-access:code="['system:sms-channel:export']"
>
<Download class="size-5" />
<Download class="mr-2 size-5" />
{{ $t('ui.actionTitle.export') }}
</ElButton>
</template>

View File

@ -98,7 +98,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onExport"
v-access:code="['system:sms-log:export']"
>
<Download class="size-5" />
<Download class="mr-2 size-5" />
{{ $t('ui.actionTitle.export') }}
</ElButton>
</template>

View File

@ -143,7 +143,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onCreate"
v-access:code="['system:sms-template:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['短信模板']) }}
</ElButton>
<ElButton
@ -152,7 +152,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onExport"
v-access:code="['system:sms-template:export']"
>
<Download class="size-5" />
<Download class="mr-2 size-5" />
{{ $t('ui.actionTitle.export') }}
</ElButton>
</template>

View File

@ -119,7 +119,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onCreate"
v-access:code="['system:social-client:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['社交客户端']) }}
</ElButton>
</template>

View File

@ -142,7 +142,7 @@ onMounted(async () => {
@click="onCreate"
v-access:code="['system:tenant:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['租户']) }}
</ElButton>
<ElButton
@ -151,7 +151,7 @@ onMounted(async () => {
@click="onExport"
v-access:code="['system:tenant:export']"
>
<Download class="size-5" />
<Download class="mr-2 size-5" />
{{ $t('ui.actionTitle.export') }}
</ElButton>
</template>

View File

@ -120,7 +120,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onCreate"
v-access:code="['system:tenant-package:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['套餐']) }}
</ElButton>
</template>

View File

@ -221,7 +221,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onCreate"
v-access:code="['system:user:create']"
>
<Plus class="size-5" />
<Plus class="mr-2 size-5" />
{{ $t('ui.actionTitle.create', ['用户']) }}
</ElButton>
<ElButton
@ -230,7 +230,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onExport"
v-access:code="['system:user:export']"
>
<Download class="size-5" />
<Download class="mr-2 size-5" />
{{ $t('ui.actionTitle.export') }}
</ElButton>
<ElButton
@ -239,7 +239,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
@click="onImport"
v-access:code="['system:user:import']"
>
<Upload class="size-5" />
<Upload class="mr-2 size-5" />
{{ $t('ui.actionTitle.import', ['用户']) }}
</ElButton>
</template>