Dialog标题

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

示例描述:

<div class="yo-dialog"> <header class="hd"> <h2 class="title">Dialog标题</h2> </header> <div class="bd"> <p>dialog正文区域内容</p> ... </div> <footer class="ft"> <button class="yo-btn yo-btn-dialog yo-btn-l">确定</button> <button class="yo-btn yo-btn-dialog yo-btn-l">取消</button> </footer> </div>

dialog正文区域内容

示例描述:

<div class="yo-dialog yo-dialog-test"> <div class="bd"> <p>dialog正文区域内容</p> </div> <footer class="ft"> <button class="yo-btn yo-btn-dialog yo-btn-l">取消</button> <button class="yo-btn yo-btn-dialog yo-btn-l">确定</button> </footer> </div>

Dialog

取消 保存

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

示例描述:

<div class="yo-dialog"> <header class="hd"> <h2 class="title">Dialog</h2> <span class="regret">取消</span> <span class="affirm">保存</span> </header> <div class="bd"> <p>dialog正文区域内容</p> ... </div> </div>

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

dialog正文区域内容

示例描述:

<div class="yo-dialog"> <div class="bd"> <p>dialog正文区域内容</p> ... </div> </div>
@include yo-dialog(
    $name:default, //{String} dialog名称
    $width:default, //{Length | null} dialog宽度(值为null时,超过最小宽度则自适应)
    $height:default, //{Length} dialog高度
    $radius:default, //{Length} dialog圆角
    $shadow-opacity:default, //{Number} 阴影透明度
    $bordercolor:default, //{Color} dialog边框色
    $hd-height:default, //{Length} dialog头部高度
    $hd-bgcolor:default, //{Color} dialog头部背景色
    $title-color:default, //{Color} Dialog文本色
    $title-font-size:default, //{Length} Dialog字号
    $bd-padding:default, //{Length} dialog主体补白
    $bd-font-size:default //{Length} dialog主体字号
)