组件文档：入站按钮

基础用法

[[include :mildrooms-wiki:component:join-block
|text=加入我们
]]

进阶用法

[[include :mildrooms-wiki:component:join-block
|text=
|margin=
|padding-ud=
|padding-lr=
|font-size=
|text-color=
|box-color=
|border-radius=
]]

参数详解

• text^*：按钮上显示的文字。
  • 示例值：
    • 加入我们
    • 加入站点
    • Join Us

• margin：按钮的外边距（CSS margin值）。用于控制按钮与周围元素的间距。
  • 示例值：
    • 10px
    • 1rem auto
    • 20px 0

• padding-ud：按钮的上下内边距（CSS padding-top与padding-bottom）。
  • 示例值：
    • 8px
    • 0.5rem
    • 12px

• padding-lr：按钮的左右内边距（CSS padding-left与padding-right）。
  • 示例值：
    • 16px
    • 1rem
    • 24px

• font-size：按钮文字的大小。
  • 示例值：
    • 1.2rem
    • 18px
    • 1.5em

• text-color：按钮文字的颜色（支持任何CSS颜色值）。
  • 示例值：
    • #ffffff
    • white
    • rgb(var(—swatch-text-primary-color))

• box-color：按钮背景色。
  • 示例值：
    • #581a19
    • rgb(88, 26, 25)
    • rgb(var(—swatch-primary))

• border-radius：按钮的圆角半径。
  • 示例值：
    • 4px
    • 0.3rem
    • 50%