jimu-mobile/src/components/security/security.js

积木组件库助力移动端开发

/* yanshenshen 2017、5、9 */
import React from 'react';
import PropTypes from 'prop-types';
const Security = (props) => {
  return (
    <div className='security-layout'>
      <div className='security-icons'>
        <i className='security-ic-dp'></i>
        <div className='security-sector'>
          <div className='security-sector-bg'>
            <i className='security-sector-line'></i>
          </div>
        </div>
        <div className="security-dian-layout">
          <b className="security-dian security-dian-01" />
          <b className="security-dian security-dian-02" />
          <b className="security-dian security-dian-03" />
          <b className="security-dian security-dian-04" />
          <b className="security-dian security-dian-05" />
          <b className="security-dian security-dian-06" />
          <b className="security-dian security-dian-07" />
          <b className="security-dian security-dian-08" />
        </div>
      </div>
      <div className='security-content'>
        {props.text}
        <span className='icon-jimu-right'></span>
      </div>
    </div>
  );
};

Security.propTypes = {
  text: PropTypes.string,
};
Security.defaultProps = {
  text: '安全中心'
};
module.exports = Security;