|
|
@@ -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>
|