微信小程序-UI控件的使用(6)

1、radio

<radio-group class="radio-group" bindchange="radioChange">
    <label class="radio" wx:for-items="{{items}}">
        <radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
    </label>
</radio-group>

2、slider

<view class="page__bd">
        <view class="section section_gap">
            <text class="section__title">设置step</text>
            <view class="body-view">
                <slider value="60" bindchange="slider2change" step="5"/>
            </view>
        </view>

        <view class="section section_gap">
            <text class="section__title">显示当前value</text>
            <view class="body-view">
                <slider value="50" bindchange="slider3change" show-value/>
            </view>
        </view>

        <view class="section section_gap">
            <text class="section__title">设置最小/最大值</text>
            <view class="body-view">
                <slider value="100" bindchange="slider4change" min="50" max="200" show-value/>
            </view>
        </view>
    </view>

3、switch

<switch checked="{{switch1Checked}}" bindchange="switch1Change"/>