Skip to content
本页导读

全局配置

TIP

框架已适配深色模式、灰色模式(哀悼模式),并且内置字体大小、单位、强调色、背景色、文字颜色、内边距、外边距、圆角等20+项全局配置

平台兼容性

AndroidiOSweb鸿蒙 Next小程序
xx

参数

属性名类型默认值说明
debugLogbooleantrue开启debug打印
unitstringpx单位
darkModebooleanfalse深色模式
grayModebooleanfalse灰色模式(哀悼模式)
followSysbooleanfalse跟随系统
primaryColorstring#3c9cff主色调
secondaryColorstring#3c9cff次要色
successColorstring#5ac725成功提示色
errorColorstring#f56c6c错误提示色
warningingColorstring#f9ae3d警告提示色
infoColorstring#909399信息提示色
backgroundColorstring#f3f4f6背景色
fontColorstring#333333文本色
placeholderColorstring#c0c4cc占位色
cancelColorstring#a9a9a9取消色
borderColorstring#e7e6e4边框色
hoverColorstring#e7e6e4按压色
titleColorstring#2C405A标题色
subtitleColorstring#555555二级标题色
paragraphColorstring#3F536E段落色
lineColorstring#3F536E分割线色
maskAlphanumber0.6背景透明度
fontSizenumber15文字大小
radiusnumber6圆角
hmarginnumber15水平外边距
vmarginnumber15垂直外边距
hpaddingnumber15水平内边距
vpaddingnumber15垂直内边距
customFontstring-网络字体路径 或 自定义字体路径
customFamilystring-自定义字体family
uptSystemStylebooleantrue修改系统全局样式

全局修改

ts
// 切换深色模式
this.$ux.Conf.setDarkMode(true)
// 切换深色模式
this.$ux.Conf.setDarkMode(true)
ts
import { $ux } from '@/uni_modules/ux-frame';

// 切换深色模式
$ux.Conf.setDarkMode(true)
import { $ux } from '@/uni_modules/ux-frame';

// 切换深色模式
$ux.Conf.setDarkMode(true)