前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈

前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈，下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13085

效果图如下：

#### 使用方法

```使用方法

<cc-shareMenu ref="share" :contentHeight="580" :shareList="shareList" @click="shareMenuClick"></cc-shareMenu>

```

#### HTML代码部分

```html

<cc-shareMenu ref="share" :contentHeight="580" :shareList="shareList" @click="shareMenuClick"></cc-shareMenu>

</view>

</template>

export default {

data() {

return {

shareList: []

}

onLoad() {

this.shareList = [{

type: 1,

icon: '/static/share_wechat.png',

text: '微信好友'

{

type: 2,

icon: '/static/share_moment.png',

text: '朋友圈'

{

type: 3,

icon: '/static/share_qq.png',

text: 'QQ好友'

{

type: 4,

icon: '/static/share_qqzone.png',

text: 'QQ空间'

{

type: 5,

icon: '/static/share_weibo.png',

text: '微博'

}

];

methods: {

goShareClick() {

this.$refs.share.toggleMask();

shareMenuClick(name){

uni.showModal({

title: '温馨提示',

content:'点击的分享菜单名称是 = ' + name

})

}

</script>

<style>

.content {

display: flex;

flex-direction: column;

}

.shareView{

margin-top: 60px;

width: 100px;

height: 40px;

line-height: 40px;

text-align: center;

background-color: antiquewhite;

align-self: center;

}

</style>

```

前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈相关推荐

android中设置lmargin简书,超详细React Native实现微信好友/朋友圈分享功能-Android/iOS双平台通用...
(一)前言本文主要会涉及到以下内容: 微信开发者应用申请审核安装配置微信分享库微信好友/朋友圈功能实现 (二)应用申请审核首先大家需要去微信开发平台去注册账号并且创建一个移动应用.(地址:ht ...
android qq图片分享到朋友圈,Android 调用系统分享文字、图片、文件，可直达微信、朋友圈、QQ、QQ空间、微博...
转载自:https://www.liangzl.com/get-article-detail-18749.html 兼容SDK 18以上的系统,直接调用系统分享功能,分享文本.图片.文件到第三方APP ...
微信小程序分享功能(微信好友,朋友圈)
1.点击按钮实现分享微信好友 //html部分 <button class="share_list_button" open-type="share"&g ...
android中关于图片分享到QQ或者微信，朋友圈及其他（免SDK）
最近又做了一个关于图片分享到朋友圈的一个小功能,起先想到的是要添加比如QQ 或者微信以及其他工具的API,但是很麻烦,还要申请一些乱七八糟的东西并且得通过,才能用. 于是就在网上找一些关于图片分享的资 ...
解决ant design vue中的modal弹框样式修改无效问题修改modal样式无效
ant design vue中的modal弹框修改样式无效问题 ant中的弹框样式是修改不了的原因在于弹框modal被挂载在最大的元素div外面了所以需要将挂载在某个html元素上在modal外 ...
vue+腾讯地图标记弹框
腾讯地图添加自定义标记首先要加载腾讯地图 var center = new TMap.LatLng(39.984104, 116.307503);//设置中心点坐标//初始化地图var map = ...
一键分享到微博、QQ、微信、QQ空间、豆瓣、人人网、开心网、百度贴吧~
**分享到微博.QQ.微信.空间等平台功能有很多插件可以用,例如:bShare. **1.bShare插件的使用** <dt>分享到:</dt> <dd> < ...
jQurry实现PC详情页分享到微信、朋友圈、QQ空间、微博
本文主要实现详情页分享功能,分享到微信.朋友圈.QQ空间.微博,以及打印和收藏功能. 一.效果图二.相关代码 2.1html <div class="share-wrapper cl ...
Android端IM应用中的@人功能实现：仿微博、QQ、微信，零入侵、高可扩展
本文由"猫爸iYao"原创分享,感谢作者. 1.引言最近有个需求:评论@人(没错,就是IM聊天或者微博APP里的@人功能),就像下图这样: ▲ 微信群聊界面里的@人功能 ▲ Q ...

前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈

前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈相关推荐

最新文章

热门文章