jfw-components
v1.1.14
Published
common components
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"/>
)
}
}