zuaa
/
vue-vben-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(form): fix `suffix` slot style 

修复suffix插槽的样式问题
This commit is contained in:
无木 2021-07-09 16:39:50 +08:00
parent 0595a72da9
commit a9bbed1973
2 changed files with 39 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Form/src/components/FormAction.vue
View File

@ -1,5 +1,6 @@
<template> <template>
<a-col v-bind="actionColOpt" :style="{ textAlign: 'right' }" v-if="showActionButtonGroup"> <a-col v-bind="actionColOpt" :style="{ textAlign: 'right' }" v-if="showActionButtonGroup">
<div style="width: 100%; text-align: right">
<FormItem> <FormItem>
<slot name="resetBefore"></slot> <slot name="resetBefore"></slot>
<Button <Button
@ -35,6 +36,7 @@
</Button> </Button>
<slot name="advanceAfter"></slot> <slot name="advanceAfter"></slot>
</FormItem> </FormItem>
</div>
</a-col> </a-col>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -43,7 +45,7 @@
import { defineComponent, computed, PropType } from 'vue'; import { defineComponent, computed, PropType } from 'vue';
import { Form, Col } from 'ant-design-vue'; import { Form, Col } from 'ant-design-vue';
import { Button, ButtonProps } from '/@/components/Button'; import { Button, ButtonProps } from '/@/components/Button';
import { BasicArrow } from '/@/components/Basic/index'; import { BasicArrow } from '/@/components/Basic';
import { useFormContext } from '../hooks/useFormContext'; import { useFormContext } from '../hooks/useFormContext';
import { useI18n } from '/@/hooks/web/useI18n'; import { useI18n } from '/@/hooks/web/useI18n';
import { propTypes } from '/@/utils/propTypes'; import { propTypes } from '/@/utils/propTypes';

6
src/components/Form/src/components/FormItem.vue
View File

@ -326,10 +326,10 @@
labelCol={labelCol} labelCol={labelCol}
wrapperCol={wrapperCol} wrapperCol={wrapperCol}
> >
<> <div style="display:flex">
{getContent()} <div style="flex:1">{getContent()}</div>
{showSuffix && <span class="suffix">{getSuffix}</span>} {showSuffix && <span class="suffix">{getSuffix}</span>}
</> </div>
</Form.Item> </Form.Item>
); );
} }