MIP 组件列表

1. 内置组件

内置组件是包含在 mip.js 中的组件,可直接使用,无需另外引入js脚本。

内置组件中文描述
mip-carousel多图轮播mip-carousel 用来支持 mip 中图片的一种展示方式,支出多图轮播。
mip-iframe-mip-iframe 是用来支持在 mip 中嵌入第三方内容的一种方式,需要注意的是:所嵌入的内容强制是符合https协议的。
mip-img图片mip-img 用来支持在 mip 中增加图片内容。
mip-pix统计将 mip-pix 组件直接引入,可发送带有自定义参数的请求,用于统计页面访问情况。这些参数主要包括页面打开时间点,页面title和当面页面地址。
mip-video-mip-video 用来支持在 mip 中增加视频内容,是HTML <video>的直接包装。功能和兼容性与HTML5<video>一致。

2. 个性化组件

个性化组件是满足于特定需求的组件,包括交互,统计等需求。需要引入对应的 js 脚本。

个性化组件中文描述
mip-accordion折叠节点折叠隐藏节点(可记录用户上次行为)。
mip-analytics统计框架提供统计发送接口,由使用方决定在什么时候发送什么参数,到什么地方。
mip-anim动图用来支持在 MIP 页中 gif 图的使用。
mip-app-bannerApp 吊起组件用于吊起 App。
mip-appdlApp 下载App 下载,可区分安卓和 iOS。
mip-audio音频播放提供了一个音频播放组件
mip-experiment前端抽样实验mip-experiment 组件用于前端抽样实验。 可用于按钮,banner,广告等前端可控元素的改版实验,与mip-pix,可配合使用。
mip-filter筛选组件筛选组件,自适应pc和wise宽度。mipengine.org有引用
mip-fixed悬浮布局悬浮元素整体使用方案。
mip-form表单表单提交。
mip-gototop快速回顶添加快速回顶按钮,点击回到页面顶部。
mip-history历史记录封装了对历史记录的操作,实现页面间前进后退的功能。
mip-html-os操作系统元素区分操作系统显示内容,支持 Andriod 和 iOS。
mip-infinitescroll无限滚动当用户滚动到页面底部时,加载更多。
mip-lightbox弹出层由用户控制展现或关闭的全屏浮层组件,组件全屏覆盖,组件里的元素超出屏幕会被隐藏,不能滑动。
mip-link跳转链接实现两个 MIP 页面之间互相跳转的功能。
mip-list列表组件可以渲染同步数据,或者异步请求数据后渲染。
mip-nav-slidedown菜单响应式菜单,在mip官网有引用。
mip-semi-fixed滑动悬浮组件position:sticky的js兼容版本。页面元素滑动到顶部时自动贴顶。
mip-share分享提供页面内分享按钮功能,默认分享当前网址。
mip-showmore显示更多隐藏过长的文章,点击按钮显示更多内容。
mip-sidebar侧边栏侧边栏组件,点击按钮,侧边栏滑入屏幕。
mip-stats-baidu百度统计添加百度统计组件,用于统计页面数据。
mip-stats-tianrun天润统计添加天润统计。
mip-vd-tabstab 切换组件在网页中显示标签。标签页内元素较多时不建议使用,会影响页面性能。
mip-bind数据驱动组件在页面中以数据作为驱动源,做到随着数据变动页面界面也会随之变动的功能。

3. 广告组件

广告组件主要满足各类广告的投放,需要引入对应的 js 脚本。阅读广告文档来确定 MIP 广告类型.

广告组件中文描述
mip-ad广告mip-ad 用于在MIP页中引入广告脚本,投放广告。
mip-ad-comm通用广告mip-ad 的一种类型:通用广告。
mip-ad-baidu百度网盟推广合作mip-ad 的一种类型:百度网盟推广合作。 产品介绍:http://union.baidu.com/product/prod-cpro.html
mip-ad-baidussp百度ssp直投广告mip-ad 的一种类型:百度ssp直投广告。 产品介绍:http://yingxiao.baidu.com/zhichi/knowledge/detail.action?channelId=24&classId=14547&knowledgeId=14745
mip-ad-imageplus百度图+广告mip-ad 的一种类型: 百度图+广告。 产品介绍:http://imageplus.baidu.com/
mip-ad-qwang百度搜索推广合作mip-ad 的一种类型:百度搜索推广合作。 产品介绍:http://union.baidu.com/product/prod-search.html
mip-ad-ssp百度Feeds联盟广告mip-ad 的一种类型:百度Feeds联盟广告。 在 https://ssp.baidu.com/ 后台选择资源管理/feeds联盟接入。
mip-baidu-wm-ext百度联盟广告反屏蔽mip-ad 的一种类型:百度联盟广告反屏蔽。 产品介绍:http://yingxiao.baidu.com/zhichi/knowledge/detail.action?channelId=4&classId=13484&knowledgeId=15198