feat: style
This commit is contained in:
@@ -76,7 +76,7 @@ const [Modal, modalApi] = useVbenModal({
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Modal class="w-[40%]" :title="getTitle">
|
||||
<Modal class="w-2/5" :title="getTitle">
|
||||
<Form class="mx-4" />
|
||||
</Modal>
|
||||
</template>
|
||||
|
||||
@@ -76,7 +76,7 @@ const [Modal, modalApi] = useVbenModal({
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Modal class="w-[40%]" :title="getTitle">
|
||||
<Modal class="w-2/5" :title="getTitle">
|
||||
<Form class="mx-4" />
|
||||
</Modal>
|
||||
</template>
|
||||
|
||||
@@ -65,7 +65,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||
return h(
|
||||
Tag,
|
||||
{
|
||||
class: 'mr-5px',
|
||||
class: 'mr-1',
|
||||
color: row.point > 0 ? 'blue' : 'red',
|
||||
},
|
||||
() => (row.point > 0 ? `+${row.point}` : row.point),
|
||||
|
||||
@@ -83,7 +83,7 @@ const [Modal, modalApi] = useVbenModal({
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Modal class="w-[40%]" :title="getTitle">
|
||||
<Modal class="w-2/5" :title="getTitle">
|
||||
<Form class="mx-4" />
|
||||
</Modal>
|
||||
</template>
|
||||
|
||||
@@ -82,7 +82,7 @@ const [Modal, modalApi] = useVbenModal({
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Modal class="w-[40%]" :title="getTitle">
|
||||
<Modal class="w-2/5" :title="getTitle">
|
||||
<Form class="mx-4" />
|
||||
</Modal>
|
||||
</template>
|
||||
|
||||
@@ -44,7 +44,7 @@ const [Grid] = useVbenVxeGrid({
|
||||
return h(
|
||||
Tag,
|
||||
{
|
||||
class: 'mr-5px',
|
||||
class: 'mr-1',
|
||||
color: row.defaultStatus ? 'blue' : 'red',
|
||||
},
|
||||
() => (row.defaultStatus ? '是' : '否'),
|
||||
|
||||
@@ -64,7 +64,7 @@ const [Grid] = useVbenVxeGrid({
|
||||
return h(
|
||||
Tag,
|
||||
{
|
||||
class: 'mr-5px',
|
||||
class: 'mr-1',
|
||||
color: row.experience > 0 ? 'blue' : 'red',
|
||||
},
|
||||
() =>
|
||||
|
||||
@@ -228,7 +228,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||
Tag,
|
||||
{
|
||||
key: index,
|
||||
class: 'mr-5px',
|
||||
class: 'mr-1',
|
||||
color: 'blue',
|
||||
},
|
||||
() => tagName,
|
||||
|
||||
@@ -87,7 +87,7 @@ const [Modal, modalApi] = useVbenModal({
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Modal class="w-[30%]" :title="$t('ui.actionTitle.edit', ['用户余额'])">
|
||||
<Modal class="w-1/3" :title="$t('ui.actionTitle.edit', ['用户余额'])">
|
||||
<Form class="mx-4" />
|
||||
</Modal>
|
||||
</template>
|
||||
|
||||
@@ -71,7 +71,7 @@ const [Modal, modalApi] = useVbenModal({
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Modal class="w-[40%]" :title="$t('ui.actionTitle.edit', ['会员'])">
|
||||
<Modal class="w-2/5" :title="$t('ui.actionTitle.edit', ['会员'])">
|
||||
<Form class="mx-4" />
|
||||
</Modal>
|
||||
</template>
|
||||
|
||||
@@ -71,7 +71,7 @@ const [Modal, modalApi] = useVbenModal({
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Modal class="w-[30%]" :title="$t('ui.actionTitle.edit', ['用户等级'])">
|
||||
<Modal class="w-1/3" :title="$t('ui.actionTitle.edit', ['用户等级'])">
|
||||
<Form class="mx-4" />
|
||||
</Modal>
|
||||
</template>
|
||||
|
||||
@@ -71,7 +71,7 @@ const [Modal, modalApi] = useVbenModal({
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Modal class="w-[30%]" :title="$t('ui.actionTitle.edit', ['用户积分'])">
|
||||
<Modal class="w-1/3" :title="$t('ui.actionTitle.edit', ['用户积分'])">
|
||||
<Form class="mx-4" />
|
||||
</Modal>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user