bootstrap

2024年3月19日 78次阅读 来源: 学问思辨行

主页面：

<div class="modal" id="modal-operate">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" id="modal-operate-body">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">加载中...</h4>
            </div>
            <div class="modal-body">
                <div class="overlay text-center">
                    <i class="fa fa-refresh fa-spin"></i>
                </div>
            </div>
        </div>
    </div>
</div>

子页面：

<div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">&times;</span>
  </button>
  <h4 class="modal-title">新增一个标段（包）</h4>
</div>
<div class="modal-body">
    <div class="form-horizontal">
        <div class="form-group">
            <label class="control-label col-md-4" for="t_code">编号</label>
            <div class="col-md-8">
                <input type="text" name="code" id="t_code" class="form-control" th:value="${bidtenderDTO.s}" />
            </div>
        </div>    
    </div>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
    <button type="button" class="btn btn-primary" id="btnSaveTender">新增</button>
</div>
$('#modal-operate-body').load(url);
$('#modal-operate').modal('show');

$('#modal-operate').modal('hide');

此处只是笔记，可以查看bootstrap官方文档

    原文作者：学问思辨行
    原文地址: https://segmentfault.com/a/1190000018388552
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