root
/
Pear-Admin-Layui
mirror of https://gitee.com/zhang_1334717033/Pear-Admin-Layui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

聊天组件

develop
Jmysy 2020-06-09 08:56:16 +08:00
parent e6b01183d1
commit caaec3ca30
3 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Pear Admin v 2.0/admin/css/pearSocial.css
View File

@ -39,6 +39,7 @@
position: absolute; position: absolute;
margin-left: 60px; margin-left: 60px;
background-color: lightgray; background-color: lightgray;
} }
.pear-social .pear-social-body { .pear-social .pear-social-body {
@ -165,6 +166,9 @@
height: calc(100% - 60px); height: calc(100% - 60px);
width: 100%; width: 100%;
} }
.pear-social .pear-social-list .pear-social-list-body .layui-side-scroll{
background-color: #E2E2E2;
}
.pear-social .pear-social-list .pear-social-list-header .search { .pear-social .pear-social-list .pear-social-list-header .search {
height: 30px; height: 30px;

5
Pear Admin v 2.0/component/layui/lay/extends/pearSocial.js
View File

@ -26,12 +26,10 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
var social = '<div class="pear-social-entrance layui-icon layui-icon-dialogue" pear-id="'+option.elem+'"></div>'; var social = '<div class="pear-social-entrance layui-icon layui-icon-dialogue" pear-id="'+option.elem+'"></div>';
var body = '<div class="pear-social" style="display:none;">'+ var body = '<div class="pear-social" style="display:none;">'+
'<div class="pear-social-side">'+ '<div class="pear-social-side">'+
'<div class="pear-social-avatar">'+ '<div class="pear-social-avatar">'+
'<img src="assets/images/avatar.jpg" />'+ '<img src="admin/images/logo.png" />'+
'</div>'+ '</div>'+
'<div class="pear-social-control">'+ '<div class="pear-social-control">'+
@ -180,6 +178,7 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
$("body").on("click", ".screen-restore", function() { $("body").on("click", ".screen-restore", function() {
$(this).parents(".pear-social").css({ $(this).parents(".pear-social").css({
top: top top: top
}); });

12
Pear Admin v 2.0/index.html
View File

@ -61,8 +61,8 @@
<div class="loader"></div> <div class="loader"></div>
</div> </div>
<!-- 聊天组件 -->
<!-- <div class="loader"></div> --> <div id="social"></div>
<!-- 移动端 的 收缩适配 --> <!-- 移动端 的 收缩适配 -->
<div class="collaspe pe-collaspe layui-hide-sm"> <div class="collaspe pe-collaspe layui-hide-sm">
@ -71,12 +71,13 @@
<script src="component/layui/layui.js"></script> <script src="component/layui/layui.js"></script>
<script> <script>
layui.use(['pearAdmin', 'jquery', 'layer', 'pearTab', 'pearNotice'], function() { layui.use(['pearAdmin', 'jquery','pearSocial', 'layer', 'pearTab', 'pearNotice'], function() {
var pearAdmin = layui.pearAdmin; var pearAdmin = layui.pearAdmin;
var $ = layui.jquery; var $ = layui.jquery;
var pearTab = layui.pearTab; var pearTab = layui.pearTab;
var pearNotice = layui.pearNotice; var pearNotice = layui.pearNotice;
var layer = layui.layer; var layer = layui.layer;
var pearSocial = layui.pearSocial;
var config = { var config = {
keepLoad: 2000, // 主 页 加 载 过 度 时 长 可为 false keepLoad: 2000, // 主 页 加 载 过 度 时 长 可为 false
@ -95,8 +96,11 @@
layer.alert("点击消息 : " + id); layer.alert("点击消息 : " + id);
} }
} }
var setting = {
elem: 'social'
}
pearSocial.render(setting);
pearAdmin.render(config); pearAdmin.render(config);
pearNotice.render(option); pearNotice.render(option);