小程序自定义组件的使用

小程序自定义组件的使用

因为疫情所以最近一直在家休息，有点无聊所以重新温习一下小程序。不能让环境阻挡自己的脚步，在逆战中成就自己，好了废话不多说，首先给大家看一下效果图。

1. 首先创建一个components文件夹，用于放置所有自定义的组件，创建之后的组件目录如下：

2. 点击.json文件，查看组件是否创建正确（是否有自定义组件的声明）。

3. 通过组件.wxml文件和.wxss文件编写出想要的组件样式。

例.wxml文件代码编写如下：

例.wxss文件样式代码如下

4. 在所需的页面使用组件，需在.json文件进行声明：

5. 在所需的页面.wxss文件引用组件：

完成以上几步，一个自定义的组件就算完成了，运行查看结果即可。