微信小程序16---悬浮按钮的实现

1.上图

2.index.wxss

重点在于position设置为fixed，然后就是位置bottom，right。left，top的设置

.post {
    float: right;
    background-color: #ffffff;
    position: fixed;
    bottom: 20px;
    right: 10px;  
    border: 0 solid #ffffff;
    border-radius: 500px;
    box-shadow: 4px 1px 1px #cccccc;

}

3.index.wxml

type="success" size="50" class="post" bindtap="onPostClick"/>