Text 文本

文本的常见操作

基础用法

基础用法

我是一段文本

我是一段文本

我是一段文本

我是一段文本

我是一段文本

我是一段文本

我是一段文本

我是一段文本

<template>
	<LiRow direction="row">
		<LiCol :span="6">
			<LiText>我是一段文本</LiText>
		</LiCol>
		<LiCol :span="6">
			<LiText>我是一段文本</LiText>
		</LiCol>
		<LiCol :span="6">
			<LiText>我是一段文本</LiText>
		</LiCol>
		<LiCol :span="6">
			<LiText>我是一段文本</LiText>
		</LiCol>
	</LiRow>
	<LiRow direction="row">
		<LiCol :span="6">
			<LiText>我是一段文本</LiText>
		</LiCol>
		<LiCol :span="6">
			<LiText>我是一段文本</LiText>
		</LiCol>
		<LiCol :span="6">
			<LiText>我是一段文本</LiText>
		</LiCol>
		<LiCol :span="6">
			<LiText>我是一段文本</LiText>
		</LiCol>
	</LiRow>
</template>

标记

使用tag控制文本的变化

我是一段文本

我是一段文本

我是一段文本

我是一段文本

<template>
	<LiRow direction="row">
		<LiCol :span="6">
			<LiText tag="tline">我是一段文本</LiText>
		</LiCol>
		<LiCol :span="6">
			<LiText tag="mline">我是一段文本</LiText>
		</LiCol>
		<LiCol :span="6">
			<LiText tag="bline">我是一段文本</LiText>
		</LiCol>
		<LiCol :span="6">
			<LiText tag="mark">我是一段文本</LiText>
		</LiCol>
	</LiRow>
</template>

截断

使用truncated截断文本

我是一段很长很长的文本，但是它会被截断

我是一段很长很长的文本
但是它会被截断

<template>
	<LiRow direction="row">
		<LiCol>
			<LiText class="w-3" truncated
				>我是一段很长很长的文本，但是它会被截断</LiText
			>
		</LiCol>
		<LiCol>
			<LiText class="w-2" :truncated="2"
				>我是一段很长很长的文本<br />但是它会被截断</LiText
			>
		</LiCol>
	</LiRow>
</template>

Row Attributes

参数	说明	类型	可选值	默认值
gutter	栅格间隔	number		0
direction	排列方向	string	row / column	column
truncated	截断或截断行数	boolean / number	row / column	false