Example:分隔符
来自ANACHRONISM
更多操作
一个可自定义颜色、不透明度与宽度的分隔色条,默认是一条浅灰细线。
完整调用示例
{{分隔符
| 颜色 = #888888
| 不透明度 = 0.50
| 宽度 = 100%
}}
以上等同于{{分隔符}}
效果:
参数说明
| 参数 | 可选值 | 默认 | 说明 |
|---|---|---|---|
| 颜色 | 任意颜色值 | #888888 | 色条颜色 |
| 不透明度 | 0 到 1 之间的小数 | 0.50 | 色条的不透明度 |
| 宽度 | 任意长度值,如 100%、60%、10em | 100% | 色条横向宽度 |
其他常见用法
| 场景 | 写法 |
|---|---|
| 默认灰线 | {{分隔符}}
|
| 半透明红色 | {{分隔符|颜色=#c73251|不透明度=0.5}}
|
| 短分隔,宽度 8em | {{分隔符|宽度=8em}}
|
| 深色不透明 | {{分隔符|颜色=#56000d|不透明度=1}}
|
注意事项
- 色条高度固定为
2px。 - 宽度可写百分比或长度单位,模板按传入值原样输出。
- 不透明度写小数,不要写百分比,例如写
0.5而不是50%。 - 组件宽度默认为
100%,会撑满所在容器的可用宽度。