【uni-app+vue3】分享功能,App端调用手机的系统分享,可分享到微信、QQ、朋友圈等,已实现

news2024/11/8 4:32:15

前言:
uniapp分享功能,之前考虑的思路一直都是如何使用uni.share()实现
需要下载插件,需要申请微信appid,插件已下载,主要就是没有appid,所以只好换方向

实现效果:
在需要分享的页面,有三个分享按钮
在这里插入图片描述
点击任意按钮,都会打开系统自带的页面,可以发送到微信,qq,朋友圈,还有别的选项
在这里插入图片描述
将图片发送到朋友圈的效果如下,(文字,链接,图片都可以)
在这里插入图片描述

将文字或链接或图片分享给微信好友(文字,链接,图片都可以),分享给qq好友效果一样,不重复演示了
在这里插入图片描述
具体实现:

	<view class="bottom">
		<view class="bottom-box" @click="shareText">
			<image src="@/static/images/share.png" mode=""></image>			
			<view class="text">
				分享文字
			</view>
		</view>
		<view class="bottom-box" @click="shareLink">
			<image src="@/static/images/share.png" mode=""></image>		
			<view class="text">
				分享链接
			</view>
		</view>
		<view class="bottom-box" @click="shareCode">
			<image src="@/static/images/share.png" mode=""></image>
			<view class="text">
				分享二维码
			</view>
		</view>
	</view>
<script lang="ts" setup>
	function shareText() {
		plus.share.sendWithSystem({ content: '这是一段分享的文字,遇见你很开心~' }, function () {
			console.log('分享成功');
		}, function (e) {
			console.log('分享失败:' + JSON.stringify(e));
		});
	}
	function shareLink() {
		plus.share.sendWithSystem({ href: 'https://www.dcloud.io/' }, function () {
			console.log('分享成功');
		}, function (e) {
			console.log('分享失败:' + JSON.stringify(e));
		});
	}

	function shareCode() {
		plus.share.sendWithSystem({ content: '分享内容', type: 'image', pictures: ['_www/static/images/my/invitecodeBcg.png'] }, function () {
			console.log('分享成功');
		}, function (e) {
			console.log('分享失败:' + JSON.stringify(e));
		});
	}
</script>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1114673.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

嵌入式学习笔记(59)内存管理之栈

1.6.1.什么是栈&#xff08;Stack&#xff09; 栈是一种数据结构&#xff0c;C语言中使用栈来存放局部变量。 1.6.2.栈管理内存的特点&#xff08;小内存、自动化&#xff09; 先进后出 FILO&#xff08;First In Last Out&#xff09; 栈 先进先出 FIFO&#xff08;First …

聚类方法总结及code

参考链接 聚类方法的分类&#xff1a; 类别包括的主要算法划分方法K-Means算法&#xff08;均值&#xff09;、K-medoids算法&#xff08;中心点&#xff09;、K-modes算法&#xff08;众数&#xff09;、k-prototypes算法、CLARANS&#xff08;基于选择&#xff09;&#xf…

jmeter接口测试避坑指南

接口测试看着很简单&#xff0c;但是操作过程中还是出现很多问题&#xff0c;现总结如下&#xff1a; 一、jmeter中乱码问题 可在jmeter.properties 这个文件里面找到sampleresult.default.encodingxx&#xff0c;后面xx改成utf-8&#xff0c;然后取消注释。 解决jmeter的bod…

编译和连接

前言&#xff1a;哈喽小伙伴们&#xff0c;从我们开始学习C语言到实现如今的成果&#xff0c;可以说我们对C语言的掌握已经算是精通级别了&#xff0c;但是我们只学习了怎么写代码&#xff0c;却没怎么了解过代码的背后是怎么工作的。 那么今天这篇文章我们一起来学习C语言的最…

spark获取hadoop服务token

spark 作业一直卡在accepted 问题现象问题排查1.查看yarn app日志2.问题分析与原因 问题现象 通过yarn-cluster模式提交spark作业&#xff0c;客户端日志一直卡在submit app&#xff0c;没有运行 问题排查 1.查看yarn app日志 appid已生成&#xff0c;通过yarn查看app状态为…

Linux的权限管理操作

1、权限的基本概念 在多用户计算机系统的管理中&#xff0c;权限是指某个特定的用户具有特定的系统资源使用权利。 在Linux 中分别有读、写、执行权限&#xff1a; 权限针对文件权限针对目录读r表示可以查看文件内容&#xff1b;cat表示可以(ls)查看目录中存在的文件名称写w…

css钟表数字样式

如图&#xff1a; 代码 font-size: 28px;font-family: Yourname;font-weight: 500;color: #00e8ff;

YOLOv5/v7/v8改进实验(七)之使用timm更换YOLOv8模型主干网络Backbone篇

🚀🚀 前言 🚀🚀 timm 库实现了最新的几乎所有的具有影响力的视觉模型,它不仅提供了模型的权重,还提供了一个很棒的分布式训练和评估的代码框架,方便后人开发。更难能可贵的是它还在不断地更新迭代新的训练方法,新的视觉模型和优化代码。本章主要介绍如何使用timm替…

