|
|
<template>
|
|
|
<LayoutApp :show-back="true" title="绑定支付宝">
|
|
|
<div class="body" ref="body">
|
|
|
<Scroll class="scroll-content">
|
|
|
<div class="account-form">
|
|
|
<p class="form-title">账号</p>
|
|
|
<div class="form-input-block">
|
...
|
...
|
@@ -14,6 +15,7 @@ |
|
|
<div class="account-footer">
|
|
|
<CubeButton class="submit-btn" :disabled="canSubmit" @click="submitBind">提交</CubeButton>
|
|
|
</div>
|
|
|
</Scroll>
|
|
|
</div>
|
|
|
<myDialog :isShow="dialogShow" :data="{name,account}" @cancel-click="cancel" @confirm-click="confirm"></myDialog>
|
|
|
</LayoutApp>
|
...
|
...
|
@@ -22,7 +24,7 @@ |
|
|
<script>
|
|
|
|
|
|
import { createNamespacedHelpers } from 'vuex';
|
|
|
import {Input, Button, Style} from 'cube-ui';
|
|
|
import {Input, Button, Scroll, Style} from 'cube-ui';
|
|
|
import myDialog from './components/bindModel';
|
|
|
const {mapState, mapActions} = createNamespacedHelpers('home/bindAccount');
|
|
|
export default {
|
...
|
...
|
@@ -70,6 +72,7 @@ export default { |
|
|
},
|
|
|
components: {
|
|
|
Style,
|
|
|
Scroll,
|
|
|
CubeInput: Input,
|
|
|
CubeButton: Button,
|
|
|
myDialog
|
...
|
...
|
@@ -85,6 +88,9 @@ export default { |
|
|
background-color: white;
|
|
|
padding: 0 40px;
|
|
|
}
|
|
|
/deep/ .cube-scroll-content {
|
|
|
height: 100%;
|
|
|
}
|
|
|
.account-form {
|
|
|
margin-top: 40px;
|
|
|
}
|
...
|
...
|
@@ -117,8 +123,8 @@ export default { |
|
|
.account-footer {
|
|
|
position: absolute;
|
|
|
padding: 28px 0;
|
|
|
left: 40px;
|
|
|
right: 40px;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
bottom: 40px;
|
|
|
.submit-btn {
|
|
|
height: 88px;
|
...
|
...
|
|