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

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

下面居中效果

代码

<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和样式，是不是学习到了，记得点赞支持哦，这样从有动力写文章分享呢！