企业实施MES管理系统时,是否需要一物一码

随着科技的不断进步&#xff0c;企业对于生产管理和效率提升的需求日益增长。MES管理系统作为一种先进的生产管理工具&#xff0c;受到了越来越多企业的关注和应用。然而&#xff0c;在部署MES管理系统时&#xff0c;是否需要实施一物一码的条码进行管理&#xff0c;往往成为企…

“人间烟火”背后,长沙招商引资再出圈

连续多年&#xff0c;长沙荣膺全国最具幸福感城市。同时&#xff0c;长沙也被誉为“中部崛起的引擎城市”。长沙不仅有网红城市的人间烟火气&#xff0c;更以创新的精神&#xff0c;优质的营商环境&#xff0c;高效的政府服务&#xff0c;丰富的人才资源和深厚的产业基础&#…

徐宗本院士将在2023年CCF中国软件大会上作特邀报告

2023年CCF中国软件大会&#xff08;CCF ChinaSoft 2023&#xff09;邀请徐宗本院士作大会特邀报告。 特邀嘉宾 徐宗本 中国科学院院士 数学家、中国科学院院士、西安交通大学教授。 主要从事应用数学、智能信息处理、机器学习基础理论研究。曾提出稀疏信息处理的L(1/2)正则化理…

uni-app:实现当前时间的获取,并且根据当前时间判断所在时间段为早上,下午还是晚上

效果图 核心代码 获取当前时间 toString()方法将数字转换为字符串 padStart(2, 0)&#xff1a;padStart()方法用于在字符串头部填充指定的字符&#xff0c;使其达到指定的长度。该方法接受两个参数&#xff1a;第一个参数为期望得到的字符串长度&#xff0c;第二个参数为要填充…

【分布式】入门级NCCL多机并行实践 - 02

# 背景知识 大模型和分布式训练对数据的吞吐量以及并行度都有很高的要求&#xff0c;NCCL就是在这个背景下诞生的。 如果你是一个只会写写Python&#xff0c;调用PyTorch和Horovod的算法萌新&#xff0c;可能对于分布式底层的东西不太了解&#xff0c;在下岗热潮中被主管逼着…

分布式锁之mysql 锁

文章目录 使用数据锁&#xff1a;悲观锁 或者 乐观锁悲观锁乐观锁mysql锁总结 使用数据锁&#xff1a;悲观锁 或者 乐观锁 一个sql&#xff1a;直接更新时判断&#xff0c;在更新中判断库存是否大于0 update table set surplus (surplus - buyQuantity) where id 1 and (surp…

Occupancy占据网络论文讲解与分析

一.MonoScene 1.概要 a.使用单目相机&#xff0c;不用深度估计和点云来实现占据网络。 b.提出了一种2D-3D的一种转换方法。 c.在3D-unet底部加入3DCRP来捕获长距离的一个信息。 2.模型结构 图像先经过一个2D的unet结构&#xff0c;这里论文里用的预训练的EfficientNet&am…

I350网卡烧录oprom,通过UEFI PXE引导方案

Intel发布的I350标准固件都是用于LOM设计的。固件已配置LOM模式&#xff0c;不需要搭配外挂flash&#xff0c;将efi driver包进BIOS中就可以使用PXE功能&#xff0c;因此NIC类型的时候直接烧录oprom会报错。 如使用外部flash存放PXE ROM&#xff0c;需要将固件修改为NIC的配置…

蓝桥杯(砝码称重,C++)

思路&#xff1a; 1、用到动态规划思想。 2、用ans[i][j]记录用前i个砝码&#xff0c;能不能称出重量j。 3、详细思路见代码注释&#xff0c;易懂。 #include<iostream> #include<cmath> using namespace std; int main() {int n;int a[110];//记录每个砝码重量int…

8+非肿瘤+线粒体+实验生信思路解析

今天给同学们分享一篇非肿瘤线粒体实验的生信文章“Role of mitochondrial metabolic disorder and immune infiltration in diabetic cardiomyopathy: new insights from bioinformatics analysis”&#xff0c;这篇文章于2023年2月1日发表在J Transl Med期刊上&#xff0c;影…

EPLAN_004#常用功能(四)

线号&#xff1a;火线L&#xff0c;零线N&#xff0c;正极P&#xff0c;负极是M 一、基于设备的设计 也可以通过下面的&#xff08;设备选择&#xff09;进行选择 如果是批量选型&#xff0c;可以在设备导航器中进行多个相同元器件进行选型。&#xff08;筛选器可以自定义&…

前端使用qrcodejs2插件实现根据网址生成二维码

实现效果&#xff1a; 实现方法&#xff1a; 1.安装插件 npm install --save qrcodejs2 2.可以全局引入&#xff0c;也可以只在使用的vue文件中引入 import QRCode from qrcodejs2; 3.在vue文件的template中设置放置二维码的div <div id"qrcode"></di…