小程序中页面布局和绝对定位以及按钮的实现示例

这篇文章主要介绍了小程序中页面布局和绝对定位以及按钮的实现示例，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联建站于2013年成立，先为宁陕等服务建站，宁陕等地企业，进行企业商务咨询服务。为宁陕企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

  
  
  发送
  

.dibu{
position:fixed;
bottom:2px;
float:left;
border:2px solid #f5f5f5;
width:99%;
height:70rpx;
background:white;
}

.wz{
    /* border:1px solid red; */
height:68rpx;
font-size:46rpx;
width:630rpx;
float:left;
border:1px solid #8EE5EE;
border-radius:10rpx;
}
.fasong{
    float:right;
height:70rpx;
margin-right:7rpx;
width:90rpx;
line-height:66rpx;
text-align:center;
border-radius:10rpx;
font-size:28rpx;
background:#8EE5EE;

}

分享必须用button，但要自定义button（style="border:0;" plain="true"  open-type="share"）

    
    你粗糙纹理好过{{facedata.defaultdata.wenli}}%的人
    
    
   

分享必须带好参数，不然别人不到 都是空白或页面不存在

 onShareAppMessage: function (ops) {
        console.log('分享了');

        if (ops.from === 'button') {
            // 来自页面内转发按钮
            console.log(ops.target)
        }
        return {
            title: '哈哈哈',
            path: '/pages/facialEvaluate/facialEvaluate?faceFourdataId=' + this.data.faceFourdataId +'&userId='+this.data.userId,
           //path:'',
            success: function (res) {
                // 转发成功
                console.log("转发成功:" + JSON.stringify(res));
            },
            fail: function (res) {
                // 转发失败
                console.log("转发失败:" + JSON.stringify(res));
            }
        }

    },

感谢你能够认真阅读完这篇文章，希望小编分享的“小程序中页面布局和绝对定位以及按钮的实现示例”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!