VIP30/cloud/miniprogram/pages/mpTodo/mpTodo.wxml

<view class="container">
    <view class="todo-input">
        <input type="text" bindinput="inpHandle" value="{{inpVal}}" />
    </view>
    <view>
        <button type="primary" bind:tap="addHandle">添加待办事项</button>
        <button type="default" bind:tap="doneCheckHandle">完成选中项</button>
    </view>
    <view>
        <switch checked="" bindchange="changeTypeHandle"/>
        <text>已完成</text>
        <text>未完成</text>
    </view>
    <view class="list-bar">
        <checkbox-group bindchange="checkBoxHandle">
            <view class="list-item" wx:for="{{todoData}}" wx:key="_id">
                <view>
                    <checkbox value="{{item._id}}" />
                </view>
                <view>{{index +1}}</view>
                <view>{{item.title}}</view>
                <view>
                    <button data-id="{{item._id}}" type="warn" size="mini" bind:tap="doneHandle">完成</button>
                </view>
            </view>
        </checkbox-group>
        <view wx:if="{{allData}}" class="show-more">加载完成</view>
        <view wx:else class="show-more" bind:tap="showMoreHandle">更多数据</view>
    </view>
</view>