优化通讯录搜索
This commit is contained in:
parent
24a4a5d3e5
commit
b281c67caf
@ -31,7 +31,10 @@
|
||||
<div class="layui-input-inline" style="width:240px">
|
||||
<input type="text" name="keywords" placeholder="输入关键字,如:ID/姓名/手机号码" class="layui-input" autocomplete="off" />
|
||||
</div>
|
||||
<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">提交搜索</button>
|
||||
<div class="layui-input-inline" style="width:150px;">
|
||||
<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform"><i class="layui-icon layui-icon-search mr-1"></i>搜索</button>
|
||||
<button type="reset" class="layui-btn layui-btn-reset" lay-filter="reset">清空</button>
|
||||
</div>
|
||||
</form>
|
||||
<table class="layui-hide" id="test" lay-filter="test"></table>
|
||||
</div>
|
||||
|
@ -17,8 +17,8 @@ select[xm-select]{display: none !important;}
|
||||
to {transform: translate3d(0, 0, 0);opacity: 1}
|
||||
}
|
||||
.xm-select-parent .xm-form-selected dl {display: block}
|
||||
.xm-select-parent .xm-form-select dl dd,.xm-select-parent .xm-form-select dl dt {padding: 0 10px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
|
||||
.xm-select-parent .xm-form-select dl dd {cursor: pointer;height: 36px;}
|
||||
.xm-select-parent .xm-form-select dl dd,.xm-select-parent .xm-form-select dl dt {padding: 0 10px;line-height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
|
||||
.xm-select-parent .xm-form-select dl dd {cursor: pointer;height: 32px;}
|
||||
.xm-select-parent .xm-form-select dl dd:hover {background-color: #f2f2f2}
|
||||
.xm-select-parent .xm-form-select dl dt {font-size: 12px;color: #999}
|
||||
.layui-select-disabled .xm-dis-disabled {border-color: #eee!important}
|
||||
@ -26,7 +26,7 @@ select[xm-select]{display: none !important;}
|
||||
.xm-unselect {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none}
|
||||
|
||||
.xm-form-checkbox {position: relative;display: block;vertical-align: middle;cursor: pointer;font-size: 0;-webkit-transition: .1s linear;transition: .1s linear;box-sizing: border-box;height: auto!important;line-height: normal!important;border: none!important;margin-right: 0;padding-right: 0;background: 0 0;}
|
||||
.xm-form-checkbox > i {color: #FFF; font-size: 16px; width: 16px; height: 16px; position: absolute; top: 9px; border: 1px solid #5FB878; border-radius: 3px; z-index: 2;}
|
||||
.xm-form-checkbox > i {color: #FFF; font-size: 14px; width: 14px; height: 14px; position: absolute; top: 10px; border: 1px solid #5FB878; border-radius: 2px; z-index: 2;}
|
||||
.xm-form-checkbox:hover > i {border-color: #5FB878;}
|
||||
.xm-form-checkbox > span{display: block;position: relative;padding: 0 15px 0 30px;height: 100%;font-size: 14px;border-radius: 2px 0 0 2px;background-color: #d2d2d2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: 0 0;color: #666;line-height: 36px;}
|
||||
|
||||
@ -70,7 +70,7 @@ div[xm-select-skin] .xm-select-title div.xm-select-label>span {border: 1px solid
|
||||
div[xm-select-skin] .xm-select-title div.xm-select-label>span i:hover {opacity: .8;filter: alpha(opacity=80);cursor: pointer}
|
||||
div[xm-select-skin=default] .xm-select-title div.xm-select-label>span {background-color: #F0F2F5;color: #909399;border: 1px solid #F0F2F5}
|
||||
div[xm-select-skin=default] .xm-select-title div.xm-select-label>span i {color: #C0C4CC}
|
||||
div[xm-select-skin=default] .xm-select-title div.xm-select-label>span i:before {content: '\e60b'; font-size: 16px; margin-left: -3px;}
|
||||
div[xm-select-skin=default] .xm-select-title div.xm-select-label>span i:before {content: '\e60b'; font-size: 14px; margin-left: -3px;}
|
||||
div[xm-select-skin=default] dl dd:not(.xm-dis-disabled) i {border-color: #5FB878}
|
||||
div[xm-select-skin=default] dl dd.xm-select-this:not(.xm-dis-disabled) i {color: #5FB878}
|
||||
div[xm-select-skin=default].xm-form-selected .xm-select,div[xm-select-skin=default].xm-form-selected .xm-select:hover {border-color: #C0C4CC!important}
|
||||
@ -134,7 +134,7 @@ div[xm-select-skin='danger'] .xm-select-linkage-group li:hover {border-left-colo
|
||||
.xm-select-parent dd > .xm-cz{position: absolute; top: 0px; right: 10px;}
|
||||
.xm-select-parent dd > .xm-cz-group{margin-right: 30px; border-right: 2px solid #ddd; height: 16px; margin-top: 10px; line-height: 16px; overflow: hidden;}
|
||||
.xm-select-parent dd > .xm-cz-group .xm-cz{display: inline-block; margin-right: 30px;}
|
||||
.xm-select-parent dd > .xm-cz-group .xm-cz i{margin-right: 10px;}
|
||||
.xm-select-parent dd > .xm-cz-group .xm-cz i{margin-right: 5px;}
|
||||
.xm-select-parent dd > .xm-cz-group[show='name'] .xm-cz i{display: none;}
|
||||
.xm-select-parent dd > .xm-cz-group[show='icon'] .xm-cz span{display: none;}
|
||||
.xm-select-parent dd .xm-cz:hover{color: #009688;}
|
||||
@ -160,7 +160,7 @@ div[xm-select-search-type="1"] .xm-select .xm-select-input{display: none !import
|
||||
url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.ttf?t=1534240067831') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
||||
url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.svg?t=1534240067831#iconfont') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
.xm-iconfont {font-family:"xm-iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
|
||||
.xm-iconfont {font-family:"xm-iconfont" !important; font-size:14px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
|
||||
.icon-quanxuan:before { content: "\e62c"; }
|
||||
.icon-caidan:before { content: "\e610"; }
|
||||
.icon-fanxuan:before { content: "\e837"; }
|
||||
|
Loading…
x
Reference in New Issue
Block a user