cloud-ui.vusion
Version:
Vusion Cloud UI
38 lines • 1.46 kB
Markdown
<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>