<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UIPROJECT</title>
    <!-- css files will be auto injected here-->
<link href="./main.css" rel="stylesheet"></head>
<body>
    <div id="root">
        <!-- layout files will be auto injected here-->
    <div class="login" id="login" data-bind-if="{{LoginModelInstance}}.isMounted">
    <!-- 登陆账户密码框 -->
    <div class="login-account-box">
        <div class="login-input-box">
            <span class="font c-white c-white">账号</span>
            &nbsp;&nbsp;
            <input id="login-account" class="login-input input font c-white" maxlength="6" type="text" value="" data-bind-keypress="{{LoginModelInstance}}.OnKeyPress(event)">
            
        </div>
        <!-- <div class="login-input-box">
            <span class="font c-white">密码</span>&nbsp;&nbsp;
            <input id="login-password" class="login-input input font c-white" type="password" value=""/>
        </div> -->
    </div>

    <!-- 登陆按钮 -->
    <div class="login-button-group">
        <div class="login-enter-button g-button" data-bind-click="{{LoginModelInstance}}.Login(true)">
            <span class="font c-white">联机模式</span>
        </div>
        <div class="login-enter-button g-button" data-bind-click="{{LoginModelInstance}}.Login(false)">
            <span class="font c-white">离线模式</span>
        </div>
    </div>
    <div class="notify font c-white" id="notify" 
    data-bind-if="{{NotifyModelInstance}}.isMounted" 
    data-bind-value="{{NotifyModelInstance}}.content">
</div>
    <div class="loadmodal font c-white" id="loadmodal" 
    data-bind-if="{{LoadModalModelInstance}}.isMounted">
    <div class="loadmodal-image">
        <img src="./images/loading.svg">
    </div>
    <div class="loadmodal-text font c-white">请稍后...</div>
</div>
</div><div class="actorlist" id="actorlist" data-bind-if="{{ActorListModelInstance}}.isMounted">
    <div class="actorlist-tab flex-row flex-nowrap">
        <div class="actorlist-menu-head flex-row flex-nowrap">
            <img src="./images/user-friends.svg" alt="" srcset="">
            <span class="actorlist-backtab font c-white">选择角色</span>
        </div>
        <div class="actorlist-menu-head actorlist-menu-logout flex-row flex-nowrap" data-bind-click="{{ActorListModelInstance}}.QuitLogin()">
            <img src="./images/user-times.svg" alt="" srcset="">
        </div>
    </div>
    <div class="actorlist-content">
        <div class="actorlist-scrolllist">
            <div class="actorlist-actor-card actorlist-card-hover" data-bind-for="actorItem:{{ActorListModelInstance.actorList}}" data-bind-style-background-image-url="{{actorItem}}.cover" data-bind-class="{{actorItem}}.selected ? 'actorlist-card-selected' : ''" data-bind-click="{{ActorListModelInstance}}.SelectActor({{actorItem}})">
                <div class="font c-white actorlist-card-title" data-bind-value="{{actorItem}}.name">
                </div>
                <div class="actor-card-type">
                    <img src="./images/cloud.svg" data-bind-if="!{{actorItem}}.isLocal">
                    <img src="./images/folder.svg" data-bind-if="{{actorItem}}.isLocal">
                </div>
            </div>
        </div>
        <div class="actorlist-preview flex-column flex-nowrap">
            <div class="actorlist-next-button">
                <span class="font c-white" data-bind-if="!{{ActorListModelInstance}}.actorItem">
                    请选择一个角色
                </span>
                <span class="font c-white" data-bind-if="{{ActorListModelInstance}}.actorItem" data-bind-value="{{ActorListModelInstance}}.actorItem.name">
                </span>
                <div class="g-button font c-white" data-bind-class="{{ActorListModelInstance}}.actorItem ? '' : 'actorlist-select-disabled'" data-bind-click="{{ActorListModelInstance}}.ConfirmSelect()">
                    确认选择
                </div>
            </div>
        </div>
    </div>
