返回顶部下载帮助
网站模板
模板颜色分类:
当前位置: 建站必知 >

百度mip怎么使用分享插件

2017-01-12 文章标签: 插件 mip 浏览次数:
作为百度的膜拜者,网站准备改照成mip模式,由于对js的一些不支持,发现自己网站之前有jiathis的分享功能, 这不用说,目前肯定是用不了的。百度MIP也封装好了分享插件。让我们来使用一下吧

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


关于我们 - 联系我们 - 广告服务 - 友情链接 - 版权声明 - 手机版

免责声明:站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!版权归原创者所有,如果侵犯了您的权益,请通知我们,我们会及时删除侵权内容。