【mip】 mip 组件

整理了在mip开发中自己所封装的一些组件，如果大家有用的上的可以参考或提供改进建议

mip官网：https://github.com/mipengine/

mip组件存放地址：https://github.com/mipengine/mip-extensions-platform

目录

1. 轮播组件

2.轮播组件

3. 切换组件mip-multiple-change

4.切换登录，注册，忘记密码mip-multiple-change-login

5.导航栏 mip-apple-nav

6.选择地区 mip-select-region

1. 轮播组件

在开发过程中，页面中有个三张整体轮播图片的效果，但是在mip组件中没有发现类似的效果，所以如果引入别人的在上面修改，还不如自己封装一个了，所以就封装了一个mip-carousel-figure轮播组件

组件地址：https://github.com/mipengine/mip-extensions-platform/tree/a83500017d274aedafb0e3cccfdb0a029b272d22/mip-carousel-figure

2.轮播组件

也是一款轮播组件，只不过这款就是简单完成轮播效果的组件，不包括样式等内容，只是实现一个轮播效果，比较在mip开发中对于写js来说感觉还是比较麻烦的

组件地址：https://github.com/mipengine/mip-extensions-platform/tree/0245477bafa5ec9a52fdc9c58d225ad250c0eeeb/mip-carousel-figure-2

3. 切换组件mip-multiple-change

这款组件只要实现了类型页面中的tabs的功能，点击切换区域内显示的内容得功能，自我还是比较好用得

组件地址：https://github.com/mipengine/mip-extensions-platform/tree/fce25001121462400e54f8c0b1b4b5ac4a473526/mip-multiple-change

4.切换登录，注册，忘记密码mip-multiple-change-login

这款其实跟上面切换得原理是一样的，只不过加了内容，用于登录，注册，忘记密码得功能，因为在页面中很多地方可以调起，所以索性就把内容和样式都封装到组件里面了，这样也省去了很多麻烦

组件地址：https://github.com/mipengine/mip-extensions-platform/tree/81217094c24448956a3101a6c3aa419de3c0fc18/mip-multiple-change-login

5.导航栏 mip-apple-nav

这款是拿apple导航模拟封装得一个响应式导航栏得组件，移动端点击菜单按钮，导航列表会左侧滑出，如果大家有类似得导航，下载下来稍微修改一下应该就可以了

组件地址：https://github.com/mipengine/mip-extensions-platform/tree/d9200c8b584d82c84ba8ccbce852bed1f7f73d23/mip-apple-nav

6.选择地区 mip-select-region

这款组件是比较实用的，选择省市的功能，样式也是很好看，可用于响应式网站，手机端和pc端都有不同的显示样式。

组件地址：https://github.com/mipengine/mip-extensions-platform/tree/d9200c8b584d82c84ba8ccbce852bed1f7f73d23/mip-select-region

【mip】 mip 组件相关推荐

MIP个性化组件提交规范
MIP个性化组件一般用来实现前后端数据传输或特殊的交互效果,由广大开发者贡献.出于性能.可维护性等方面的考虑,开发者在新增组件或升级组件时,请遵守以下规范. 规范中的必须(MUST),禁止(MUST ...
MIP 支付组件，支付流程：
MIP 支付组件,支付流程: 标题内容类型通用支持布局 responsive,fixed-height,fill,container,fixed 所需脚本 https://c.mipcdn.c ...
MIP 扩展组件开发手册
本手册将向你展示,完成一个 MIP 扩展组件的开发需要做哪些事情.在此之前,我们假定你: 有一定的 HTML.CSS 和 JavaScript 基础了解 AMD 的模块管理方式熟悉版本管理工具 G ...
2.开发Mip组件的第一个demo（点击关闭按钮，关闭外层dom）
1.控制台创建1个Mip组件文件项目:mip addelement 组件名称 2.在Hbulider中打开组件项目 1>README.md:配置组件介绍和写HTML代码 2>less文件中 ...
百度MIP组件使用方法：mip-list mip-infinitescroll等
百度MIP组件使用方法:mip-list mip-infinitescroll等最近在开发百度MIP加速器,发现网上的资料太少,百度的API给出的完全不尽人意,官网邮箱去询问还给都是官网API内容, ...
MIP开发常见问题解答
校验相关 1. MIP 页面的 <a>链接校验报错,MIP 是强制 target="_blank" 吗 ? 如果想直接跳转 MIP 页,可以用 mip-link 组件: ...
移动Web体验月报（6月）：MIP 核心代码升级，增加基于 Vue 开发能力
原创: BrilliantOpenWeb OpenWeb开发者 7月6日作者 | Brilliant Open Web 团队编辑 | Daisy 升级与重要进展历时2个月,MIP团队完成了核心代 ...
新手教程：不写JS，在MIP页中实现异步加载数据
从需求谈起:在 MIP 页中异步加载数据 MIP(移动网页加速器) 的加速原理除了靠谱的 MIP-Cache CDN 加速外,最值得一提的就是组件系统.所有 JS 交互都需要使用 MIP 组件实现 ...
广州站长沙龙 MIP 问题及答案
1. mip提交几个月时间了,生效量比较少,是什么原因? 答:提交 MIP 页面后,经过收录.校验.和生效三个步骤,才能在结果页看到闪电标. 1)提交 URL 后,spider 会去抓取收录: 2)页 ...
百度MIP移动页面加速——不只是CDN
MIP 是用 CDN 做加速的么?准确答案是:是,但不只是. MIP 全称 Mobile Instant Pages,移动网页加速器,是百度提出的页面加速解决方案.MIP 从前端渲染和页面网络传输两方 ...