• 微信 小程序组件 分享按钮


    //wxml
    <view class='nav-right' bindtap='tobackShop'>
    <button open-type="share" class='nav-right' style='background:#fff'>
    <view>
    <image src='../../imgs/index/tab_3.png'></image>
    </view>
    <text>分享</text>
    </button>
    </view>
     
     
    //css
    .nav-left,.nav-right{
    text-align: center;
    }
    .nav-left,.nav-right{
    text-align: center;
    }
    .nav-left>view,.nav-right>view{
    45rpx;
    height: 45rpx;
    margin: 0 auto;
    margin-top: 15rpx;
    }
    .nav-left>view image, .nav-right>view image{
    100%;
    height: 100%;
    vertical-align: top;
    }
    .nav-left text,.nav-right text{
    display: block;
    margin-top: -30rpx;
    font-size: 20rpx;
    }
    .nav-right button image{
    100%;
    height: 100%;
    vertical-align: top;
    }
    .nav-right button text{
    display: block;
    margin-top: -4rpx;
    font-size: 20rpx;
    }
    .nav-right button::after {
    border: 0;
    ">transparent;
    }
     
     
    //js
     
    /**
    * 用户点击右上角分享
    */
    onShareAppMessage: function (res) {
    if (res.from === 'button') {
    // 来自页面内转发按钮
    // console.log(res.target)
    }
    return {
    // title: '',
    path: '/page/detail/detail.js',
    success: function (res) {
    // 转发成功
    },
    fail: function (res) {
    // 转发失败
    }
    }
    }
     
     
  • 相关阅读:
    委托demo
    事件demo
    数据结构与算法分析表ADT
    数据结构与算法分析栈ADT
    Access的“自动编号”问题
    C#获取时间函数
    在load事件中关闭窗体
    panel里面显示form的问题
    将RichTextBox 的内容直接写入数据库
    利用反射来创建一个Form.
  • 原文地址:https://www.cnblogs.com/dianzan/p/7842825.html
Copyright © 2020-2023  润新知