像这样的优惠券怎么用css样式实现呢
<view style="color: #888;margin-right: 20upx;">领券</view>
<view class="coupons_css">满100减20
<view class="leftdot"></view>
<view class="rightdot"></view>
</view>
<view class="coupons_css">8折
<view class="leftdot"></view>
<view class="rightdot"></view>
</view>
.coupons_css{
height: 36upx;
position: relative;
margin-right: 20upx;
text-align: center;
line-height: 36upx;
padding: 0 14upx;
border: 1upx solid #ff3d36;
border-radius: 10upx;
font-size: 22upx;
color: #ff3d36;
}
.leftdot{
position: absolute;
top: 13upx;
left: -3upx;
width: 6upx;
height: 10upx;
border-top-right-radius: 20upx;
border-bottom-right-radius: 20upx;
border: 1upx solid #ff3d36;
background-color: #fff;
border-left: 0;
}
.rightdot{
position: absolute;
top: 13upx;
right: -3upx;
width: 6upx;
height: 10upx;
border-top-left-radius: 20upx;
border-bottom-left-radius: 20upx;
border: 1upx solid #ff3d36;
background-color: #fff;
border-right: 0;
}