input/textarea

<h2 class="yo-header">input/textarea</h2> <div class="yo-stacked"> <input type="text" class="yo-input" placeholder="必须为中文" /> </div>

Inline Form

<h2 class="yo-header">Inline Form</h2> <div class="yo-list"> <label class="item item-input"> <span class="mark">账号</span> <input type="text" class="yo-input flex" placeholder="必须为中文" /> </label> <label class="item item-input"> <span class="mark">密码</span> <input type="text" class="yo-input flex" placeholder="必须为中文" /> </label> </div> <div class="yo-stacked"> <input type="button" value="提交" class="yo-btn yo-btn-primary yo-btn-l yo-btn-stacked" /> </div>

Placeholder Form

<h2 class="yo-header">Placeholder Form</h2> <div class="yo-list"> <label class="item item-input"> <input type="text" class="yo-input" placeholder="用户名" /> </label> <label class="item item-input"> <input type="text" class="yo-input" placeholder="密码" /> </label> <label class="item item-input"> <textarea class="yo-input" placeholder="留言"></textarea> </label> </div> <div class="yo-stacked"> <input type="button" value="提交" class="yo-btn yo-btn-primary yo-btn-l yo-btn-stacked" /> </div>

Stacked Form

<h2 class="yo-header">Stacked Form</h2> <div class="yo-list"> <label class="item item-input item-stacked"> <span class="mark">账号</span> <input type="text" class="yo-input" placeholder="不能是中文" /> </label> <label class="item item-input item-stacked"> <span class="mark">密码</span> <input type="text" class="yo-input" placeholder="10个以上字符" /> </label> <label class="item item-input item-stacked"> <span class="mark">内容</span> <textarea class="yo-input" placeholder="100字以内"></textarea> </label> </div> <div class="yo-stacked"> <input type="button" value="提交" class="yo-btn yo-btn-primary yo-btn-l yo-btn-stacked" /> </div>

Inset Form

<h2 class="yo-header">Inset Form</h2> <div class="yo-list yo-list-inset"> <label class="item item-input"> <input type="text" class="yo-input" placeholder="用户名" /> </label> <label class="item item-input"> <input type="text" class="yo-input" placeholder="密码" /> </label> <label class="item item-input"> <textarea class="yo-input" placeholder="留言"></textarea> </label> </div> <div class="yo-stacked"> <input type="button" value="提交" class="yo-btn yo-btn-primary yo-btn-l yo-btn-stacked" /> </div>
@include yo-input(
    $name:default, //{default|String} yo-input名称
    $width:default, //{default|Boole} yo-input宽度
    $height:default, //{default|Color} yo-input高度
    $padding:default, //{default|Length} yo-input内补白
    $radius:default, //{default|Length} yo-input圆角
    $bordercolor:default, //{default|Length} yo-input边框色
    $bgcolor:default, //{default|Color} yo-input背景色
    $color:default, //{default|Color} yo-input文本色
    $placeholder-color:default //{default|Color} yo-input placeholder文本色
)