code组件

---

引入

import Cap4Code from 'cap4-business/lib/cap4-code';
import  'cap4-business/lib/cap4-code/css/cap4-code.css';

用法

cap4-codecode码显示组件，用于统一处理code显示。 1.code码提示优先于无数据。 2.现阶段只支持无流程列表。

三个状态展示

无数据样式展示

• noDate暂无数据提示

示例

接口返回示例

{
        "code" : "1004",
        "message" : "this option not auth or not exist!",
        "isEg" : "0"
      }

pc noDate状态

暂无数据

显示代码

m noDate状态

暂无数据

显示代码

pc code iconIndex == 1显示状态

系统错误！

显示代码

pc code iconIndex='2'显示状态

暂无权限

显示代码

pc code iconIndex='3'显示状态 ，只有在移动端有效。引用的v5样式、

暂无权限

显示代码

Attributes

参数	说明	类型	可选值	默认值
noData	没有数据	Boolean	—	false
code	code码	String		''
msg	显示文字，如果不传入则显示默认提示文字	Number		默认提示文字 ：noData = false :系统错误！ 、 noData = true :暂无数据
platform	平台	Number	1：pc 2：手机	1
iconIndex	显示图标	Number	1：叹号 2：咖啡	1

编撰人：yinyanting

快速跳转

• code组件
  • 引入
  • 用法
  • 示例
    • pc noDate状态
    • m noDate状态
    • pc code iconIndex == 1显示状态
    • pc code iconIndex='2'显示状态
    • pc code iconIndex='3'显示状态 ，只有在移动端有效。引用的v5样式、
  • Attributes