0.1.13 • Published 2 years ago
yxtui-lib v0.1.13
安装组件库
npm install yxt-ui
全局导入
import yxtUi from 'yxt-ui/lib/yxt-ui.common';
import "yxt-ui/lib/yxt-ui.css";
Vue.use(yxtUi)
page 为多个 component组成
组件名称 参数 方法 描述 隶属项目 yxt-login(page) --- 直接引入,需要子系统项目(任意)框架支持,其它项目无法使用 通用 yxt-iTable(page) tableData(object {}) isDetail (string 'dept' 'org') ---- 当isdetail为dept时 tableData格式{name:部门名称,leaderName:负责人,contactsName:联系人,contactsMobile:手机号码,contactsPhone:座机号码,email:电子邮箱,description:部门描述} 为org时 ,name :单位名称 code:单位代码。levelType“行政级别 ,nature:单位性质,tenantName:所属平台,contactsName:联系人,contactsMobile:手机号码,zipCode:邮编 yxt-editOrg(page) dialogVisible (Boolean) orgValue (Object) close(关闭触发) refresh (提交触发) name:单位名称 contactsId:联系人contactsMobile:手机号码zipCode :邮编 yxt-editDept(page) dialogVisible: (Boolean),id:(Number, String),deptValue: (Object),pageTitle: (String), yxt-organize(page) - - - - yxt-user(page) - - - - yxt-user(component) // 标题文本title: { type: String, default: '标题' }, // 标题图标 titIcon: { type: String, default: ''}, isBorder: { type: Boolean, default: true }, // 标题颜色 titColor: { type: String, default: '#1890ff' }, // 返回按钮文本 backTitle: { type: String, default: '返回' }, // 点击返回按钮 backClick: { type: Function, default: () => { console.log(123); } }, // 返回按钮颜色 backTitColor: { type: String, default: '#1890ff' }, // 背景色 backColor: { type: String, default: '#FFF' }, backIcon: { type: String, default: 'el-icon-back' }, // 是否显示必填*号 isRequire: { type: Boolean, default: false } - - - yxt-TzImgPreview(component) props: 'src', 'width', 'height', - - -