css部分
.tab-item:first-child {
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
}
.tab-item:last-child {
border-top-right-radius: 50rpx;
border-bottom-right-radius: 50rpx;
}
页面部分
<cover-view class="tabs flex row-center">
<block wx:for="{{item}}">
<cover-view class="tab-item" bind:tap="_changeTab" data-item='{{item}}'>{{item.label}}</cover-view>
</block>
</cover-view>
模拟器效果
真机效果
:first-child和:last-child选到了同一个元素上? 不管有多少个元素,last-child都选到了第一个元素。
wxss的选择器到底支持到什么程度了? 除了官网文档上面那些 其实有很多支持,有的又不支持 能不能完善一下文档?
请具体描述问题出现的流程,提供下这种格式的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。