使用

全局引入

import zztUi from 'zzt-ui

import 'zzt-ui/styles/index.css'

Vue.use

按需引入

import { TextOverflow } from 'zzt-ui'

import 'zzt-ui/styles/TextOverflow.css'

components: {TextOverflow}

Reversal

介绍：反转效果

使用： import { Reversal } from 'zzt-ui'

import 'zzt-ui/lib/zzt-ui.css'

components: {Reversal}

参数 flipWidth: 容器宽度 320px flipHeight: 容器高度 320px slot :back / front 正反内容

 `<reversal>
    <template slot="back">反面</template>
    <template slot="front">正面</template>
 </reversal>`

StlPreview3D

介绍 stl 3D预览 使用： import { StlPreview3D } from 'zzt-ui'

import 'zzt-ui/lib/zzt-ui.css'

components: {StlPreview3D}

参数 stlUrl: 模型url elId, // 容器id control = true, // 是否添加控制器 axes = false, // 是否添加坐标轴 boundingBox = false, // 是否添加包围盒 machineBox = false, // 是否显示机器包围盒 machineSize = null, // 机器框尺寸 grid = true, // 是否添加网格 canvasHeight = 500, // 画布宽度 canvasWidth = 600

方法 changeProgress 进度返回函数

TextOverflow

介绍 文本超过显示

参数 text 显示文本 showLine 显示行数， 默认1行 lineHeight 行高