Browse Source

feat: checkbox&leftslip

yewenwen 5 years ago
parent
commit
c8a9e8181d

+ 6 - 6
src/packages/checkbox/checkbox.scss

@@ -64,8 +64,8 @@
 
 	&.nut-checkbox-size-base {
 		input {
-			width: 19px;
-			height: 19px;
+			width: 24px;
+			height: 24px;
 		}
 
 		.nut-checkbox-label {
@@ -75,8 +75,8 @@
 
 	&.nut-checkbox-size-small {
 		input {
-			width: 16px;
-			height: 16px;
+			width: 20px;
+			height: 20px;
 		}
 
 		.nut-checkbox-label {
@@ -86,8 +86,8 @@
 
 	&.nut-checkbox-size-large {
 		input {
-			width: 22px;
-			height: 22px;
+			width: 28px;
+			height: 28px;
 		}
 
 		.nut-checkbox-label {

+ 5 - 3
src/packages/leftslip/demo.vue

@@ -9,9 +9,8 @@
         >
       </nut-leftslip>
     </div>
-    
     <h4>多个按钮</h4>
-    <p>如果超出一行宽度,默认右侧按钮区域占一行的80%</p>
+    <p class="tips-p">如果超出一行宽度,默认右侧按钮区域占一行的80%</p>
     <div>
       <nut-leftslip :rightWidth="0.8">
         <div slot="slip-main" class="slip-main">左滑触发删除<span class="main-right">这里是内容</span></div>
@@ -30,7 +29,6 @@
       </nut-leftslip>
     </div>
     <h4>消息列表</h4>
-    
     <div class="cell-box">
       <nut-leftslip v-for="(item, index) in list" :key="item.id" ref="leftslip">
         <div slot="slip-main" class="slip-main">
@@ -108,6 +106,9 @@ export default {
 .demo{
   padding-bottom: 30px;
 }
+.tips-p{
+  margin: 5px 20px;
+}
 .slipbtns {
 	a {
 		&.favorite {
@@ -179,6 +180,7 @@ export default {
   outline: none;
   border-radius: 4px;
   padding: 5px;
+  margin-left: 15px;
 }
 
 </style>

+ 1 - 1
src/packages/leftslip/leftslip.scss

@@ -7,7 +7,7 @@
 	}
 
 	.slip-main {
-		padding: 15px 10px;
+		padding: 15px 20px;
 		position: relative;
 		overflow: hidden;
 		display: flex;