ColorUI 开发文档ColorUI 开发文档
指南
组件
实验室
Api
更新日志
  • uni-app版
  • 2.x版本
  • GitHub 仓库
  • Gitee 仓库
指南
组件
实验室
Api
更新日志
  • uni-app版
  • 2.x版本
  • GitHub 仓库
  • Gitee 仓库
  • 指南

    • 介绍
    • 快速上手
    • 配置
    • 页面 ui-sys
    • 内置
    • 背景颜色 bg
    • 文本字体 text
    • 字体图标 icon
    • 阴影 shadow
    • 边框 border
    • 其它样式

阴影 shadow

ColorUI设定了类名来控制阴影,部分组件也有对应参数来控制阴影,实际上也是通过类名来控制。可以通过组合类名来表达多样性。

阴影尺寸

.shadow/.shadow-{size}

sm
df
lg
inset

有色阴影

.shadow-{color}

blue
green
orange
red

背景阴影

.shadow-blur

blur

翘边阴影

.shadow-warp

mp-cu

Prev
字体图标 icon
Next
边框 border