微信小程序之自定义表单组件(radio)

背景：

最近在做项目的时候遇到一个问题，那就是微信的官方表单组件的可扩展性不强，无法达到设计稿所要求的效果，所以想到了用自定义组件的方法自定义一个表单组件。

（自定义组件其实往往用在需要复用的地方，比如每个页面都有一样的头部和底部，那么我们就可以把它们封装到自定义组件中，这样就不用每个页面都复制粘贴一样的一堆代码了）

开始：

下面以自定义radio组件为例：

官方radio的样式只能修改color(当然要修改其他样式也是有办法的，不过较为麻烦，这里先不提)，扩展性不强。

而我想要达到类似于button样式的效果↓

那么就需要自定义一个radio出来了。

第一步：

首先在该目录下新建一个components 文件夹(当然文件夹命名也可以取其他，不过命名为components方便辨认)

再在components里新建一个文件夹用于放自己的自定义组件，这里我统一命名为myradio