</div><div class="maplist" id="maplist" data-bind-if="{{MapListModelInstance}}.isMounted">
    <div class="maplist-tab">
        <div class="maplist-menu-main">
            <div class="maplist-menu-head" data-bind-click="{{MapListModelInstance}}.Back()">
                <img src="./images/chevron-left.svg">
            </div>
            <div class="maplist-menu-group">
                <div class="maplist-menu-button" data-bind-click="{{MapListModelInstance}}.SwitchToLocal()" data-bind-class="{{MapListModelInstance}}.lastMapType == 'local' ? 'maplist-tab-selected' : ''" data-bind-if="!{{MapListModelInstance}}.isOnlineMode">
                    <img src="./images/folder.svg">
                    <span class="font c-white">本地地图</span>
                </div>
                <div class="maplist-menu-button" data-bind-click="{{MapListModelInstance}}.SwitchToRemote()" data-bind-class="{{MapListModelInstance}}.lastMapType == 'local' ? '' : 'maplist-tab-selected'">
                    <img src="./images/cloud.svg">
                    <span class="font c-white">云端地图</span>
                </div>
            </div>
        </div>
        <div class="maplist-menu-addition">
            <div class="maplist-menu-display" data-bind-if="{{MapListModelInstance}}.displayType == 'list'" data-bind-click="{{MapListModelInstance}}.SwitchDisplayType(true)">
                <img src="./images/list.svg">
            </div>
            <div class="maplist-menu-display" data-bind-if="{{MapListModelInstance}}.displayType == 'card'" data-bind-click="{{MapListModelInstance}}.SwitchDisplayType(false)">
                <img src="./images/grip-horizontal.svg">
            </div>
        </div>
    </div>

    <div class="maplist-content maplist-mapcard-align flex-row flex-wrap" data-bind-if="{{MapListModelInstance}}.displayType == 'card'">
        <div class="maplist-mapitem maplist-mapcard flex-column" data-bind-for="mapitem:{{MapListModelInstance.mapList}}" data-bind-click="{{MapListModelInstance}}.ShowDetail({{mapitem}})">
            <img class="maplist-card-cover" src="./images/Home_Common_BackgroundImage.png">
            <div class="maplist-card-title font c-white" data-bind-value="{{mapitem}}.title"></div>
        </div>
    </div>
    <div class="maplist-content maplist-mapitem-align flex-column flex-nowrap" data-bind-if="{{MapListModelInstance}}.displayType == 'list'">
        <div class="maplist-mapitem flex-row" data-bind-class="{{mapitem}}.isLast ? 'maplist-mapitem--last' : ''" data-bind-for="mapitem:{{MapListModelInstance.mapList}}" data-bind-click="{{MapListModelInstance}}.ShowDetail({{mapitem}})">
            <div class="maplist-mapitem-title flex-row">
                <img class="maplist-mapitem-icon" src="./images/map-marked.svg">
                <div class="maplist-mapitem-name font c-white" data-bind-value="{{mapitem}}.title"></div>
            </div>
            <div class="maplist-mapitem-info flex-row">
                <div class="maplist-mapitem-infoitem flex-row flex-nowrap font c-white" data-bind-value="{{mapitem}}.author"></div>
                <div class="maplist-mapitem-infoitem flex-row flex-nowrap font c-white" data-bind-value="{{mapitem}}.updateTime"></div>
            </div>
        </div>
    </div>
