vue引入容联七陌客服系统

落日映苍穹つ 2023-07-25 06:24 5阅读 0赞

结合了管网给的，不过vue的我是在客服服务最后找到的，希望能帮助到大家。  
七陌文档地址：**https://developer.7moor.com/online-service-kf02/\#**  
点击在右下角的“”智能客服系统“”输入vue选择发送，就会有帮助的文档了，如果小白还不知道的话，直接把:**设置-》网站和在线接入-》web和h5接入-》网站客服接入代码的script引入**，在项目的index.html中直接引入就可以完成js就可以，美不美。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4NzYxNTkz_size_16_color_FFFFFF_t_70]  
代码快

chart:function(){
    				window.qimoClienId={
    					userId:'777',
    					nickName:"cd"
    				},
    				window.m7CardInfo = {
    					left:{
    						url:""
    					},
    					right:{
    						text:"ssss",
    						color:"#595959",
    						fontSize:12
    					},
    					right2:{
    						text:"ssss",
    						color:"#595959",
    						fontSize:12
    					},
    					right3:{
    						text:"ssss",
    						color:"#ff6b6b",
    						fontSize:14
    					},
    					extraInfos:['随时随地'],
    					url:"https://www.baidu.com"
    				},
    				window.qimoChatClick()
    			},

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4NzYxNTkz_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4NzYxNTkz_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4NzYxNTkz_size_16_color_FFFFFF_t_70]: /images/20230528/7fdb845b9ae7431c88ebe19901b59232.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4NzYxNTkz_size_16_color_FFFFFF_t_70 1]: /images/20230528/7fd2c369912a43c8aea992cbfb6015f0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4NzYxNTkz_size_16_color_FFFFFF_t_70 2]: /images/20230528/50e71749f0b645f68de5e026cde87fbb.png