1.1.4 • Published 3 years ago
okay-ui v1.1.4
教师空间 OKUI公共库
- 暂时不适配vue 3.1.0以上版本
- 此ui库为element-plus基础之上进行封装,适配element-plus功能
- 封装后的功能参考下方说明
ok-button
- 有primary,warning,2种颜色做了修改,正常高度36px,size="small"为32px,size="mini"为28px
- 文字按钮颜色也有修改
<ok-button type="primary">按钮</ok-button>
<ok-button type="warning">按钮</ok-button>
ok-dialog
- 有small,normal,big三种对应标准ui的三种格式,通过设置width设置width=“360“,width=“600“,width=“800“
<ok-dialog
title="提示"
width=“320“
v-model="dialogVisible"
:before-close="handleClose">
ok-input-limit
<ok-input-limit
v-model="limitName1"
type="textarea"
:maxValue="5"(必须参数)
:width="200"
placeholder="test"
@change="handleChange"
></ok-input-limit>
ok-pagination
- 不加layout的时候是ok-ui标准功能,有新增功能可根据layout添加,参考element-ui文档
<ok-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage4"
:page-sizes="[10, 20, 30, 400]"
layout="total, sizes, prev, pager, next, jumper"
:page-size="10"
:total="400"
>
</ok-pagination>
ok-alert
- 有4种颜色做了修改,自动匹配即可
<ok-alert
title="成功提示的文案"
type="success"
> </ok-alert>
<ok-alert
title="消息提示的文案"
type="info"
> </ok-alert>
<ok-alert
title="警告提示的文案"
type="warning"
> </ok-alert>
<ok-alert
title="错误提示的文案"
type="error"
> </ok-alert>
ok-popover
- popper-class="ruleClass" 添加ruleClass弹出框ui为教师空间标准的黄色边框,浅黄背景
<ok-popover
placement="top-start"
title="标题"
effect="dark"
popper-class="ruleClass"
:width="200"
trigger="hover"
content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"
>
<template #reference>
<ok-button>hover 激活</ok-button>
</template>
</ok-popover>