</div><div class="mapdetail" id="mapdetail" data-bind-if="{{MapDetailModelInstance}}.isMounted">
    <div class="mapdetail-tab flex-row flex-nowrap">
        <div class="mapdetail-menu-head" data-bind-click="{{MapDetailModelInstance}}.Back()">
            <img src="./images/chevron-left.svg" alt="" srcset="">
        </div>
        <span class="mapdetail-backtab font c-white">地图详情</span>
    </div>
    <div class="mapdetail-content">
        <div class="mapdetail-info">
            <div class="mapdetail-header">
                <div class="mapdetail-cover">
                    <img src="./images/map-marked.svg">
                </div>
                <div class="mapdetail-infolist">
                    <div class="mapdetail-card-title">
                        <div class="mapdetail-card-title--label font c-white flex-row flex-nowrap" data-bind-value="{{MapDetailModelInstance}}.mapItem.isOfficial ? '官方' : '玩家'">
                        </div>
                        <div class="mapdetail-card-title--text font c-white" data-bind-value="{{MapDetailModelInstance}}.mapItem.title">
                        </div>
                    </div>
                    <div class="mapdetail-author-name font c-white" data-bind-value="{{MapDetailModelInstance}}.mapItem.author">
                    </div>
                    <div class="mapdetail-author-name font c-white" style="font-size: 1.5vh;">暂无评分</div>
                </div>
            </div>
            <div class="mapdetail-main">
                <div class="mapdetail-introlabel font c-white">介绍</div>
                <div class="mapdetail-intro font c-white" data-bind-value="{{MapDetailModelInstance}}.mapItem.intro"></div>
                <div class="mapdetail-screenshot flex-row flex-nowrap">
                    <img data-bind-for="screenShot:{{MapDetailModelInstance}}.mapItem.screenShots" src="{{screenShot}}">
                </div>
            </div>
        </div>
        <div class="mapdetail-addition flex-column flex-nowrap">
            <div class="mapdetail-addition-top flex-column flex-nowrap">
                <div class="mapdetail-addition-block">
                    <span class="mapdetail-addition-text font c-white">地图作者：</span>
                    <span class="mapdetail-addition-text font c-white" data-bind-value="{{MapDetailModelInstance}}.mapItem.author">
                    </span>
                </div>
                <div class="mapdetail-addition-block">
                    <span class="mapdetail-addition-text font c-white">创建时间：</span>
                    <span class="mapdetail-addition-text font c-white" data-bind-value="{{MapDetailModelInstance}}.mapItem.createTime">
                    </span>
                </div>
                <div class="mapdetail-addition-block">
                    <span class="mapdetail-addition-text font c-white">更新时间：</span>
                    <span class="mapdetail-addition-text font c-white" data-bind-value="{{MapDetailModelInstance}}.mapItem.updateTime">
                    </span>
                </div>
                <div class="mapdetail-addition-block">
                    <span class="mapdetail-addition-text font c-white">地图类型：</span>
                    <div class="mapdetail-maptype-label mapdetail-jsonmap font c-white flex-row flex-nowrap" data-bind-if="{{MapDetailModelInstance}}.mapItem.JSONMAP">
                        JSONMAP
                    </div>
                    <div class="mapdetail-maptype-label mapdetail-kms font c-white flex-row flex-nowrap" data-bind-if="{{MapDetailModelInstance}}.mapItem.KMS">
                        KMS
                    </div>
                </div>
                <!-- <div class="mapdetail-addition-block">
                    <span class="mapdetail-addition-text font c-white">建造模式：</span>
                    <div id="mapdetail-addition-checkbox"></div>
                </div> -->
            </div>
            <div class="mapdetail-addition-bottom mapdetail-addition-block flex-row flex-nowrap">
                <span class="mapdetail-addition-text font c-white">进入地图：</span>
                <div class="g-button font c-white" data-bind-if="{{MapDetailModelInstance}}.mapItem.JSONMAP" data-bind-click="{{MapDetailModelInstance}}.LaunchMap('JSONMAP')">
                    JSONMAP
                </div>
                <div class="g-button font c-white" data-bind-if="{{MapDetailModelInstance}}.mapItem.KMS" data-bind-click="{{MapDetailModelInstance}}.LaunchMap('KMS')">
                    KMS
                </div>
            </div>
        </div>
    </div>
    <div class="notify font c-white" id="notify" 
    data-bind-if="{{NotifyModelInstance}}.isMounted" 
    data-bind-value="{{NotifyModelInstance}}.content">
