帮助:模板/按钮

模板介绍

Soft-UI风格的按钮，第一种！

使用说明

调用参数

{{按钮|页面名|显示的内容|样式=样式名|追加CSS=}}

必填

• 页面名 - 点击按钮后跳转的页面名称

可选

• 显示的内容 - 按钮显示的内容，留空则显示页面名内容。
• 样式 - 按钮的样式，共7种。
• 追加CSS - 追加设置的CSS。

示例1

你所写的

{{按钮|首页}}

显示内容

首页

示例2

你所写的

{{按钮|首页|首页}}

显示内容

首页

示例3

你所写的

{{按钮|首页|首页|样式=4}}

显示内容

首页

示例4

你所写的

{{按钮|首页|首页|样式=7|追加CSS=width: 200px;}}

显示内容

首页

所有样式

以下是{{按钮|页面名|显示名|样式=1}} 中的样式的所有样式和调用名称。 选择任意名称其一调用即可。

样式名称	代码示例	显示效果
【默认】1,白,默认	{{按钮|页面名|显示名|样式=1}}	显示名
2,紫,重要	{{按钮|页面名|显示名|样式=紫}}	显示名
3,灰,次要	{{按钮|页面名|显示名|样式=次要}}	显示名
4,蓝,信息	{{按钮|页面名|显示名|样式=蓝}}	显示名
5,绿,成功	{{按钮|页面名|显示名|样式=成功}}	显示名
6,红,危险	{{按钮|页面名|显示名|样式=6}}	显示名
7,橙,警告	{{按钮|页面名|显示名|样式=警告}}	显示名
8,rust,腐蚀	{{按钮|页面名|显示名|样式=rust}}	显示名

自定义样式

您可以通过追加CSS设置自定义样式，创建属于自己的颜色按钮：

示例

你所写的

{{按钮|首页|首页|追加CSS=color: #fff;background-color: #ff00ff;border-color: #ff00ff;}}

显示内容

首页