fix:按钮样式调整
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user