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


    //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) {
    // 转发失败
    }
    }
    }
     
     
  • 相关阅读:
    Jmeter简单使用
    Linux命令补充
    数据加密
    问题 Can't load AMD 64-bit .dll on a IA 32-bit platform
    需要知道的东西很多还要知道的牢固
    Sqlyog问题
    精神苦难和快乐
    了解一个名词——GTD
    超强记忆力提升九大心法-10连锁记忆法
    Array数组结构底层实现复习
  • 原文地址:https://www.cnblogs.com/dianzan/p/7842825.html
Copyright © 2020-2023  润新知