jfw-components

common components

Usage no npm install needed!

<script type="module">
  import jfwComponents from 'https://cdn.skypack.dev/jfw-components';
</script>

README

Login（登录页面）

属性 类型 描述
projectName string 登录窗口显示名称
orgName string 标题显示的医院名称
orgLogoUrl string 请求医院logo url
login function(userInfo) login操作
imgPath string 背景图片的路径

Header（带有医院LOGO和名称）

属性 类型 描述
orgName string 医院名称
username string 用户名称
orgLogoUrl string 请求医院logo url
themeColor string header背景色

Navigator（左侧导航栏）

属性 类型 描述
loginTime string 登录时间
username string 登录用户
pathName string 点击跳转的路由用来改变是否选中的样式
navItems array[] 左侧的菜单项 结构{label: '首页', icon: 'home', path: '/dashboard'}
onChange function(key) 点击菜单事件
imgPath json 所用到的图片路径imgPath={logo:"",user:"",loginout:"",username:"",lastLogin:"",setting:""}
logout function() 注销方法

ListView（float布局导航）

属性 类型 描述
appList array[] app列表 结构{name: '表轮循',icon: 'appstore',url: '/extend/etl'}
onClick function() 点击app操作
imgPath string 图片路径

Rect（作修饰的页面顶部）

属性 类型 描述
label string 标题文字
height string 高度
themeColor string 背景色

使用示例

import {Login,Header} from 'jfw-components'

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

    render() {
        return (
            <Login projectName="hahah" 		orgLogoUrl="http://192.168.1.82:8000/portal/getORGLogo.do"/>
        )
    }
}