微信小程序关闭按钮样式设计

先看一下样式，这样大家更加明白

下面居中效果

代码

 <view  class="cancelBtn">
        <icon type="cancel" size="40" color="#fff"  bindtap="clickNo" ></icon>
    </view>

样式

.cancelBtn{/*取消按钮*/
  text-align: center;
  margin-top: 100rpx;
}

右上角效果

代码（这里包含css代码）重点是 right,margin-top

   <view class="icon-small-wrp">
        <icon type="cancel" color="#fff" style="position: absolute;right: -60rpx;margin-top: -60rpx;" size="35" bindtap="clickNo"></icon>
    </view>

总结：这里用到是icon和样式，是不是学习到了，记得点赞支持哦，这样从有动力写文章分享呢！