js选择文字实现打开分享

百度分享

直接复制就能使用

    window._bd_share_config = {
        "common": {
            "bdSnsKey": {},
            "bdText": "",
            "bdMini": "2",
            "bdMiniList": false,
            "bdPic": "",
            "bdStyle": "0",
            "bdSize": "32"
        },
        "share": {},
        // "image":{
        //     "viewList":["bdhome","tsina","weixin","tqq"],
        //     "viewText":"分享到:",
        //     "viewSize":"16"},
        "selectShare": {
            "bdContainerClass": null,
            "bdSelectMiniList": ["bdhome", "tsina", "weixin", "tqq"]
        }
    };

    with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];

实现效果如下:
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
UniApp是一个基于Vue.js的跨平台应用开发框架,它可以让你用一套代码同时构建iOS、Android、Web以及H5应用。实现弹窗分享功能通常是在UniApp中集成社交媒体分享组件,如微信、QQ等常见的分享接口。 以下是使用UniApp实现弹窗分享的基本步骤: 1. 引入依赖:在项目中引入uni-app提供的`uni-share`或类似的社会化分享组件库。你可以通过npm安装,然后在需要的地方import进来。 ```javascript // 在main.js或你想使用的组件里 import { share } from '@vant/weapp/share'; ``` 2. 创建分享配置:根据你要分享的内容类型(文本、图片、链接等),定义分享的数据。例如: ```javascript const shareData = { title: '我的精彩内容', // 分享标题 path: 'https://your-url.com', // 分享链接 desc: '这是我想要分享文字描述', // 分享描述 imgUrl: 'path/to/image.jpg' // 分享图片URL }; ``` 3. 打开分享窗口:调用`share`方法并传入配置数据和回调函数,当用户完成分享后,回调会被执行。 ```javascript share(shareData).then(() => { console.log('分享成功'); }).catch((error) => { console.error('分享失败', error); }); ``` 4. 弹窗样式和行为:uni-app提供了自定义分享面板的选项,可以通过设置参数调整样式,比如是否显示缩略图、图标等。但大部分情况下默认样式就已经足够使用。 ```javascript share({ data: shareData, successCallback() { // 用户点击了确认分享 }, failCallback() { // 用户取消了分享 } }); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值