1.3.2 • Published 1 year ago

okay-com-lib v1.3.2

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

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图片区域大小string220px
type编辑:edit,预览:previewstringedit
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图片区域大小string220px
canClick是否开启点击操作Booleantrue