自定义组件使用方法

自定义组件使用方法

一：创建自定义组件

新建文件夹，再右击选择component输入名称，最好和文件夹名称保持一致，然后自动生成4个文件，

二：编辑组件的布局和样式，初始化数据，定义事件等

三：调用组件的json页面

{
  "usingComponents": {
    "component-header": "/component/header/header",
    "component-footer": "/component/footer/footer"
  }
}

四：调用组件的wxml页面

<component-header>component-header>
<component-footer>component-footer>

 下面实现一个应用：点击按钮左侧滑动打开，

 

 

实现代码 

 

 

posted on 2018-02-28 16:57 飞狐爷 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/cyxxzjp/p/8484553.html