修改样式:dropdown-menu更改为div,移除ui li元素

This commit is contained in:
Argo-MacBookPro 2018-08-10 21:51:21 +08:00
parent cbb08ae1ba
commit 7016c59ae3
4 changed files with 49 additions and 49 deletions

View File

@ -22,12 +22,12 @@
<label class="control-label" for="txt_dict_define">字典类别</label> <label class="control-label" for="txt_dict_define">字典类别</label>
<div class="dropdown"> <div class="dropdown">
<button id="txt_dict_define" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown">全部</button> <button id="txt_dict_define" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown">全部</button>
<ul class="dropdown-menu" role="menu"> <div class="dropdown-menu">
<li><a href="#" data-val="">全部</a></li> <a href="#" data-val="">全部</a>
<li class="divider"></li> <div class="dropdown-divider"></div>
<li><a href="#" data-val="0">系统使用</a></li> <a href="#" data-val="0">系统使用</a>
<li><a href="#" data-val="1">自定义</a></li> <a href="#" data-val="1">自定义</a>
</ul> </div>
</div> </div>
</div> </div>
<div class="form-group col-sm-6 col-md-5"> <div class="form-group col-sm-6 col-md-5">
@ -68,10 +68,10 @@
<label class="control-label" for="dictDefine">字典类型</label> <label class="control-label" for="dictDefine">字典类型</label>
<div class="dropdown"> <div class="dropdown">
<button id="dictDefine" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="1">全部</button> <button id="dictDefine" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="1">全部</button>
<ul class="dropdown-menu" role="menu"> <div class="dropdown-menu">
<li><a href="#" data-val="0">系统使用</a></li> <a href="#" data-val="0">系统使用</a>
<li><a href="#" data-val="1">自定义</a></li> <a href="#" data-val="1">自定义</a>
</ul> </div>
</div> </div>
</div> </div>
</form> </form>

View File

