授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮！撰写博客专栏浓缩技术精华，专栏达人就是你！
授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里，不积小流无以成江海，程序人生的精彩需要坚持不懈地积累！
授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
版权声明：本文为博主原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。
更新：鉴于有CSDN的朋友问我，关于多组图片分组上传的问题，就是在一个页面里复用多组图片上传的组件时，出现了无法区分组件中分组图片的问题，我刚开始没搞懂这是啥意思？后来，这位朋友给了一个需求，懂了，可以看
，了解具体情况。我开始以为是我的组件写的有问题，但是经过尝试，组件写的是没问题的，我下面做一下解释，如何区分，其实很简单啊?
为了做测试，我写了一个demo，就是一个页面复用2次这个组件，然后通过点击不同的button来显示对应那个组件的当前上传图片个数，借以说明，复用时如何区分，如下
就可以区分了啊，这样你的imgupload1和imgupload2是不同的对象，怎么会区分不了呢？
好了，不多说，在这个引言里面，我先展示以下我写的组件的效果，完整代码请去我的CSDN下载中下载，地址↓：
效果图如下：[mmp,做个gif图花了半个小时时间，本来后面是有一段自定义组件样式的展示，但是视频太长，做gif时系统自动删了，我就在下面列出来并作解释]
注意布局，父类display 属性设为flex ,这个属性很好用，刚好满足这里的需求，子类元素可以实现自适应的浮动，以及上下对齐。唯一缺点是：子类元素不会因为父类元素的大小限制而响应式的缩小放大，所以当出现右边大量空白时需要合理调整子类元素的大小和margin属性。
号的情况，还好的是这不是微信小程序中封装的原生组件，所以通过z-index是可以轻松解决的
的子元素，否则会出现不能适配宽屏的bug，因为如果布局到外部，那这两块的布局就是相对于整体了，那肯定是容易跑偏
【PS】最后忍不住再说一遍，欢迎下载我的资源，里面是完整源代码，复制到Component路径下可以直接用
background-image:url(base64转码后的代码);的方式来进行操作。同时还是因为
小程序的限制，我们要先把svg的xml编码转码为base64编码首先，说明以下我们常见的svg矢量图是什么？下面引用百度百科的话：svg是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一......
引言这篇博客算是转载的一篇文章，我在写一遍方便熟悉具体流程和方法。支持原博客作者，点击以下链接：
小程序使用字体图标方法总结总结一下，步骤分为4步：去阿里iconfont官网找自己需要的字体图标，将需要的字体图标添加入库从库中点击“下载代码”至本地将.tff格式的字体文件转换格式为base64把转换后的.css文件中的代码和原来.css文件中的代码拼接，并复制进
