以下以qq分享为例:
1.找到分享元素,在分享元素上右键,选择第三方平台分享,并设置默认属性:
注:分享到其他地方自行修改分享目标、分享平台等(上图蓝色箭头指示处)
2.在有特殊标识的div标签上进行数据绑定,数据绑定选用属性绑定,绑定参数为自行添加的默认属性(分享到不同的地方所对应的控制属性,见最下方常用属性)
{"data-params-app-name":appname,"data-params-image-url":tupian,"data-params-description":neirong,"data-params-title":biaoti,"data-params-url":url}
上面例子中用到的绑定属性:
(1)data-params-app-name:是你当前使用的app的名字,也就是该分享来自哪个app,这个可以后台构造或者不进行绑定直接赋值
(2)data-params-description:是你分享内容的介绍,一般数据库会有对应字段
(3)data-params-image-url:是你分享内容封面图片的url,一般数据库会有对应字段
(4)data-params-title:是你分享内容的标题,一般数据库会有对应字段
(5)data-params-url:用户点击你的分享需要跳到什么页面
几种常用的绑定组合: