wordPad-applet/miniprogram/component/teacher/teacherMonitor/monitor.wxml

<!--pages/teacher/monitor/monitor.wxml-->
<view class="container" style="background-color: #F4F4F4;">
    <view class="qrcode_layout">
        <view class="qrcode_layout_bg">
            <image src="../../../image/teacher/qrcode.png" style="width:60rpx;height:60rpx"></image>
            <text>扫一扫</text>
        </view>
    </view>
    <view class="center_layout">
        <text class="center_title">上课地点</text>
        <view class="center_picker_layout">
            <!--选择地区-->
            <view class="item_input_bg" style=" margin-top: 0rpx;   box-shadow: 0px 1px 0px 0px #EEEEEE;">
                <text class="item_input_title">地区：</text>
                <picker mode="region" bindchange="bindRegionChange" value="{{region}}" class="item_picker_bg">
                    <view class="item_picker_content">
                        <p> {{region[0]}} </p>
                        <p> {{region[1]}} </p>
                        <p> {{region[2]}} </p>
                    </view>
                </picker>
                <view class="item_picker_icon_layout">
                    <image src="../../../image/teacher/dropdown_icon.png" class="item_picker_icon"></image>
                </view>
            </view>
            <!--选择地区 end-->
            <!--选择学校-->
            <view class="item_input_bg" style=" margin-top: 2rpx;box-shadow: 0px 1px 0px 0px #EEEEEE;">
                <text class="item_input_title">学校：</text>
                <picker bindchange="bindSchoolPicker" value="{{schoolIndex}}" range="{{schoolArray}}" class="item_picker_bg">
                    <view class="item_picker_content">
                        {{schoolArray[schoolIndex]}}
                    </view>
                </picker>
                <view class="item_picker_icon_layout">
                    <image src="../../../image/teacher/dropdown_icon.png" class="item_picker_icon"></image>
                </view>
            </view>
            <!--选择学校end-->
            <!--选择班级-->
            <view class="item_input_bg" style=" margin-top: 2rpx;box-shadow: 0px 1px 0px 0px #EEEEEE;">
                <text class="item_input_title">班级：</text>
                <picker bindchange="bindClssPicker" value="{{classIndex}}" range="{{classArray}}" class="item_picker_bg">
                    <view class="item_picker_content">
                        {{classArray[classIndex]}}
                    </view>
                </picker>
                <view class="item_picker_icon_layout">
                    <image src="../../../image/teacher/dropdown_icon.png" class="item_picker_icon"></image>
                </view>
            </view>
            <!--选择班级end-->
            <view class="item_input_bg" style="margin-top: 1rpx;">
                <text class="item_input_title">设备ID：</text>
                <input class="item_input_content" placeholder="请输入设备ID" />
            </view>
        </view>
        <view class="login_btn_layout" style="margin-left: 0rpx;margin-top: 190rpx;">
            <button class="login_btn" style="width: 100%; margin-left: 0rpx;font-size: 36rpx;font-weight: 400;">开始上课</button>
        </view>
    </view>
</view>