【mip】 mip 组件

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yu17310133443/article/details/82258463

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

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

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

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

猜你喜欢

转载自blog.csdn.net/yu17310133443/article/details/82258463
今日推荐