@ -26,24 +26,24 @@
<label class="control-label" for="sel_menus_category">菜单类别</label> <label class="control-label" for="sel_menus_category">菜单类别</label>
<div class="dropdown"> <div class="dropdown">
<button id="sel_menus_category" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown">全部</button> <button id="sel_menus_category" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown">全部</button>
<ul class="dropdown-menu"> <div class="dropdown-menu">
<li><a href="#" data-val="">全部</a></li> <a href="#" data-val="">全部</a>
<li class="divider"></li> <div class="dropdown-divider"></div>
<li><a href="#" data-val="0">系统菜单</a></li> <a href="#" data-val="0">系统菜单</a>
<li><a href="#" data-val="1">外部菜单</a></li> <a href="#" data-val="1">外部菜单</a>
</ul> </div>
</div> </div>
</div> </div>
<div class="form-group col-6 col-md-5"> <div class="form-group col-6 col-md-5">
<label class="control-label" for="sel_menus_category">菜单类型</label> <label class="control-label" for="sel_menus_category">菜单类型</label>
<div class="dropdown"> <div class="dropdown">
<button id="sel_menus_res" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown">全部</button> <button id="sel_menus_res" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown">全部</button>
<ul class="dropdown-menu"> <div class="dropdown-menu">
<li><a href="#" data-val="">全部</a></li> <a href="#" data-val="">全部</a>
<li class="divider"></li> <div class="dropdown-divider"></div>
<li><a href="#" data-val="0">菜单</a></li> <a href="#" data-val="0">菜单</a>
<li><a href="#" data-val="1">资源</a></li> <a href="#" data-val="1">资源</a>
</ul> </div>
</div> </div>
</div> </div>
<div class="form-group col-md-2"> <div class="form-group col-md-2">
@ -124,44 +124,44 @@
<label class="control-label" for="category">菜单类别</label> <label class="control-label" for="category">菜单类别</label>
<div class="dropup"> <div class="dropup">
<button id="category" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="1">外部菜单</button> <button id="category" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="1">外部菜单</button>
<ul class="dropdown-menu"> <div class="dropdown-menu">
<li><a href="#" data-val="0">系统菜单</a></li> <a href="#" data-val="0">系统菜单</a>
<li><a href="#" data-val="1">外部菜单</a></li> <a href="#" data-val="1">外部菜单</a>
</ul> </div>
</div> </div>
</div> </div>
<div class="form-group col-6"> <div class="form-group col-6">
<label class="control-label" for="target">目标</label> <label class="control-label" for="target">目标</label>
<div class="dropup"> <div class="dropup">
<button id="target" class="btn btn-info dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="_self">本窗口</button> <button id="target" class="btn btn-info dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="_self">本窗口</button>
<ul class="dropdown-menu"> <div class="dropdown-menu">
<li><a href="#" data-val="_self">本窗口</a></li> <a href="#" data-val="_self">本窗口</a>
<li><a href="#" data-val="_blank">新窗口</a></li> <a href="#" data-val="_blank">新窗口</a>
<li><a href="#" data-val="_parent">父级窗口</a></li> <a href="#" data-val="_parent">父级窗口</a>
<li><a href="#" data-val="_top">顶级窗口</a></li> <a href="#" data-val="_top">顶级窗口</a>
</ul> </div>
</div> </div>
</div> </div>
<div class="form-group col-6"> <div class="form-group col-6">
<label class="control-label" for="isRes">菜单类型</label> <label class="control-label" for="isRes">菜单类型</label>
<div class="dropup"> <div class="dropup">
<button id="isRes" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="0">菜单</button> <button id="isRes" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="0">菜单</button>
<ul class="dropdown-menu"> <div class="dropdown-menu">
<li><a href="#" data-val="0">菜单</a></li> <a href="#" data-val="0">菜单</a>
<li><a href="#" data-val="1">资源</a></li> <a href="#" data-val="1">资源</a>
</ul> </div>
</div> </div>
</div> </div>
<div class="form-group col-6"> <div class="form-group col-6">
<label class="control-label" for="app">所属应用</label> <label class="control-label" for="app">所属应用</label>
<div class="dropup"> <div class="dropup">
<button id="app" class="btn btn-info dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="0">未设置</button> <button id="app" class="btn btn-info dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="0">未设置</button>
<ul class="dropdown-menu"> <div class="dropdown-menu">
@foreach (var kv in Model.Applications) @foreach (var kv in Model.Applications)
{ {
<li><a href="#" data-val="@kv.Key">@kv.Value</a></li> <a href="#" data-val="@kv.Key">@kv.Value</a>
} }
</ul> </div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -81,20 +81,20 @@
<div class="form-group"> <div class="form-group">
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<button id="css" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="" value="@Model.Theme">默认样式</button> <button id="css" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="" value="@Model.Theme">默认样式</button>
<ul class="dropdown-menu" role="menu" id="cssContainer"> <div class="dropdown-menu">
<li><a href="#" data-val="">默认样式</a></li> <a href="#" data-val="">默认样式</a>
@foreach (var css in Model.Themes) @foreach (var css in Model.Themes)
{ {
if (css.Code == Model.Css) if (css.Code == Model.Css)
{ {
<li><a href="#" data-val="@css.Code">@css.Name</a></li> <a href="#" data-val="@css.Code">@css.Name</a>
} }
else else
{ {
<li><a href="#" data-val="@css.Code">@css.Name</a></li> <a href="#" data-val="@css.Code">@css.Name</a>
} }
} }
</ul> </div>
</div> </div>
</div> </div>
<div class="modal-footer d-none" data-admin="@User.IsInRole("Administrators")"> <div class="modal-footer d-none" data-admin="@User.IsInRole("Administrators")">

View File

@ -49,20 +49,20 @@
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<button id="dictCssDefine" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="" value="@Model.Theme">默认样式</button> <button id="dictCssDefine" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="" value="@Model.Theme">默认样式</button>
<ul class="dropdown-menu" role="menu" id="cssContainer"> <div class="dropdown-menu">
<li><a href="#" data-val="">默认样式</a></li> <a href="#" data-val="">默认样式</a>
@foreach (var css in Model.Themes) @foreach (var css in Model.Themes)
{ {
if (css.Code == Model.Css) if (css.Code == Model.Css)
{ {
<li><a href="#" data-val="@css.Code">@css.Name</a></li> <a href="#" data-val="@css.Code">@css.Name</a>
} }
else else
{ {
<li><a href="#" data-val="@css.Code">@css.Name</a></li> <a href="#" data-val="@css.Code">@css.Name</a>
} }
} }
</ul> </div>
</div> </div>
<button class="btn btn-secondary" type="button" data-method="css">保存</button> <button class="btn btn-secondary" type="button" data-method="css">保存</button>
</div> </div>