Sidebar 侧边导航

更新时间：2022-02-16

侧边导航

属性说明：

属性名	类型	默认值	必填	说明
selectTitle	String	无	是	Sidebar title
content	String	无	否	Sidebar 内容
default	String / Number / Object	无	否	初始值
bindchange	Function	无	否	切换状态时的回调
voiceType	String	click	否
voiceTag	String	无	否
class-name	String	无	否	自定义折叠title的类名
class-name-text	String	无	否	自定义折叠title icon图标的类名
showFlag	Number	无	否	控制下拉筛选打开关闭标记，showFlag不为1时，关闭下拉筛选
bindshow	Function	无	否	打开下拉筛选时的回调

示例：

**json**:

{
    "component": true,
    "usingComponents": {
        "iov-collapse": "iov-ui/lib/collapse",
        "iov-sidebar": "iov-ui/lib/sidebar"
    }
}

swan:

<view class="collapse-demo">
    <view class="collapse-demo-box">
        <iov-sidebar selectTitle="排序" content="{{content}}" default="{{1}}" bindchange="change"></iov-sidebar>
    </view>
    <view class="collapse-demo-box">
        <iov-sidebar selectTitle="排序排序排序排序排序" content="{{content}}" bindchange="change"></iov-sidebar>
    </view>
    <iov-sidebar selectTitle="排序排序排序排序排序" content="{{content}}" bindchange="change"></iov-sidebar>
</view>

js:

Page({
    data: {
        content: [
            {id: 1, name: 'demo1'},
            {id: 2, name: 'demo2'},
            {id: 3, name: 'demo3'}
        ]
    },
    change: function (e) {
        console.log(' >> select value changed', e.value);
    }
});

searchbar 搜索框 slider 滑块