qm-ui/src/QMLevelIcon.js

千米公有云管理端UI基础组件库

/**
 * Created by Bym[of1767] on 2017/11/28.
 */
import React, { Component } from 'react'

export default class QMLevelIcon extends Component {
  constructor(props) {
    super(props)
  }

  static defaultProps = {
    type: 'talent',
    typeName: '达',
    levelName: '初级',
  }

  render() {
    let { type, typeName, levelName } = this.props
    return (
      <div className={`qm-self-level-icon qm-level-icon-${type}`}>
        <div className="type-name">
          <span>{typeName}</span>
        </div>
        <div className="level-name">
          <span>{levelName}</span>
        </div>
      </div>
    )
  }
}