1.3.2 • Published 1 year ago
okay-com-lib v1.3.2
okay-com-lib
基于okay框架快速产品开发平台
注意:框架中使用到 v-viewer 大图预览插件,使用本插件之前,请确保你的项目已经安装好了 v-viewer 插件。
安装方式
npm安装:
npm i okay-com-lib -S
yarn安装(推荐):
yarn add okay-com-lib
完整引入
在 main.js 中写入以下内容
import okayUi from 'okay-com-lib'
Vue.use(okayUi)
完整组件列表和引入方式
import Vue from 'vue';
import {
okayUpload,
okayBrowse
} from 'okay-com-lib';
Vue.use(okayUpload);
Vue.use(okayBrowse);
页面按需引入
// 引入组件 例如:okayUpload
import { okayUpload } from 'okay-com-lib'
//注册组件
components: {
okayUpload
}
1、上传组件
//组件调用
<okay-upload
ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7"
ownerType="A-E10"
resType="image"
tips="请选择图片"
maxNum="8"
>
</okay-upload>
参数说明
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
ownerId | 主体所属主键值 | string | — |
ownerType | 主体所属类型 | string | — |
resType | 数字资源分类 | string | — |
tips | 上传按钮文字修改 | string | — |
maxNum | 支持上传最大个数 | string/number | — |
useType | 数字资源用途 | string/number | — |
size | 图片区域大小 | string | 220px |
type | 编辑:edit,预览:preview | string | edit |
2、预览组件
//引入组件
import { okayBrowse } from 'okay-com-lib'
//注册组件
components: {
okayBrowse
}
//组件调用
<okay-browse
url="http://pic-bucket.ws.126.net/photo/0005/2022-11-10/HLRCCFI8SBUM0005NOS.jpg"
resType="image"
attachName="图片描述"
>
</okay-browse>
参数说明
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
url | 资源路径 | string | — |
resType | 数字资源分类 | string | — |
attachName | 文件标题 | string | — |
size | 图片区域大小 | string | 220px |
canClick | 是否开启点击操作 | Boolean | true |