匿名通过本文主要向大家介绍了小程序等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
本篇文章给大家带来的内容是关于小程序中页面布局和绝对定位以及按钮代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
<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));
}
}
},相关推荐：
微信小程序如何获取音乐链接（图文）
微信小程序中带参数返回上一页的方法总结（三种）
以上就是小程序中页面布局和绝对定位以及按钮代码的详细内容，更多请关注微课江湖其它相关文章！