</div>
</div><div class="ingame" id="ingame" data-bind-if="{{InGameModelInstance}}.isMounted">
    <div class="ingame-operate-bar">
        <div class="ingame-operate-icon" data-bind-if="!{{InGameModelInstance}}.settings.Instance.isMounted" data-bind-click="{{InGameModelInstance}}.SwitchMiniMap()">
            <img src="./images/map-marked.svg">
        </div>
        <div class="ingame-operate-icon" data-bind-if="!{{InGameModelInstance}}.settings.Instance.isMounted" data-bind-click="{{InGameModelInstance}}.SwitchSetting()">
            <img src="./images/settings.svg">
        </div>
    </div>
    <div class="ingame-operate-barleft">
        <div class="ingame-operate-icon" data-bind-if="GlobalModelInstance.isOnlineMode &amp;&amp; !{{InGameModelInstance}}.chat.Instance.isMounted" data-bind-click="{{InGameModelInstance}}.SwitchChat()">
            <img src="./images/bullhorn.svg">
        </div>
    </div>
    <!-- InGame 相关自定义组件均需要注册在这里 -->
    <div class="ingame-all-content">
        <!-- 这是一个空的层，用来标识不用在hbui中处理的鼠标事件，这些事件仅会在imgui里处理。一个偷懒的办法-->
        <div class="g-imgui-mouseevent-layer" id="g-imgui-mouseevent-layer"></div>

        <div class="g-nameplates" data-bind-if="{{InGameModelInstance}}.isNameplateVisable">
            <div class="nameplate" data-bind-for="npl:{{InGameModelInstance}}.nameplates" data-bind-style-left="{{npl}}.sPos[0]" data-bind-style-top="{{npl}}.sPos[1]">
                <span class="font c-white" data-bind-value="{{npl}}.name"></span>
                <!-- data-bind-value="{{npl}}.name"> -->
            </div>
        </div>
        <div class="g-minimap" data-bind-if="{{InGameModelInstance}}.miniMap.Instance.isMounted &amp;&amp; !{{InGameModelInstance}}.settings.Instance.isMounted">
            <div class="minimap" id="minimap"
    data-bind-mousemove="{{MiniMapModelInstance}}.OnWrapperMouseMove(event)">
    <div class="minimap-operate-bar">
        <div class="minimap-button"
            data-bind-click="{{MiniMapModelInstance}}.OnCloseMiniMap()">
            <img src="./images/times.svg">
        </div>
        <div class="minimap-button"
            data-bind-if="{{MiniMapModelInstance}}.mapSize !== 'MINI'"
            data-bind-click="{{MiniMapModelInstance}}.OnScaleMap('MINI')">
            <img src="./images/minus.svg">
        </div>
        <div class="minimap-button"
        data-bind-if="{{MiniMapModelInstance}}.mapSize !== 'NORMAL'"
        data-bind-click="{{MiniMapModelInstance}}.OnScaleMap('NORMAL')">
            <img src="./images/plus.svg">
        </div>
    </div>
    <div class="minimap-mapcontainer" id="minimap-mapcontainer"
        data-bind-click="{{MiniMapModelInstance}}.OnClickMap(event)"
        data-bind-style-width="{{MiniMapModelInstance}}.m_mapContainerWidth"
        data-bind-style-height="{{MiniMapModelInstance}}.m_mapContainerHeight">
        <div class="minimap-maptile"
            data-bind-for="tile:{{MiniMapModelInstance}}.dataMapTiles" 
            data-bind-style-left="{{tile}}.dataLeft"
            data-bind-style-top="{{tile}}.dataTop" 
            data-bind-style-width="{{tile}}.dataWidth"
            data-bind-style-height="{{tile}}.dataHeight" 
            data-bind-style-background-image-url="{{tile}}.dataImgUrl">
        </div>
        <div class="minimap-maplocation" id="minimap-maplocation"
            data-bind-style-left="{{MiniMapModelInstance}}.dataLocationX"
            data-bind-style-top="{{MiniMapModelInstance}}.dataLocationY"
            data-bind-style-transform-rotate="{{MiniMapModelInstance}}.dataLocationDirection">
        </div>
    </div>
