<template>
<div>
    <div class="componentClassTitle">基础样式</div>
    <div style="margin-bottom:40px;">
        <u-text size="normal" color="normal" style="margin-right:24px;">
            Normal
        </u-text>
        <u-text size="small"  style="margin-right:24px;">
            Small
        </u-text>
        <u-text size="large" style="margin-right:24px;">
            Large
        </u-text>
        <u-text size="primary" color="primary" style="margin-right:24px;">
            Primary
        </u-text>
        <u-text size="secondary" color="secondary" style="margin-right:24px;">
            Secondary
        </u-text>
        <u-text size="success" color="success" style="margin-right:24px;">
            Success
        </u-text>
        <u-text size="warning" color="warning" style="margin-right:24px;">
            Warning
        </u-text>
        <u-text size="error" color="error" style="margin-right:24px;">
            Error
        </u-text>
        <u-text size="disabled" color="disabled" style="margin-right:24px;">
            Disabled
        </u-text>
    </div>
    <div class="componentClassTitle">长文本</div>
    <u-text overflow="ellipsis" size="normal">
        Content content content content content content content content content content content content content content content content content content content content content content content content content content content...
    </u-text>
</div>
</template>