Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
啊嘞嘞EC
vue-vben-admin
提交
a9bbed19
V
vue-vben-admin
项目概览
啊嘞嘞EC
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-vben-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
a9bbed19
编写于
7月 09, 2021
作者:
无
无木
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(form): fix `suffix` slot style
修复suffix插槽的样式问题
上级
0595a72d
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
39 addition
and
37 deletion
+39
-37
src/components/Form/src/components/FormAction.vue
src/components/Form/src/components/FormAction.vue
+36
-34
src/components/Form/src/components/FormItem.vue
src/components/Form/src/components/FormItem.vue
+3
-3
未找到文件。
src/components/Form/src/components/FormAction.vue
浏览文件 @
a9bbed19
<
template
>
<a-col
v-bind=
"actionColOpt"
:style=
"
{ textAlign: 'right' }" v-if="showActionButtonGroup">
<FormItem>
<slot
name=
"resetBefore"
></slot>
<Button
type=
"default"
class=
"mr-2"
v-bind=
"getResetBtnOptions"
@
click=
"resetAction"
v-if=
"showResetButton"
>
{{
getResetBtnOptions
.
text
}}
</Button>
<slot
name=
"submitBefore"
></slot>
<div
style=
"width: 100%; text-align: right"
>
<FormItem>
<slot
name=
"resetBefore"
></slot>
<Button
type=
"default"
class=
"mr-2"
v-bind=
"getResetBtnOptions"
@
click=
"resetAction"
v-if=
"showResetButton"
>
{{
getResetBtnOptions
.
text
}}
</Button>
<slot
name=
"submitBefore"
></slot>
<Button
type=
"primary"
class=
"mr-2"
v-bind=
"getSubmitBtnOptions"
@
click=
"submitAction"
v-if=
"showSubmitButton"
>
{{
getSubmitBtnOptions
.
text
}}
</Button>
<Button
type=
"primary"
class=
"mr-2"
v-bind=
"getSubmitBtnOptions"
@
click=
"submitAction"
v-if=
"showSubmitButton"
>
{{
getSubmitBtnOptions
.
text
}}
</Button>
<slot
name=
"advanceBefore"
></slot>
<Button
type=
"link"
size=
"small"
@
click=
"toggleAdvanced"
v-if=
"showAdvancedButton && !hideAdvanceBtn"
>
{{
isAdvanced
?
t
(
'
component.form.putAway
'
)
:
t
(
'
component.form.unfold
'
)
}}
<BasicArrow
class=
"ml-1"
:expand=
"!isAdvanced"
up
/>
</Button>
<slot
name=
"advanceAfter"
></slot>
</FormItem>
<slot
name=
"advanceBefore"
></slot>
<Button
type=
"link"
size=
"small"
@
click=
"toggleAdvanced"
v-if=
"showAdvancedButton && !hideAdvanceBtn"
>
{{
isAdvanced
?
t
(
'
component.form.putAway
'
)
:
t
(
'
component.form.unfold
'
)
}}
<BasicArrow
class=
"ml-1"
:expand=
"!isAdvanced"
up
/>
</Button>
<slot
name=
"advanceAfter"
></slot>
</FormItem>
</div>
</a-col>
</
template
>
<
script
lang=
"ts"
>
...
...
@@ -43,7 +45,7 @@
import
{
defineComponent
,
computed
,
PropType
}
from
'
vue
'
;
import
{
Form
,
Col
}
from
'
ant-design-vue
'
;
import
{
Button
,
ButtonProps
}
from
'
/@/components/Button
'
;
import
{
BasicArrow
}
from
'
/@/components/Basic
/index
'
;
import
{
BasicArrow
}
from
'
/@/components/Basic
'
;
import
{
useFormContext
}
from
'
../hooks/useFormContext
'
;
import
{
useI18n
}
from
'
/@/hooks/web/useI18n
'
;
import
{
propTypes
}
from
'
/@/utils/propTypes
'
;
...
...
src/components/Form/src/components/FormItem.vue
浏览文件 @
a9bbed19
...
...
@@ -326,10 +326,10 @@
labelCol
=
{
labelCol
}
wrapperCol
=
{
wrapperCol
}
>
<>
{
getContent
()}
<
div
style
=
"
display:flex
"
>
<
div
style
=
"
flex:1
"
>
{
getContent
()}
<
/div
>
{
showSuffix
&&
<
span
class
=
"
suffix
"
>
{
getSuffix
}
<
/span>
}
<
/
>
<
/
div
>
<
/Form.Item
>
);
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录