mip-share 分享

提供页面内分享按钮功能，默认分享当前网址。

标题 内容
类型 通用
支持布局 responsive, fixed-height, fill, container, fixed
所需脚本 https://c.mipcdn.com/static/v1/mip-share/mip-share.js

示例

基本使用

  1. <div class="mip-share-container">
  2.     <mip-share></mip-share>
  3. </div>

fixed 布局

  1. <div class="mip-share-container">
  2.     <mip-share 
  3.         layout="fixed"
  4.         width="200"
  5.         height="158">
  6.     </mip-share>
  7. </div>

自定义分享参数

  1. <div class="mip-share-container">
  2.     <mip-share 
  3.         title="分享标题" 
  4.         content="分享内容" 
  5.         icon="https://m.baidu.com/se/static/pmd/pmd/share/images/bdu.jpg" 
  6.         layout="responsive"
  7.         width="414"
  8.         height="158">
  9.     </mip-share>
  10. </div>

属性

url

说明：分享出去的网址
必选项：否
类型：字符串
取值范围：URL
默认值：当前页面的 URL

title

说明：分享出去的标题
必选项：否
类型：字符串

content

说明：分享出去的内容
必选项：否
类型：字符串

icon

说明：分享出去的图标
必选项：否
类型：字符串
取值范围：URL

注意事项

分享到微信好友和微信朋友圈，在手机百度和 QQ 浏览器上显示是因为 <mip-share> 组件调用浏览器的 API，在其他浏览器上没有可用 API，所以分享按钮不显示或显示不全。