</div>

        </div>
        <div class="g-setting" data-bind-if="{{InGameModelInstance}}.settings.Instance.isMounted">
            <div class="settings" id="settings">
    <div class="settings-header flex-row flex-nowrap">
        <div class="settings-header-block"
            data-bind-click="{{SettingsModelInstance}}.CloseSettings()">
            <img src="./images/chevron-left.svg">
        </div>
        <div class="settings-header-block text-align-center font c-white">
            设置
        </div>
        <div class="settings-header-block"></div>
    </div>
    <div class="settings-body flex-column flex-nowrap">
        <!-- 游戏选项 -->
        <div class="settings-bigtype flex-column flex-nowrap">
            <div class="settings-bigtype-title font c-white">游戏选项</div>
            <!-- <div class="settings-block flex-row flex-nowrap">
                <div class="settings-label font c-white">跑速</div>
                <div class="settings-counter">
                    <div class="settings-counter-left font c-white"
                        data-bind-click="{{SettingsModelInstance}}.runSpeed.Reduce()">
                        -
                    </div>
                    <div class="settings-counter-value font c-white" data-bind-value="{{SettingsModelInstance}}.runSpeed.value"></div>
                    <div class="settings-counter-right font c-white"
                        data-bind-click="{{SettingsModelInstance}}.runSpeed.Increase()">
                        +
                    </div>
                </div>
            </div>
            <div class="settings-block flex-row flex-nowrap">
                <div class="settings-label font c-white">KMSC速度</div>
                <div class="settings-counter">
                    <div class="settings-counter-left font c-white"
                        data-bind-click="{{SettingsModelInstance}}.kmscSpeed.Reduce()">
                        -
                    </div>
                    <div class="settings-counter-value font c-white" data-bind-value="{{SettingsModelInstance}}.kmscSpeed.value"></div>
                    <div class="settings-counter-right font c-white"
                        data-bind-click="{{SettingsModelInstance}}.kmscSpeed.Increase()">
                        +
                    </div>
                </div>
            </div>
            <div class="settings-block flex-row flex-nowrap">
                <div class="settings-label font c-white">天气类型</div>
                <div class="settings-counter">
                    <div class="settings-counter-left font c-white"
                        data-bind-click="{{SettingsModelInstance}}.weatherType.Reduce()">
                        &lt;
                    </div>
                    <div class="settings-counter-value font c-white" data-bind-value="{{SettingsModelInstance}}.weatherType.value"></div>
                    <div class="settings-counter-right font c-white"
                        data-bind-click="{{SettingsModelInstance}}.weatherType.Increase()">
                        &gt;
                    </div>
                </div>
            </div>
            <div class="settings-block flex-row flex-nowrap">
                <div class="settings-label font c-white">天气强度</div>
                <div class="settings-counter">
                    <div class="settings-counter-left font c-white"
                        data-bind-click="{{SettingsModelInstance}}.weatherIntensity.Reduce()">
                        -
                    </div>
                    <div class="settings-counter-value font c-white" data-bind-value="{{SettingsModelInstance}}.weatherIntensity.value"></div>
                    <div class="settings-counter-right font c-white"
                        data-bind-click="{{SettingsModelInstance}}.weatherIntensity.Increase()">
                        +
                    </div>
                </div>
            </div>
            <div class="settings-block flex-row flex-nowrap">
                <div class="settings-label font c-white">风速</div>
                <div class="settings-counter">
                    <div class="settings-counter-left font c-white"
                        data-bind-click="{{SettingsModelInstance}}.windSpeed.Reduce()">
                        -
                    </div>
                    <div class="settings-counter-value font c-white" data-bind-value="{{SettingsModelInstance}}.windSpeed.value"></div>
                    <div class="settings-counter-right font c-white"
                        data-bind-click="{{SettingsModelInstance}}.windSpeed.Increase()">
                        +
                    </div>
                </div>
            </div> -->
            <div class="settings-block flex-row flex-nowrap">
                <div class="settings-label font c-white">显示昵称</div>
                <div class="settings-counter">
                    <div class="settings-counter-left font c-white"
                        data-bind-click="{{SettingsModelInstance}}.nameplate.Reduce()">
                        &lt;
                    </div>
                    <div class="settings-counter-value font c-white" data-bind-value="{{SettingsModelInstance}}.nameplate.value"></div>
                    <div class="settings-counter-right font c-white"
                        data-bind-click="{{SettingsModelInstance}}.nameplate.Increase()">
                        &gt;
                    </div>
                </div>
            </div>
            <div class="settings-block flex-row flex-nowrap">
                <div class="settings-label font c-white">按键映射</div>
                <div class="settings-counter">
                    <div class="g-button mini font c-white" data-bind-click="{{SettingsModelInstance}}.OpenHotKeyMap()">查看</div>
                </div>
            </div>
        </div>

        <!-- 渲染选项 -->
        <!-- <div class="settings-bigtype flex-column flex-nowrap">
            <div class="settings-bigtype-title font c-white">渲染选项</div>
            <div class="settings-block flex-row flex-nowrap">
                <div class="settings-label font c-white">视距大小</div>
                <div class="settings-counter">
                    <div class="settings-counter-left font c-white"
                        data-bind-click="{{SettingsModelInstance}}.distance.Reduce()">
                        -
                    </div>
                    <div class="settings-counter-value font c-white" data-bind-value="{{SettingsModelInstance}}.distance.value"></div>
                    <div class="settings-counter-right font c-white"
                        data-bind-click="{{SettingsModelInstance}}.distance.Increase()">
                        +
                    </div>
                </div>
            </div>
            <div class="settings-block flex-row flex-nowrap">
                <div class="settings-label font c-white">阴影质量</div>
                <div class="settings-counter">
                    <div class="settings-counter-left font c-white"
                        data-bind-click="{{SettingsModelInstance}}.shadow.Reduce()">
                        -
                    </div>
                    <div class="settings-counter-value font c-white" data-bind-value="{{SettingsModelInstance}}.shadow.value"></div>
                    <div class="settings-counter-right font c-white"
                        data-bind-click="{{SettingsModelInstance}}.shadow.Increase()">
                        +
                    </div>
                </div>
            </div>
            <div class="settings-block flex-row flex-nowrap">
                <div class="settings-label font c-white">水面质量</div>
                <div class="settings-counter">
                    <div class="settings-counter-left font c-white"
                        data-bind-click="{{SettingsModelInstance}}.water.Reduce()">
                        &lt;
                    </div>
                    <div class="settings-counter-value font c-white" data-bind-value="{{SettingsModelInstance}}.water.value"></div>
                    <div class="settings-counter-right font c-white"
                        data-bind-click="{{SettingsModelInstance}}.water.Increase()">
                        &gt;
                    </div>
                </div>
            </div>
        </div> -->

        <!-- 画面选项 -->
        <!-- <div class="settings-bigtype flex-column flex-nowrap">
            <div class="settings-bigtype-title font c-white">画面选项</div>
            <div class="settings-block flex-row flex-nowrap">
                <div class="settings-label font c-white">TAA</div>
                <div class="settings-counter">
                    <div class="settings-counter-left font c-white"
                        data-bind-click="{{SettingsModelInstance}}.taaStatus.Reduce()">
                        &lt;
                    </div>
                    <div class="settings-counter-value font c-white" data-bind-value="{{SettingsModelInstance}}.taaStatus.value"></div>
                    <div class="settings-counter-right font c-white"
                        data-bind-click="{{SettingsModelInstance}}.taaStatus.Increase()">
                        &gt;
                    </div>
                </div>
            </div>
        </div> -->

        <!-- 底部菜单 -->
        <div class="settings-bigtype settings-bigtype-last flex-column flex-nowrap">
            <div class="g-button font c-white" data-bind-click="{{SettingsModelInstance}}.BackToOutGame()">退出游戏</div>
        </div>
    </div>
