0.30.4 • Published 5 years ago
z-ellipsis v0.30.4
使用方法
<template>
<z-ellipsis :roll="true" triger="hover" ellipsis-position="middle">
长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本
</z-ellipsis>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import ZEllipsis from 'z-ellipsis';
import 'z-ellipsis/dist/style.css'
export default defineComponent({
name: 'App',
components: {
ZEllipsis
}
})
</script>参数说明
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| content | 内容 | string | |
| showTips | 是否显示Tips | boolean | true |
| ellipsisPosition | 省略号位置 | right , middle | right |
| roll | 是否滚动(开启时showTips默认置为false) | boolean | false |
| speed | 滚动速度 | string | 8s |
| triger | 滚动触发方式 | always , hover | hover |
| background | 背景 | string | #fff |
| color | 字体颜色 | string | #000 |