@gidc-pc-base/gidc-pbank-parts-h5-standard-vx-gidc-common-res
'个人网银标准板项目-结果页面，双鱼座3.0.0'
$ gnpm install @gidc-pc-base/gidc-pbank-parts-h5-standard-vx-gidc-common-res
Private package
vxGidcCommonRes
结果页面
引用
import vxGidcCommonRes from '@/components/vx-gidc-common-res';
Vue.component(vxGidcCommonRes.name, vxGidcCommonRes);
使⽤指南
此组件主要用于结果页的固定样式，包含步骤条，状态提示等。使用了插槽，可以做自定义。
代码演⽰
<vx-gidc-common-res :resDetail="resultInfo" :title="title" @confirm="confirm">
</vx-gidc-common-res>
API
vxGidcCommonRes Props
| 属性 | 说明 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|
| title-bar-arr | 步骤列表 | Array | ['交易录入', '交易确认', '交易结果'] | 当前流程的步骤条list |
| title-bar-cur | 当前步骤 | String/Number | 3 | 当前所在流程位置 |
| res-detail | 审核员信息 | Object | - | 非必传 |
| title | 提示信息标题 | String | - | 非必传 |
| show-serial-num | 信息流水号 | Boolean | false | 是否显示交易流水号 |
| confirm-btn | 按钮文本 | String | '完成' | - |
Slot
- 默认插槽: 当审核员与按钮之间需要插入内容则调用此插槽;
- res-footer: 当底部按钮存在不一致则调用此插槽;
- res-tips: 当最底部tips存在不一致则调用此插槽;
vxGidcCommonRes Events
@confirm()
点击完成按钮
Current Tags
- 0.0.4 ... latest (3 years ago)
1 Versions
- 0.0.4 ... 3 years ago
Maintainers
Downloads
Today
0
This Week
0
This Month
0
Last Day
0
Last Week
0
Last Month
1
Dependencies (6)
Dev Dependencies (9)
- @ice/screenshot ^0.1.8
- @vue/cli-plugin-babel ~4.5.0
- @vue/cli-plugin-eslint ~4.5.0
- @vue/cli-service ~4.5.0
- babel-eslint ^10.1.0
- eslint ^6.7.2
- eslint-plugin-vue ^6.2.2
- puppeteer ^8.0.0
- vue-template-compiler ^2.6.11
Dependents (0)
None