```
<view>
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">文本</block></cu-custom>
<view class="cu-bar bg-white solid-bottom">
<view class="action">
<text class="cuIcon-title text-blue"></text>文字大小
</view>
</view>
<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>
```
```
<template>
</template>
<script>
export default {
data() {
return {
ColorList: this.ColorList,
};
}
}
</script>
<style>
</style>
```
