wxc-elip

wxc-elip

MinUI 小程序组件 - 文本截断

Install

$ min install @minui/wxc-elip

Demos

单行文本截断

<template>
  <wxc-elip>这是一段单行截取的文字。这是一段单行截取的文字。这是一段单行截取的文字。这是一段单行截取的文字。</wxc-elip>
</template>
<script>
export default {
  config: {
    usingComponents: {
      'wxc-elip': '@minui/wxc-elip'
    }
  },
  data: {},
  methods: {}
}
</script>
<style>
</style>

多行文本截断

通过 line 属性设置容许的行数

<template>
  <wxc-elip line="2">这是一段 2 行截断的文字。这是一段 2 行截断的文字。这是一段 2 行截断的文字。这是一段 2 行截断的文字。这是一段 2 行截断的文字。这是一段 2 行截断的文字。</wxc-elip>
</template>
<script>
export default {
  config: {
    usingComponents: {
      'wxc-elip': '@minui/wxc-elip'
    }
  },
  data: {},
  methods: {}
}
</script>
<style>
</style>

API

Elip【props】

属性	描述
line	[可选] 设置多行阶段文本的行数

Link

	地址
	elip 组件文档 https://meili.github.io/min/docs/minui/index.html#elip
	elip 组件源码 https://github.com/meili/minui/tree/master/packages/wxc-elip
	MinUI 组件库 https://github.com/meili/minui