Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
A
ant-design-pro-vue
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
tianzhuanghu
ant-design-pro-vue
Commits
ae124896
Unverified
Commit
ae124896
authored
Mar 26, 2019
by
Sendya
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix: step form style
parent
c32c8d4c
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
44 additions
and
4 deletions
+44
-4
Step1.vue
src/views/form/stepForm/Step1.vue
+32
-1
Step2.vue
src/views/form/stepForm/Step2.vue
+10
-1
Step3.vue
src/views/form/stepForm/Step3.vue
+2
-2
No files found.
src/views/form/stepForm/Step1.vue
View file @
ae124896
...
@@ -41,6 +41,14 @@
...
@@ -41,6 +41,14 @@
<a-button
type=
"primary"
@
click=
"nextStep"
>
下一步
</a-button>
<a-button
type=
"primary"
@
click=
"nextStep"
>
下一步
</a-button>
</a-form-item>
</a-form-item>
</a-form>
</a-form>
<a-divider
/>
<div
class=
"step-form-style-desc"
>
<h3>
说明
</h3>
<h4>
转账到支付宝账户
</h4>
<p>
如果需要,这里可以放一些关于产品的常见问题说明。如果需要,这里可以放一些关于产品的常见问题说明。如果需要,这里可以放一些关于产品的常见问题说明。
</p>
<h4>
转账到银行卡
</h4>
<p>
如果需要,这里可以放一些关于产品的常见问题说明。如果需要,这里可以放一些关于产品的常见问题说明。如果需要,这里可以放一些关于产品的常见问题说明。
</p>
</div>
</div>
</div>
</
template
>
</
template
>
...
@@ -55,6 +63,29 @@ export default {
...
@@ -55,6 +63,29 @@ export default {
}
}
</
script
>
</
script
>
<
style
scoped
>
<
style
lang=
"less"
scoped
>
.step-form-style-desc
{
padding
:
0
56px
;
color
:
rgba
(
0
,
0
,
0
,
.45
);
h3
{
margin
:
0
0
12px
;
color
:
rgba
(
0
,
0
,
0
,
.45
);
font-size
:
16px
;
line-height
:
32px
;
}
h4
{
margin
:
0
0
4px
;
color
:
rgba
(
0
,
0
,
0
,
.45
);
font-size
:
14px
;
line-height
:
22px
;
}
p
{
margin-top
:
0
;
margin-bottom
:
12px
;
line-height
:
22px
;
}
}
</
style
>
</
style
>
src/views/form/stepForm/Step2.vue
View file @
ae124896
...
@@ -38,6 +38,15 @@
...
@@ -38,6 +38,15 @@
>
>
¥ 5,000.00
¥ 5,000.00
</a-form-item>
</a-form-item>
<a-divider
/>
<a-form-item
label=
"支付密码"
:labelCol=
"
{span: 5}"
:wrapperCol="{span: 19}"
class="stepFormText"
>
<a-input
type=
"password"
style=
"width: 80%;"
value=
"123456"
/>
</a-form-item>
<a-form-item
:wrapperCol=
"
{span: 19, offset: 5}">
<a-form-item
:wrapperCol=
"
{span: 19, offset: 5}">
<a-button
:loading=
"loading"
type=
"primary"
@
click=
"nextStep"
>
提交
</a-button>
<a-button
:loading=
"loading"
type=
"primary"
@
click=
"nextStep"
>
提交
</a-button>
<a-button
style=
"margin-left: 8px"
@
click=
"prevStep"
>
上一步
</a-button>
<a-button
style=
"margin-left: 8px"
@
click=
"prevStep"
>
上一步
</a-button>
...
@@ -79,4 +88,4 @@ export default {
...
@@ -79,4 +88,4 @@ export default {
}
}
}
}
</
style
>
</
style
>
src/views/form/stepForm/Step3.vue
View file @
ae124896
<
template
>
<
template
>
<div>
<div>
<a-form
style=
"margin: 40px auto 0;"
>
<a-form
style=
"margin: 40px auto 0;"
>
<result
title=
"操作成功"
:is-success=
"true"
description=
"预计两小时内到账"
>
<result
title=
"操作成功"
:is-success=
"true"
description=
"预计两小时内到账"
style=
"max-width: 560px;"
>
<div
class=
"information"
>
<div
class=
"information"
>
<a-row>
<a-row>
<a-col
:sm=
"8"
:xs=
"24"
>
付款账户:
</a-col>
<a-col
:sm=
"8"
:xs=
"24"
>
付款账户:
</a-col>
...
@@ -47,7 +47,7 @@ export default {
...
@@ -47,7 +47,7 @@ export default {
this
.
$emit
(
'finish'
)
this
.
$emit
(
'finish'
)
},
},
toOrderList
()
{
toOrderList
()
{
this
.
$router
.
push
(
'/list/
query
-list'
)
this
.
$router
.
push
(
'/list/
table
-list'
)
}
}
}
}
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment