小程序中页面布局和绝对定位以及按钮代码

本篇文章给大家带来的内容是关于小程序中页面布局和绝对定位以及按钮代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

  <view class=dibu>
  <input  value='{{inputVal}}' bindinput='inputTyping' class=wz bindinput='inputTyping' placeholder=请输入私信内容 placeholder-style='color:#bdbdbd;line-height:68rpx;margin-left:30rpx;font-size:30rpx;' />
  <view bindtap=blurfocus class=fasong>发送</view>
  </view>

.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）

<view class=viewh wx:if={{sharpicture==4}}>
    <view class=tp><image class=tpimg src=../../static/images/yqxg.png/></view>
    <view class=imgtxt>你粗糙纹理好过<text style=font-size:60rpx;>{{facedata.defaultdata.wenli}}%</text>的人
    </view>
    <button class=share style=border:0; plain=true  open-type=share>
   <image  src=../../static/images/share.png/></button>
</view>

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

 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));
            }
        }

    },

小程序中页面布局和绝对定位以及按钮代码

相关推荐