微信小程序开发页面右下角悬浮按钮功能设计与制作

今天我们制作设计页面特效，在微信小程序页面添加悬浮按钮。一般适合于在线咨询客服、一键拨号、在线提问等等。

一、wxml页面代码如下：

    <!--圆形点击框  -->
    <view class="round-click">
       <navigator url='/pages/addimages/addimages' >发布咨询</navigator >
    </view>

二、wxss样式页面代码如下：

.round-click{
    height: 120rpx;
    width: 120rpx;
    background-color: #d92a2a;
    border-radius: 100%;
    position: fixed;
    bottom: 150rpx;
    right: 20rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
.round-click navigator{
    font-size: 32rpx;
    max-width: 80rpx;
    color: #fff;
    text-align: center;
}

模板简介：该模板名称为【微信小程序开发页面右下角悬浮按钮功能设计与制作】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。