(vue)QQ客服链接（手机浏览器、PC电脑端点击链接直接打开手机QQ添加好友

(vue)QQ客服链接（手机浏览器、PC电脑端点击链接直接打开手机QQ添加好友）

---

效果：

代码：

<div id="right">
<!--qq-->
<div id="qq"> 
	<el-link href="https://wpa.qq.com/msgrd?v=3&uin=qq号&site=qqq&menu=yes" target="_blank" >
		<div class="qq-Picture">
			<img src="@/assets/images/qq.jpg"/>					
		</div>
		<div>技术咨询</div>
	</el-link> 
</div>
</div>

样式：

/* 浮层 */
#right {
	float: right;
	position: fixed;
	right:20px;
	bottom:200px;
	z-index: 99999999;
}
#qq{
	/* line-height: 80px; */
	width: 70px;
	height: 80px;
	background-color: white;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3) ;
} 
a {
	text-decoration: none;
	list-style: none;
	color: #000;
}
.qq-Picture img {
	width: 50px;
	height: 50px;
}

---

解决参考：https://blog.csdn.net/qq15577969/article/details/104125018

代码实现网页右侧固定的qq客服，微信，手机号，置顶的功能：
https://blog.csdn.net/BubbleABC/article/details/115520985