【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