Ionic css组成（四）

Ionic css组间界面类还包括以下元素。

7. 滑动条

<any class="item range">

    <any class="icon icon-volume-low"></any>

    <input type="range" name="volume">

    <any class="icon icon-volume-high"></any>

</any>

 

8. 选择框

 

<any class=item item-select”>

<label class="item-input">

    <any class="input-label"></any>

    <select>

        <option>...</option>

        <option>...</option>

        ...

    </select>

</label>
</any>

 

9. 选项卡

选项卡是一个可以包含多个按钮或链接的容器，通常用于提供一致的导航体验。 ionic中使用.tabs样式声明选项卡，使用.tab-item样式声明选项卡 成员

<any class="tabs">

    <any class="tab-item">...</any>

    <any class="tab-item">...</any>

    ...

</any>

 

10. 选项卡

选项卡是一个可以包含多个按钮或链接的容器，通常用于提供一致的导航体验。 ionic中使用.tabs样式声明选项卡，使用.tab-item样式声明选项卡 成员

<any class="tabs">

    <any class="tab-item">...</any>

    <any class="tab-item">...</any>

    ...

</any>

 

11. 徽章

 

使用.badge样式插入徽章元素

在.tab-item同级声明.has-badge样式

<any class="tabs">

<any class="tab-item has-badge">

    <any class="badge">...</any>

</any>

...

</any>