From 8eb5beee5ba798bca2c9c948c8b5bd5f7568ae62 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E4=BB=AA=E5=BC=8F?= <854085467@qq.com> Date: Wed, 16 Sep 2020 17:35:52 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=86=B2=E7=AA=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- component/pear/css/pear-module/card.css | 141 +++++++++++++----------- component/pear/module/card.js | 2 +- 2 files changed, 78 insertions(+), 65 deletions(-) diff --git a/component/pear/css/pear-module/card.css b/component/pear/css/pear-module/card.css index 06b0d7a..825d1f1 100644 --- a/component/pear/css/pear-module/card.css +++ b/component/pear/css/pear-module/card.css @@ -1,65 +1,78 @@ .project-list-item { - background-color: #fff; - border-radius: 4px; - cursor: pointer; - transition: all .2s; - } - .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; - display: block; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - } - .project-list-item-body { - padding: 20px; - border: 1px solid #e8e8e8; - } - .project-list-item .project-list-item-body > h2 { - font-size: 18px; - color: #333; - margin-bottom: 12px; - } - .project-list-item .project-list-item-text { - height: 44px; - overflow: hidden; - margin-bottom: 12px; - } - .project-list-item .project-list-item-desc { - position: relative; - } - .project-list-item .project-list-item-desc .time { - color: #999; - font-size: 12px; - } - .project-list-item .project-list-item-desc .ew-head-list { - position: absolute; - right: 0; - top: 0; - } - .ew-head-list .ew-head-list-item:first-child { - margin-left: 0; - } - .ew-head-list .ew-head-list-item { - width: 22px; - height: 22px; - border-radius: 50%; - border: 1px solid #fff; - margin-left: -10px; - } - .ew-head-list .ew-head-list-item { - width: 22px; - height: 22px; - border-radius: 50%; - border: 1px solid #fff; - margin-left: -10px; - } - .pear-card{ - padding:20px; - } - .pear-card .layui-laypage .layui-laypage-curr .layui-laypage-em { - border-radius:0px !important; - } \ No newline at end of file + background-color: #fff; + border-radius: 4px; + cursor: pointer; + transition: all .2s; +} + +.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; + display: block; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +.project-list-item-body { + padding: 20px; + border: 1px solid #e8e8e8; +} + +.project-list-item .project-list-item-body>h2 { + font-size: 18px; + color: #333; + margin-bottom: 12px; +} + +.project-list-item .project-list-item-text { + height: 44px; + overflow: hidden; + margin-bottom: 12px; +} + +.project-list-item .project-list-item-desc { + position: relative; +} + +.project-list-item .project-list-item-desc .time { + color: #999; + font-size: 12px; +} + +.project-list-item .project-list-item-desc .ew-head-list { + position: absolute; + right: 0; + top: 0; +} + +.ew-head-list .ew-head-list-item:first-child { + margin-left: 0; +} + +.ew-head-list .ew-head-list-item { + width: 22px; + height: 22px; + border-radius: 50%; + border: 1px solid #fff; + margin-left: -10px; +} + +.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; +} diff --git a/component/pear/module/card.js b/component/pear/module/card.js index 6a4f476..96478aa 100644 --- a/component/pear/module/card.js +++ b/component/pear/module/card.js @@ -52,7 +52,7 @@ layui.define(['table', 'laypage','jquery', 'element'], function(exports) { } function createComponent(data) { - var html = "