</div>
        </div>
        <div class="g-debug" data-bind-if="{{InGameModelInstance}}.debug.Instance.isMounted &amp;&amp; !{{InGameModelInstance}}.settings.Instance.isMounted">
            <div class="layoutStyle42 debug-DebugWrapper" id="debug" cl-labels-key="debug-DebugWrapper">
    <div class="layoutStyle36 positionStyle2 debug-Console" cl-labels-key="debug-Console">
        <div class="layoutStyle30 positionStyle31 font-family input debug-input" cl-labels-key="debug-input">
            <div class="visualStyle11 layoutStyle22 positionStyle2"></div>
            <input type="text" value=" " id="debug-input-box" class="font visualStyle19 layoutStyle17 positionStyle18"
                data-bind-keypress="{{DebugModelInstance}}.OnKeyPress(event)">
        </div>
        <div class="layoutStyle27 positionStyle2 font-family font chat_log debug-TextContainer"
            cl-labels-key="debug-TextContainer">
            <div class="visualStyle11 layoutStyle12 positionStyle2"></div>
            <div class="layoutStyle8 positionStyle9 font-family TextContent font debug-TextContent"
                id="Debug-TextContent" cl-labels-key="debug-TextContent">
                <div class="visualStyle3 layoutStyle1 positionStyle2 font"
                    data-bind-value="{{DebugModelInstance.dataMsgHistory}}"></div>
            </div>
        </div>
    </div>
