设计指南 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],number | 0-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方向说明
left | right | bottom | top | topbottom | leftright | topleft | topright | bottomleft | bottomright | all |
---|---|---|---|---|---|---|---|---|---|---|
左 | 右 | 下 | 上 | 上下 | 左右 | 上左 | 上右 | 下左 | 下右 | 四边 |