priject-name
描述
- 此组件是通过将Antd的结果组件进行了简单的包装,通用
下载
npm i --save xf-result-z
引入
import 'XfResultz' from 'xf-result-z';
Vue.use(XfResultz);
使用
直接在需要使用的地方通过<xf-result-x></xf-result-z>
属性介绍
- allAttribute: 最外层的对象,使用的属性都是包在里面的,在要使用的地方声明一个对象,通过v-model进行双向绑定
- allAttribute.type: 结果的类型,默认'success'
- allAttribute.parentClass:最外层标签的class属性,自定需要定义样式时需要的class选择器
- allAttribute.classStyle:结果的样式
- allAttribute.resultPrompt: 是否显示此结果界面
- allAttribute.mainTitle: 主标题
- allAttribute.subTitle: 次标题
- allAttribute.btnWord: 默认的按钮文本
事件
- createSuccessEndBack: 默认的返回按钮,点击会自定隐藏结果界面。也可以通过监听此事件处理
插槽
- 若没有在组件中自行写代码,则默认展示的就是返回按钮,自己写过代码就会覆盖返回按钮,自行处理