DCloud--uni-App多终端开发组件,样式库

前沿

每一个干过前端的小伙伴基本上都有一套自己的组件库,样式库,以来提高开发效率,之前小编也总结过自己的一套样式库,(详情请移步前端开发公共css,js笔记)现在自从学了多终端开发后,随着习惯,也建立了一套自己的多终端组件库。

该库会不断更新,毕竟学无止境吗
以下组件需要配合公共的css来使用uniBase.css

Step一,我的页面,设置之类的,效果图如下

DCloud--uni-App多终端开发组件,样式库_第1张图片
config.png

此公共组件实现的效果

内容为动态传入
每个item之间的间隙也是动态传入
可以灵活配置是否显示图片,以及右侧有无文字
受uni-app的限制,icon以及img需要使用网络地址

在components下新建一个文件夹cellList,里边建一个index.vue






在使用页面



Step二,底部弹出菜单动画效果

效果图如下


DCloud--uni-App多终端开发组件,样式库_第2张图片
pop.png

请移步vue-cli 移动端底部弹出菜单动画效果,只需要将里边的div标签改为view,rem改为upx就可以使用了。

你可能感兴趣的:(DCloud--uni-App多终端开发组件,样式库)