2
0

fix:按钮样式调整

This commit is contained in:
zhongzm
2025-03-12 16:21:06 +08:00
parent 04c076272a
commit 21969b9a33
6 changed files with 52 additions and 41 deletions

View File

@@ -12,18 +12,20 @@
</AFormItem> </AFormItem>
<AFormItem> <AFormItem>
<ASpace> <ASpace>
<AButton type="primary" ghost :loading="loading" @click="search"> <div class="w-full flex-y-center justify-end gap-12px">
<template #icon> <AButton type="primary" ghost @click="search">
<icon-mdi-search /> <div class="flex-y-center gap-8px">
</template> <icon-mdi-search class="text-icon"/>
{{ t('page.apdevice.search') }} {{ t('page.apdevice.search') }}
</div>
</AButton> </AButton>
<AButton @click="reset"> <AButton @click="reset">
<template #icon> <div class="flex-y-center gap-8px">
<icon-mdi-refresh /> <icon-mdi-refresh class="text-icon"/>
</template>
{{ t('page.apdevice.reset') }} {{ t('page.apdevice.reset') }}
</div>
</AButton> </AButton>
</div>
</ASpace> </ASpace>
</AFormItem> </AFormItem>
</AForm> </AForm>

View File

@@ -30,18 +30,20 @@
</AFormItem> </AFormItem>
<AFormItem> <AFormItem>
<ASpace> <ASpace>
<AButton type="primary" ghost :loading="loading" @click="search"> <div class="w-full flex-y-center justify-end gap-12px">
<template #icon> <AButton type="primary" ghost @click="search">
<icon-mdi-search /> <div class="flex-y-center gap-8px">
</template> <icon-mdi-search class="text-icon"/>
{{ t('page.terminal.search') }} {{ t('page.terminal.search') }}
</div>
</AButton> </AButton>
<AButton @click="reset"> <AButton @click="reset">
<template #icon> <div class="flex-y-center gap-8px">
<icon-mdi-refresh /> <icon-mdi-refresh class="text-icon"/>
</template>
{{ t('page.terminal.reset') }} {{ t('page.terminal.reset') }}
</div>
</AButton> </AButton>
</div>
</ASpace> </ASpace>
</AFormItem> </AFormItem>
</AForm> </AForm>

View File

@@ -1,4 +1,4 @@
<script setup lang="ts"> <script setup lang="ts" xmlns="http://www.w3.org/1999/html">
import { ref, computed } from 'vue'; import { ref, computed } from 'vue';
import { Form } from 'ant-design-vue'; import { Form } from 'ant-design-vue';
import type { FormInstance } from 'ant-design-vue'; import type { FormInstance } from 'ant-design-vue';
@@ -94,15 +94,16 @@ const orderStatusOptions =computed(()=> [
</AFormItem> </AFormItem>
<AFormItem class="flex-1 justify-end"> <AFormItem class="flex-1 justify-end">
<ASpace> <ASpace>
<div class="w-full flex-y-center justify-end gap-12px">
<AButton type="primary" ghost @click="handleSearch"> <AButton type="primary" ghost @click="handleSearch">
<template #icon> <div class="flex-y-center gap-8px">
<icon-mdi-search /> <icon-mdi-search class="text-icon"/>
</template> {{ t('page.bill.search') }}</div></AButton>
{{ t('page.bill.search') }}</AButton>
<AButton @click="handleReset"> <AButton @click="handleReset">
<template #icon> <div class="flex-y-center gap-8px">
<icon-mdi-refresh /> <icon-mdi-refresh class="text-icon"/>
</template>{{ t('page.bill.reset') }}</AButton> {{ t('page.bill.reset') }}</div></AButton>
</div>
</ASpace> </ASpace>
</AFormItem> </AFormItem>
</AForm> </AForm>

View File

@@ -96,18 +96,20 @@ const reset = () => {
</AFormItem> </AFormItem>
<AFormItem> <AFormItem>
<ASpace> <ASpace>
<div class="w-full flex-y-center justify-end gap-12px">
<AButton type="primary" ghost @click="search"> <AButton type="primary" ghost @click="search">
<template #icon> <div class="flex-y-center gap-8px">
<icon-mdi-search /> <icon-mdi-search class="text-icon"/>
</template>
{{ t('page.cdr.search') }} {{ t('page.cdr.search') }}
</div>
</AButton> </AButton>
<AButton @click="reset"> <AButton @click="reset">
<template #icon> <div class="flex-y-center gap-8px">
<icon-mdi-refresh /> <icon-mdi-refresh class="text-icon"/>
</template>
{{ t('page.cdr.reset') }} {{ t('page.cdr.reset') }}
</div>
</AButton> </AButton>
</div>
</ASpace> </ASpace>
</AFormItem> </AFormItem>
</AForm> </AForm>

View File

@@ -31,14 +31,16 @@
</AFormItem> </AFormItem>
<AFormItem class="flex-1 justify-end"> <AFormItem class="flex-1 justify-end">
<ASpace> <ASpace>
<div class="w-full flex-y-center justify-end gap-12px">
<AButton type="primary" ghost @click="handleSearch"> <AButton type="primary" ghost @click="handleSearch">
<template #icon> <div class="flex-y-center gap-8px">
<icon-mdi-search /> <icon-mdi-search class="text-icon"/>
</template>{{ t('page.kyc.search') }}</AButton> {{ t('page.kyc.search') }}</div></AButton>
<AButton @click="handleReset"> <AButton @click="handleReset">
<template #icon> <div class="flex-y-center gap-8px">
<icon-mdi-refresh /> <icon-mdi-refresh class="text-icon"/>
</template>{{ t('page.kyc.reset') }}</AButton> {{ t('page.kyc.reset') }}</div></AButton>
</div>
</ASpace> </ASpace>
</AFormItem> </AFormItem>
</AForm> </AForm>

View File

@@ -60,18 +60,20 @@ const reset = () => {
</AFormItem> </AFormItem>
<AFormItem> <AFormItem>
<ASpace> <ASpace>
<AButton type="primary" ghost :loading="loading" @click="search"> <div class="w-full flex-y-center justify-end gap-12px">
<template #icon> <AButton type="primary" ghost @click="search">
<icon-mdi-search /> <div class="flex-y-center gap-8px">
</template> <icon-mdi-search class="text-icon"/>
{{ t('page.user.search') }} {{ t('page.user.search') }}
</div>
</AButton> </AButton>
<AButton @click="reset"> <AButton @click="reset">
<template #icon> <div class="flex-y-center gap-8px">
<icon-mdi-refresh /> <icon-mdi-refresh class="text-icon"/>
</template>
{{ t('page.user.reset') }} {{ t('page.user.reset') }}
</div>
</AButton> </AButton>
</div>
</ASpace> </ASpace>
</AFormItem> </AFormItem>
</AForm> </AForm>