| | |
| | | <template> |
| | | <div id="app1"> |
| | | <!-- 头部栏 --> |
| | | 1222222222222222222 |
| | | <comp-nav></comp-nav> |
| | | <!-- 1222222222222222222 --> |
| | | <!-- <comp-nav></comp-nav> --> |
| | | <div class="content" :class="$isMobile && 'content-mobile'"> |
| | | <!-- quick demo 使用指引 --> |
| | | <comp-guidance></comp-guidance> |
| | | <!-- <comp-guidance></comp-guidance> --> |
| | | <!-- sdkAppId、secretKey、userId、roomId 参数输入区域 --> |
| | | <p class="label">{{ $t('Params') }}</p> |
| | | <p class="label">{{ $t('基本信息') }}</p> |
| | | <div class="param-container" :class="$isMobile && 'param-container-mobile'"> |
| | | <comp-info-input |
| | | label="sdkAppId" type="number" @change="handleValueChange($event, 'sdkAppId')"></comp-info-input> |
| | | <comp-info-input |
| | | label="secretKey" @change="handleValueChange($event, 'secretKey')"></comp-info-input> |
| | | <comp-info-input |
| | | label="userId" @change="handleValueChange($event, 'userId')"></comp-info-input> |
| | | label="用户名" @change="handleValueChange($event, 'userId')"></comp-info-input> |
| | | <comp-info-input |
| | | label="roomId" type="number" @change="handleValueChange($event, 'roomId')"></comp-info-input> |
| | | label="房间号" type="number" @change="handleValueChange($event, 'roomId')"></comp-info-input> |
| | | </div> |
| | | <div class='alert'> |
| | | <el-alert |
| | |
| | | </el-alert> |
| | | </div> |
| | | <!-- 设备选择区域 --> |
| | | <p class="label">{{ $t('Device Select') }}</p> |
| | | <p class="label">{{ $t('会议设置') }}</p> |
| | | <div class="param-container" :class="$isMobile && 'param-container-mobile'"> |
| | | <comp-device-select |
| | | deviceType="camera" @change="handleValueChange($event, 'cameraId')"></comp-device-select> |