## utils > 工具类样式 | className | 描述 | | --- | --- | | `mo-clearfix` | 清除浮动 | | `mo-left` | 向左浮动 | | `mo-right` | 向右浮动| | `mo-text-left` | 文字居左 | | `mo-text-center` | 文字居中 | | `mo-text-right` | 文字居右 | | `mo-text-lowercase` | 英文小写 | | `mo-text-uppercase` | 英文大写 | | `mo-text-capitalize` | 英文首字母大写 | | `mo-text-overflow` | 长文本自动截断，显示`...` | | `mo-invisible` | 元素不可见 | | `mo-visible` | 元素可见 | | `mo-hide ` | 隐藏元素 | | `mo-show ` | 显示元素 | | `mo-inline` | 行内线性元素 | | `mo-inline-block ` | 行内块状元素 | | `mo-bg-primary` | 【主色】背景色：<span style="color:#0275d8">#0275d8</span> | | `mo-bg-positive` | 【积极正面】背景色：<span style="color:#0275d8">#0275d8</span> | | `mo-bg-negative` | 【消极错误】背景色：<span style="color:#d9534f">#d9534f</span>| | `mo-text-primary` | 【主色】文本色：<span style="color:#0275d8">#0275d8</span> | | `mo-text-positive` | 【积极正面】文本色：<span style="color:#5cb85c">#5cb85c</span> | | `mo-text-negative` | 【消极错误】文本色：<span style="color:#d9534f">#d9534f</span> | | `mo-text-title` | 文本标题色：<span style="color:#212121">#212121</span> | | `mo-text-default` | 默认文本色 <span style="color:#515151">#515151</span> | | `mo-text-description` | 文本描述色 <span style="color:#757575">#757575</span> | | `mo-text-hint` | 文本轻提示 <span style="color:#9e9e9e">#9e9e9e</span>| | `mo-text-important` | 文本重要提示错误色 <span style="color:#bd4147">#bd4147</span> |