From 5f9391cf4b92b88641b3112ade6378977f12eb2d 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: Tue, 19 Jan 2021 09:08:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83=E6=8C=89=E9=92=AE=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 component/pear/css/pear-module/button.css | 55 ++++++++++++++++++++---
 view/document/button.html                 | 29 ++++++++++++
 2 files changed, 79 insertions(+), 5 deletions(-)

diff --git a/component/pear/css/pear-module/button.css b/component/pear/css/pear-module/button.css
index 3163394..3cd60ec 100644
--- a/component/pear/css/pear-module/button.css
+++ b/component/pear/css/pear-module/button.css
@@ -52,6 +52,51 @@
 .pear-btn[round] {
 	border-radius: 50px;
 }
+
+.pear-btn-primary[plain] {
+	color: #409eff !important;
+	background: #ecf5ff !important;
+	border-color: #b3d8ff !important;
+}
+
+.pear-btn-primary[plain]:hover {
+	color: #fff !important;
+	background-color: #2d8cf0 !important
+}
+
+.pear-btn-success[plain] {
+	color: #67c23a !important;
+	background: #f0f9eb !important;
+	border-color: #c2e7b0 !important;
+}
+
+.pear-btn-success[plain]:hover {
+	color: white !important;
+	background-color: #67c23a !important
+}
+
+.pear-btn-warming[plain] {
+	color: #e6a23c !important;
+	background: #fdf6ec !important;
+	border-color: #f5dab1 !important;
+}
+
+.pear-btn-warming[plain]:hover {
+	color: white !important;
+	background-color: #e6a23c !important
+}
+
+.pear-btn-danger[plain] {
+	color: #f56c6c !important;
+	background: #fef0f0 !important;
+	border-color: #fbc4c4 !important;
+}
+
+.pear-btn-danger[plain]:hover {
+	color: white !important;
+	background-color: #f56c6c !important
+}
+
 /** Button Group */
 .pear-btn-group {
 	display: inline-block;
@@ -88,15 +133,15 @@
 
 /** Button Size*/
 .pear-btn-sm {
-	height: 30px;
-	line-height: 30px;
+	height: 32px;
+	line-height: 32px;
 	padding: 0 10px;
 	font-size: 12px;
 }
 .pear-btn-xs {
-	height: 22px;
-	line-height: 22px;
-	padding: 0 5px;
+	height: 28px;
+	line-height: 28px;
+	padding: 0 8px;
 	font-size: 12px;
 }
 .pear-btn-lg {
diff --git a/view/document/button.html b/view/document/button.html
index 4c47f63..8c0c26f 100644
--- a/view/document/button.html
+++ b/view/document/button.html
@@ -64,6 +64,35 @@
 					</div>
 				</div>
 			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						简约样式
+					</div>
+					<div class="layui-card-body">
+						<button plain class="pear-btn pear-btn-primary"> Button-Primary</button>&nbsp;&nbsp;
+						<button plain class="pear-btn pear-btn-success"> Button-Success</button>&nbsp;&nbsp;
+						<button plain class="pear-btn pear-btn-danger"> Button-danger</button>&nbsp;&nbsp;
+						<button plain class="pear-btn pear-btn-warming"> Button-danger</button>&nbsp;&nbsp;
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								<button class="pear-btn"> Default Button </button>
+								<button class="pear-btn" dashed> Dashed Button </button>
+								<button class="pear-btn pear-btn-primary"> Primary Button </button>							
+								<button class="pear-btn pear-btn-primary"> Button-Primary </button>
+								<button class="pear-btn pear-btn-success"> Button-Success </button>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
 			<div class="layui-col-md12">
 				<div class="layui-card">
 					<div class="layui-card-header">