修改样式:弹框footer内按钮增加图标

This commit is contained in:
Argo-MacBookPro 2018-08-10 15:01:24 +08:00
parent 5700a3c606
commit 739be89727
6 changed files with 40 additions and 10 deletions

View File

@ -11,8 +11,14 @@
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="btnSubmitGroup">保存</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">
<i class="fa fa-times"></i>
<span>关闭</span>
</button>
<button type="button" class="btn btn-primary" id="btnSubmitUser">
<i class="fa fa-save"></i>
<span>保存</span>
</button>
</div>
</div>
</div>

View File

@ -11,8 +11,14 @@
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="btnSubmitMenu">保存</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">
<i class="fa fa-times"></i>
<span>关闭</span>
</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="btnSubmitMenu">
<i class="fa fa-save"></i>
<span>保存</span>
</button>
</div>
</div>
</div>

View File

@ -11,8 +11,14 @@
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="btnSubmitRole">保存</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">
<i class="fa fa-times"></i>
<span>关闭</span>
</button>
<button type="button" class="btn btn-primary" id="btnSubmitRole">
<i class="fa fa-save"></i>
<span>保存</span>
</button>
</div>
</div>
</div>

View File

@ -11,8 +11,14 @@
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="btnSubmitUser">保存</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">
<i class="fa fa-times"></i>
<span>关闭</span>
</button>
<button type="button" class="btn btn-primary" id="btnSubmitUser">
<i class="fa fa-save"></i>
<span>保存</span>
</button>
</div>
</div>
</div>

View File

@ -34,10 +34,12 @@
@RenderSection("modal", false)
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">
关闭
<i class="fa fa-times"></i>
<span>关闭</span>
</button>
<button type="button" class="btn btn-primary" id="btnSubmit">
提交更改
<i class="fa fa-save"></i>
<span>提交更改</span>
</button>
</div>
</div>

View File

@ -65,6 +65,10 @@ input.pending {
padding: 15px 15px 0 15px;
}
.modal-footer .btn span:last-child {
display: inline;
}
.btn span:last-child {
margin-left: 4px;
display: none;