xtt-ui

Appearance

Text Enter 文字输入 ​

文字输入动画元素，提供丰富的样式和功能。

default

基础用法 ​

文字输入动画元素，提供丰富的样式和功能。
文字输入动画元素，提供丰富的样式和功能。 ![ruby](汉字@hanzi)
html
<xtt-text-enter>文字输入动画元素，提供丰富的样式和功能。</xtt-text-enter>
<xtt-text-enter>文字输入动画元素，提供丰富的样式和功能。 ![ruby](汉字@hanzi)</xtt-text-enter>

type 样式 ​

type 会更改按钮的显示风格，目前支持 5 种风格，分别为 primary、danger、success、warning、default

primarydangersuccesswarningdefault
html
<xtt-text-enter type="primary">primary</xtt-text-enter>
<xtt-text-enter type="danger">danger</xtt-text-enter>
<xtt-text-enter type="success">success</xtt-text-enter>
<xtt-text-enter type="warning">warning</xtt-text-enter>
<xtt-text-enter>default</xtt-text-enter>

interval && reload ​

文字输入动画元素，提供丰富的样式和功能。reload
html
<xtt-text-enter interval="1000" id="reload">文字输入动画元素，提供丰富的样式和功能。</xtt-text-enter>
<xtt-button @click="reload">reload</xtt-button>
<script>
	function reload() {
		document.getElementById("reload").reload();
	}
</script>