</div>
        </div>
        <div class="g-chat" data-bind-if="{{InGameModelInstance}}.chat.Instance.isMounted">
            <div class="chat" id="chat">
    <div class="chat-content" id="chat-content">
        <div class="chat-content-row" data-bind-for="chatRow:{{ChatModelInstance}}.histories.displayRow">
            <div class="chat-content-rowtext font c-white" data-bind-html="{{chatRow}}.content">
            </div>
        </div>
    </div>
    <div class="chat-operate-bar">
        <div class="chat-operate-sendbtn font c-white" data-bind-click="{{ChatModelInstance}}.CloseChat()">
            收起
        </div>
        <div class="chat-operate-input">
            <input class="font c-white" id="chat-input" maxlength="45" type="text" value=""
                data-bind-keydown="{{ChatModelInstance}}.OnKeyDown(event)"
                data-bind-keypress="{{ChatModelInstance}}.OnKeyPress(event)">
            </input>
        </div>
        <div class="chat-operate-sendbtn font c-white" data-bind-click="{{ChatModelInstance}}.ClearMessage()">
            清屏
        </div>
        <div class="chat-operate-sendbtn font c-white" data-bind-click="{{ChatModelInstance}}.SendMessage()"
            data-bind-class="{{ChatModelInstance}}.canSendMsg ? '' : 'chat-sendbtn--disable'">
            发送
        </div>
    </div>
</div>
        </div>
        <div class="g-notification"></div>
        <div class="g-hotkeymap"></div>
    </div>
    <!-- <div class="notify font c-white" id="notify" 
    data-bind-if="{{NotifyModelInstance}}.isMounted" 
    data-bind-value="{{NotifyModelInstance}}.content">
</div> -->
</div><div class="loading flex-column flex-nowrap" id="loading" data-bind-if="{{LoadingModelInstance}}.isMounted">
    <div class="loading-image">
        <img src="./images/loading.svg">
    </div>
    <div class="loading-text font c-white">加载中...</div>
    <div class="loading-progress">
        <div class="loading-bar" id="loading-bar" data-bind-style-width="{{LoadingModelInstance}}.percentage"></div>
    </div>
</div></div>


<script type="text/javascript" src="./js/external.config.js"></script><script type="text/javascript" src="./js/cohtml.js"></script><script type="text/javascript" src="js/app.bundle.js"></script></body><!-- script files will be auto injected here--></html>