文字大小
<h1>文字大小</h1>
<ul>
<li>样式图例</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=f5f9dec6ff8801ac6d58a01a478aec04&file=file.png" alt="" />
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=298ad10d8570fefc52730a7bcfc3c126&file=file.png" alt="" /></p>
<ul>
<li>示例代码</li>
</ul>
<pre><code class="language-html"><view class="bg-white padding-lr">
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">60</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-xsl padding">
<text class=" cuIcon-roundcheckfill text-green"></text>
</view>
<view class="padding">用于图标、数字等特大显示</view>
</view>
</view>
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">40</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-sl padding">
<text class=" cuIcon-roundcheckfill text-green"></text>
</view>
<view class="padding">用于图标、数字等较大显示</view>
</view>
</view>
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">22</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-xxl padding">
<text class="text-price text-red">80.00</text>
</view>
<view class="padding">用于金额数字等信息</view>
</view>
</view>
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">18</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-xl padding">
<text class="text-black text-bold">您的订单已提交成功！</text>
</view>
<view class="padding">页面大标题，用于结果页等单一信息页</view>
</view>
</view>
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">16</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-lg padding">
<text class="text-black">ColorUI组件库</text>
</view>
<view class="padding">页面小标题，首要层级显示内容</view>
</view>
</view>
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">14</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-df padding">专注视觉的小程序组件库</view>
<view class="padding">页面默认字号，用于摘要或阅读文本</view>
</view>
</view>
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">12</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-sm padding">
<text class="text-grey">衬衫的价格是9磅15便士</text>
</view>
<view class="padding">页面辅助信息，次级内容等</view>
</view>
</view>
<view class="padding-xs flex align-center">
<view class="padding">10</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-xs padding">
<text class="text-gray">我于杀戮之中绽放 亦如黎明中的花朵</text>
</view>
<view class="padding">说明文本，标签文字等关注度低的文字</view>
</view>
</view>
</view></code></pre>