物料绑定旧界面 - 前端笔记 JSRUN

@ For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860 @ @{ Layout = null; }
<div id="warningDiv" align="center">
</div>

<button id="BindButton" align="middle">
    绑定物料
</button>

<button class="screen-full" id="full" href="javascript:;" align="center">
    全屏显示
</button>

<div id="MaterInput" align="center">
    <div class='ui input focus' style='width:100%;'>
        <input type='text' placeholder='物料信息...'>
    </div>
</div>

<!--以下是模态框-->
<div class="ui container">
    <div class="ui first coupled modal">
        <div class="header">
            模态框标题
        </div>
        <div class="image content">
            <div class="description">
                描述可以出现在右边
            </div>
        </div>
        <div class="actions">
            <div class="ui button" id="editButton">编辑</div>
            <div class="ui button" id="saveButton">保存</div>
        </div>
    </div>

    <!--提示模态框-->
    <div class="ui second small coupled modal">
        <div class="header">
            提示
        </div>
        <div class="image content">
            <div class="description">
                描述可以出现在右边
            </div>
        </div>
        <div class="actions">
            <div class="ui button">OK</div>
        </div>
    </div>

    <!--双按钮模态框-->
    <div class="ui small modal doubleButtonModal">
        <div class="header">
            提示
        </div>
        <div class="image content">
            <div class="description">
                描述可以出现在右边
            </div>
        </div>
        <div class="actions">
            <div class="ui button" id="cancelButton">取消</div>
            <div class="ui button" id="sureButton">确定</div>
        </div>
    </div>
</div>