小程序已经支持 first-child 和 last-child 两个伪类

This commit is contained in:
Nino 2017-02-14 17:16:54 +08:00
parent 8769dd3c2b
commit 846aeabf1f
4 changed files with 16 additions and 14 deletions

5
dist/btn/index.wxss vendored
View File

@ -133,8 +133,9 @@
opacity: 1 ! important;
}
/* ::last-child */
.zan-btn--last-child {
/* :last-child */
.zan-btn--last-child,
.zan-btn:last-child {
margin-bottom: 0;
margin-right: 0;
}

View File

@ -25,7 +25,8 @@
color: #666;
}
.zan-cell--last-child::after {
.zan-cell--last-child::after,
.zan-cell:last-child::after {
display: none;
}

View File

@ -8,7 +8,7 @@
<button class="zan-btn">取消订单</button>
<button class="zan-btn zan-btn--primary">确认付款</button>
<button class="zan-btn zan-btn--danger">确认付款</button>
<button class="zan-btn zan-btn--warn zan-btn--last-child">确认付款</button>
<button class="zan-btn zan-btn--warn">确认付款</button>
</view>
</view>
@ -39,7 +39,7 @@
<button class="zan-btn zan-btn--loading">取消订单</button>
<button class="zan-btn zan-btn--loading zan-btn--primary">确认付款</button>
<button class="zan-btn zan-btn--loading zan-btn--danger">确认付款</button>
<button class="zan-btn zan-btn--loading zan-btn--warn zan-btn--last-child">确认付款</button>
<button class="zan-btn zan-btn--loading zan-btn--warn">确认付款</button>
</view>
</view>
@ -49,7 +49,7 @@
<button class="zan-btn zan-btn--disabled" disabled>取消订单</button>
<button class="zan-btn zan-btn--disabled zan-btn--primary" disabled>确认付款</button>
<button class="zan-btn zan-btn--disabled zan-btn--danger" disabled>确认付款</button>
<button class="zan-btn zan-btn--disabled zan-btn--warn zan-btn--last-child" disabled>确认付款</button>
<button class="zan-btn zan-btn--disabled zan-btn--warn" disabled>确认付款</button>
</view>
</view>

View File

@ -3,27 +3,27 @@
<view class="doc-title">CELL</view>
<view class="zan-panel">
<view class="zan-cell zan-cell--last-child">
<view class="zan-cell">
<view class="zan-cell__bd">单行列表</view>
</view>
</view>
<view class="zan-panel">
<view class="zan-cell zan-cell--last-child">
<view class="zan-cell">
<view class="zan-cell__bd">单行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
</view>
<view class="zan-panel">
<view class="zan-cell zan-cell--last-child zan-cell--access">
<view class="zan-cell zan-cell--access">
<view class="zan-cell__bd">单行列表</view>
<view class="zan-cell__ft"></view>
</view>
</view>
<view class="zan-panel">
<view class="zan-cell zan-cell--last-child zan-cell--access">
<view class="zan-cell zan-cell--access">
<view class="zan-cell__bd">单行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
@ -36,7 +36,7 @@
<view class="zan-cell">
<view class="zan-cell__bd">多行列表</view>
</view>
<view class="zan-cell zan-cell--last-child">
<view class="zan-cell">
<view class="zan-cell__bd">多行列表</view>
</view>
</view>
@ -50,7 +50,7 @@
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
<view class="zan-cell zan-cell--last-child">
<view class="zan-cell">
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
@ -65,7 +65,7 @@
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft"></view>
</view>
<view class="zan-cell zan-cell--access zan-cell--last-child">
<view class="zan-cell zan-cell--access">
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft"></view>
</view>
@ -80,7 +80,7 @@
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
<view class="zan-cell zan-cell--access zan-cell--last-child">
<view class="zan-cell zan-cell--access">
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>