无权限组件

业务中配合Tea组件库使用，tea-component、oit-style，使用

Vue版本: oit-permission-vue

安装

npm i oit-permission
or
yarn add oit-permission

Demo

import React from 'react'
import { Button, Text, H3 } from 'tea-component'
// 无权限组件
import Permission from 'oit-permission'
// 无权限组件（样式）
import 'oit-permission/dist/index.css'

function index() {
  return (
    <Permission
      thumb={require('oit-permission/dist/f0984492bd5f035d.svg')}
      title={<H3>暂无权限，申请后即可使用数据管理与合规治理服务。</H3>}
      description={
        <Text theme="label">
          数据管理与合规治理服务，能帮助使用者对元数据、数据日志以及数据权限审批进行统一管理，为游戏产品提供数据合规处理相关能力。
        </Text>
      }
      style={{ width: '550px' }}
      operation={<div><Button type="primary">提交申请</Button></div>}
    />
  )
}

export default index

参数说明

| 属性 | 说明 | 类型 | 默认值 | | ----------- | ------------------------------------------------------------ | ------------------- | ------- | | type | 类型：整个子系统无权限 default、子系统某个模块无权限 content | string | default | | title | 标题 | React.ReactNode | - | | description | 描述 | React.ReactNode | - | | thumb | 缩略图 | string | - | | operation | 操作按钮 | React.ReactNode | - | | className | 自定义类名 | string | - | | style | 自定义样式 | React.CSSProperties | - |