server/aspnetapp/wwwroot/lib/layim-v3.9.1/src/css/modules/layim/mobile/layim.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/**
 
 @Name: layim
 @Author: 贤心
 @Site: http://layim.layui.com
 
 */

/* 加载就绪标志 */
html #layuicss-skinlayim-mobilecss{display: none; position: absolute; width: 1989px;}

/* 主界面 */
.layui-layim-tab li,
.layim-tab-content li h5 *,
.layui-layim-tool li,
.layui-layim-skin li{display: inline-block; vertical-align: top; *zoom: 1; *display: inline;}
.layui-layim-list li p,
.layim-tab-content li h5 span,
.layui-layim-list li span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.layui-layim-tab{position: absolute; bottom: 0; left: 0; right: 0; height: 50px; border-top: 1px solid #f2f2f2; background-color: #fff;}
.layui-layim-tab li{position: relative; width: 33.33%; height: 50px; text-align: center; color: #666; color: rgba(0,0,0,.6); cursor: pointer;}
.layui-layim-tab li .layui-icon{position: relative; top: 7px; font-size: 25px;}
.layui-layim-tab li span{position: relative; bottom: -3px; display: block; font-size: 12px;}
.layui-layim-tab li[lay-type="more"] .layui-icon{top: 4px; font-size: 22px;}
.layui-layim-tab li.layim-this{color: #3FDD86;}
.layim-new{display: none; position: absolute; top: 5px; left: 50%; margin-left: 15px; width: 10px; height: 10px; border-radius: 10px; background-color: #F74C31; color: #fff;}
.layim-list-top .layim-new{position: relative; vertical-align: top; top: 10px; left: initial; margin-left: 5px;}
.layim-list-top i.layui-show{display: inline-block!important;}

.layui-layim{position: fixed; left: 0; right: 0; top: 50px; bottom: 50px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling : touch; }

.layim-tab-content{display: none;}
.layim-tab-content li h5{position:relative; padding-left: 35px; height: 45px; line-height: 45px; cursor:pointer; font-size:0; border-bottom: 1px solid #f2f2f2; white-space: nowrap; overflow: hidden;}
.layim-tab-content li h5 *{font-size: 17px;}
.layim-tab-content li h5 span{max-width: 80%;}
.layim-tab-content li h5 i{position: absolute; left: 12px; top: 0; color: #C9BDBB;}
.layim-tab-content li h5 em{padding-left: 5px; color: #999;}
.layim-tab-content li ul{display: none;}
.layim-list-friend, .layim-list-group{background-color: #fff;}
.layui-layim-list li{position:relative; height: 42px; border-bottom: 1px solid #f2f2f2; padding: 5px 15px 5px 60px; font-size:0; cursor:pointer;}
.layui-layim-list li:active{background-color: #F2F2F2; background-color: rgba(0,0,0,0.05);}
.layui-layim-list li.layim-null{height: 20px; line-height: 20px; padding: 10px 0; font-size: 17px; color: #999; text-align: center; cursor: default; font-size: 14px;}
.layim-list-history li.layim-null{padding: 30px 0; border-bottom: none; background-color: #eee;}
.layui-layim-list li *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size: 17px;}
.layui-layim-list li span{margin-top: 2px; max-width: 155px; font-size: 17px;}
.layui-layim-list li img{position: absolute; left: 12px; top: 8px; width: 36px; height: 36px; border-radius: 100%;}
.layui-layim-list li p{display: block; padding-right: 30px; line-height: 18px; font-size: 13px; color: #999;}
.layui-layim-list li .layim-msg-status{display: none; position: absolute; right: 10px; bottom: 7px; padding: 0 5px; height: 17px; line-height: 17px; border-radius: 17px; text-align: center; font-size: 10px; background-color: #F74C31; color: #fff;}
.layim-list-group{}

.layim-list-gray{-webkit-filter: grayscale(100%);  -ms-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

.layim-list-top{background-color: #fff; font-size: 17px;}
.layim-list-top li{position: relative; padding: 0 15px 0 50px; line-height: 45px; border-bottom: 1px solid #f2f2f2; cursor: pointer;}
.layim-list-top li:last-child{margin-bottom: 10px; border-bottom: none;}
.layim-list-top li .layui-icon{position: absolute; left: 12px; top: 0; margin-right: 10px; color: #36373C; font-size: 24px;}
.layim-list-top li[layim-event="newFriend"] .layui-icon{left: 15px;}
.layim-list-top li[layim-event="group"] .layui-icon{font-size: 20px;}
.layim-list-top li[layim-event="about"] .layui-icon{font-size: 25px;}