VxResult 结果页图标

结果页图标

引入

import VxResult from '@/components/vx-result';

// 页面内部引入
export default {
  components: {
    [VxResult.name]: VxResult,
  },
};
// 全局引入
Vue.component(VxResult.name, VxResult);

使用指南

<vx-result :title="title" :res-detail="resultInfo">
  <p>点击去查看 <span class="details-info">审核详情</span></p>
</vx-result>
或：
<vx-result title="审核通过" url="successGreen"> </vx-result>
或：
<vx-result url="warning">
  <p>确认该交易通过审核？</p>
</vx-result>

API

VxResult Props

属性	说明	类型	默认值	备注
`title`	提示信息标题	`String`	-	-
`res-detail`	审核员信息	`Object`	-	非必传，交易流水号等信息
`url`	图片	`String`	-	`successGreen/warning/error`

VxResult Slot

default

默认插槽，插槽内可添加 details-info类名，为组件添加类名样式为主色调、可点击样式

detail

当需要修改除了交易流水号的其余详情文字，调用此具名插槽，此时交易流水号必传;

Current Tags

0.0.6 ... latest (2 years ago)

1 Versions

0.0.6 ... 2 years ago