小程序自定义组件的使用
分类:
文章
•
2022-11-04 13:52:23
小程序自定义组件的使用
因为疫情所以最近一直在家休息，有点无聊所以重新温习一下小程序。不能让环境阻挡自己的脚步，在逆战中成就自己，好了废话不多说，首先给大家看一下效果图。
1. 首先创建一个components文件夹，用于放置所有自定义的组件，创建之后的组件目录如下：
2. 点击.json文件，查看组件是否创建正确（是否有自定义组件的声明）。
3. 通过组件.wxml文件和.wxss文件编写出想要的组件样式。
例.wxml文件代码编写如下：
例.wxss文件样式代码如下
4. 在所需的页面使用组件，需在.json文件进行声明：
5. 在所需的页面.wxss文件引用组件：
完成以上几步，一个自定义的组件就算完成了，运行查看结果即可。
