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

互联网 18-8-10
本篇文章给大家带来的内容是关于小程序中页面布局和绝对定位以及按钮代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
  <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));             }         }      },

相关推荐:

微信小程序如何获取音乐链接(图文)

微信小程序中带参数返回上一页的方法总结(三种)

以上就是小程序中页面布局和绝对定位以及按钮代码的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: 小程序
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:微信小程序如何获取音乐链接(图文)

相关资讯