Skip to content
On this page
设计指南 tmui.design

组件公共样式

绝大部分组件都有下面的公共属性。如果含有,将会在各自的组件上标明,下面的所有属性并不代表会一定会全部应用到组件上。我这是为了方便把公有的属性列在一起方便大家查看说明。

⚙️ 组件参数说明

参数名类型默认值描述
_style[Array, String, Object]自定义的样式
_class[Array, String]""自定义的类名
color[String]primary当前组件的主题。可以是颜色值,也可以是主题名称。
followTheme[Boolean]false是否跟随全局主题的变换而变换
dark[Boolean]false强制暗黑或者不生效暗黑效果,一定要followDark=false时生效
followDark[Boolean]true是否跟随主题全局切换暗黑模式。
round[Number],number0-25圆角,[x]表示全部,[x,x]表示顶左,顶右,[x,x,x]表示顶左,顶右,底右,[x,x,x,x]顶左,顶右,底右,底左
shadow[Number]0-25投影,安卓上有投影的组件不可动态切换样式,否则错乱(uniapp bug),-1 清除阴影
outlined[Boolean]false是否镂空背景。
border[Number]0-25边线
borderStyle[String]solid边线,可选solid,dashed,dotted
borderDirection[String]all边线的方向。见下方说明
text[Boolean]false是否浅色背景
transprent[Boolean]false是否透明背景
linear[String]""渐变背景方向,可选left:右->左,right:左->右。top:下->上,bottom:上->下。
linearDeep[String]light渐变的亮浅,可选light,dark,accent亮系渐变和深色渐变。
linear-color[String][]linear被开启时,如果提供了此颜色组,将使用此自定义的渐变背景色
isDisabledRoundAndriod[Boolean]false是否禁用圆角功能 ,针对安卓的特别处理。
blur[Boolean]false只能应用到tm-sheet和一些特定组件上。是否开启磨砂背景。
margin[number]Array[x]时表示四周的间隙,[x,x]时表示水平,上下的间隙,[x,x,x]时表示左,上,右,下:0的间隙,[x,x,x,x]时表示:左,上,右,下的x间隙
padding[number]Array[x]时表示四周的间隙,[x,x]时表示水平,上下的间隙,[x,x,x]时表示左,上,右,下:0的间隙,[x,x,x,x]时表示:左,上,右,下的x间隙

边线borderDirection方向说明

leftrightbottomtoptopbottomleftrighttoplefttoprightbottomleftbottomrightall
上下左右上左上右下左下右四边