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
就眠仪式 2020-09-16 17:35:52 +08:00
parent 6e324b6124
commit 8eb5beee5b
2 changed files with 78 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

141
component/pear/css/pear-module/card.css
View File

@ -1,65 +1,78 @@
.project-list-item { .project-list-item {
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
transition: all .2s; transition: all .2s;
} }
.project-list-item:hover{
box-shadow: 2px 0 4px rgba(0, 21, 41, .35); .project-list-item:hover {
} box-shadow: 2px 0 4px rgba(0, 21, 41, .35);
.project-list-item .project-list-item-cover { }
width: 100%;
height: 220px; .project-list-item .project-list-item-cover {
display: block; width: 100%;
border-top-left-radius: 4px; height: 220px;
border-top-right-radius: 4px; display: block;
} border-top-left-radius: 4px;
.project-list-item-body { border-top-right-radius: 4px;
padding: 20px; }
border: 1px solid #e8e8e8;
} .project-list-item-body {
.project-list-item .project-list-item-body > h2 { padding: 20px;
font-size: 18px; border: 1px solid #e8e8e8;
color: #333; }
margin-bottom: 12px;
} .project-list-item .project-list-item-body>h2 {
.project-list-item .project-list-item-text { font-size: 18px;
height: 44px; color: #333;
overflow: hidden; margin-bottom: 12px;
margin-bottom: 12px; }
}
.project-list-item .project-list-item-desc { .project-list-item .project-list-item-text {
position: relative; height: 44px;
} overflow: hidden;
.project-list-item .project-list-item-desc .time { margin-bottom: 12px;
color: #999; }
font-size: 12px;
} .project-list-item .project-list-item-desc {
.project-list-item .project-list-item-desc .ew-head-list { position: relative;
position: absolute; }
right: 0;
top: 0; .project-list-item .project-list-item-desc .time {
} color: #999;
.ew-head-list .ew-head-list-item:first-child { font-size: 12px;
margin-left: 0; }
}
.ew-head-list .ew-head-list-item { .project-list-item .project-list-item-desc .ew-head-list {
width: 22px; position: absolute;
height: 22px; right: 0;
border-radius: 50%; top: 0;
border: 1px solid #fff; }
margin-left: -10px;
} .ew-head-list .ew-head-list-item:first-child {
.ew-head-list .ew-head-list-item { margin-left: 0;
width: 22px; }
height: 22px;
border-radius: 50%; .ew-head-list .ew-head-list-item {
border: 1px solid #fff; width: 22px;
margin-left: -10px; height: 22px;
} border-radius: 50%;
.pear-card{ border: 1px solid #fff;
padding:20px; margin-left: -10px;
} }
.pear-card .layui-laypage .layui-laypage-curr .layui-laypage-em {
border-radius:0px !important; .ew-head-list .ew-head-list-item {
} width: 22px;
height: 22px;
border-radius: 50%;
border: 1px solid #fff;
margin-left: -10px;
}
.pear-card-component {
padding: 20px;
}
.pear-card-component .layui-laypage .layui-laypage-curr .layui-laypage-em {
border-radius: 0px !important;
}

2
component/pear/module/card.js
View File

@ -52,7 +52,7 @@ layui.define(['table', 'laypage','jquery', 'element'], function(exports) {
} }
function createComponent(data) { function createComponent(data) {
var html = "<div class='pear-card'>" var html = "<div class='pear-card-component'>"
var content = createCards(data); var content = createCards(data);
var page = "<div id='cardpage'></div>" var page = "<div id='cardpage'></div>"
content = content + page; content = content + page;