系列文章：微信小程序自定义组件-模式框

编写此自定义组件（如自定义组件）时，必须绑定一些开放功能，有时我们需要在底部的上拉菜单中实现转发功能，或其他微信开放功能，小程序仍然无法实现，因此该组件应运而生。

安装1.使用npm进行安装

直接使用小程序开发工具随附的 npm，请按照以下步骤进行导入：

确保项目目录中有一个.json文件，对于现有的$ npm init $ npm i wx跳过此步骤-

在小程序开发人员工具中找到并单击“工具”->“构建npm”。构建完成后，您的项目目录将再包含一个目录。请确保已选中使用npm模块的项目设置

在使用该组件的页面配置json中使用

{“”：{“-”：“ wx--”}} 2.普通的安装，没有任何构建工具

将wx存储库目录中的代码直接复制到项目中组件的目录中，然后使用与的自定义组件相同的方法。还需要在页面配置json中声明它：

{“”：{“-”：“ ..///” //根据您的目录写}}使用

Wxml文件

-

js文件

//仅列出了核心代码Page（{data：{：} ,:（）{.log（''）}}）

菜单项可以写在标签中，而菜单项只能是或。

-效果参数

属性数据类型描述选项默认值

组件的初始显式/隐藏状态

必需

-

取消按钮的文字

可选

取消

触发事件

说明

-关闭组件时触发的事件。除了单击关闭按钮之外开发小程序菜单栏，它将关闭组件，而所有其他按钮将触发事件。按需使用它。

示例演示

微信小程序自定义组件用法示例集成