On this page

FontSizes 字体大小

字体大小可以应用到组件相关字体大小属性中

基本使用

template

<c-text size="xl" />

ts

import { useFontSizes } from '@/uni_modules/cfg-design'

const fontSizes = useFontSizes()
console.log(fontSizes.value) // 查看全部字体大小

自定义字体大小

ts

import { setFontSizes, useFontSizes } from '@/uni_modules/cfg-design'

const fontSizes = useFontSizes()

// 设置字体大小
setFontSizes({
  mySize1: 100,  // 默认单位 rpx
  mySize2: 200
})

console.log(fontSizes.value.mySize1)
// 100

template

<c-text size="mySize1" />
<!-- 屏幕宽度为 375px 时： style="font-size: 50px;" -->