普通头部

示例描述：

<h2 class="yo-header">普通头部</h2>

示例描述：

<div class="yo-header"> <h2 class="title">带左右操作栏的头部</h2> <span class="regret">取消</span> <span class="affirm">确定</span> </div>

示例描述：

<div class="yo-header"> <h2 class="title">带返回按钮的头部</h2> <span class="regret yo-ico">&#xf07d;</span> <span class="affirm">设置</span> </div>

假设你想要多种风格，只需这样扩展：

// 自定义一个 `yo-header-normal` 头部 @include yo-header( $name: normal, $border-color: #ddd, $bgcolor: #eee, $color: map-get($base, color), $item-ico-color: map-get($base, color) );

使用方法

<div class="yo-header yo-header-normal"> <h2 class="title">自定义的头部</h2> <span class="regret"> <i class="yo-ico">&#xf07d;</i> 返回 </span> <span class="affirm">设置</span> </div>