mip-share 分享

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

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

示例

基本使用

预览
<div class="mip-share-container">
    <mip-share></mip-share>
</div>

fixed布局

预览
<div class="mip-share-container">
    <mip-share 
        layout="fixed"
        width="200"
        height="158">
    </mip-share>
</div>

自定义分享参数

预览
<div class="mip-share-container">
    <mip-share 
        title="分享标题" 
        content="分享内容" 
        icon="https://m.baidu.com/se/static/pmd/pmd/share/images/bdu.jpg" 
        layout="responsive"
        width="414"
        height="158">
    </mip-share>
</div>

属性

url

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

title

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

content

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

icon

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

注意事项

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