微信小程序自定义组件
2018-05-21 19:02
316 查看
自定义组件:对一些内容进行组件用起来比较方便。
<view class="weui-cell weui-cell_input"> <view class="weui-cell__hd"> <view class="weui-label">{{label}}</view> </view> <view class="weui-cell__bd"> <input class="weui-input" name="{{inputName}}" type='{{type}}' placeholder="{{placeholder}}"/> </view> <view class="weui-cell__ft"> <icon type='{{icon}}' size='23' color='#e64340'></icon> </view> </view> <solt></solt>二、weui-input.json
{ "component":true, "usingComponents":{} }三、weui-input.js
Component({ properties: { label: { type: 'string', value: '标签', }, type: { type: 'string', value: 'string', }, inputName: { type: 'string', value: 'name', }, placeholder: { type: 'string', value: '请输入', }, icon: { type: 'string', value: 'clear', }, formtype:{ type:'string', value:'submit', }, bindsubmit:{ type:'string', value:'formSubmit', }, }, })调用组件在调用的项目中的json文件中写上
{ "usingComponents":{ "weui-input":"../component/weui-input" } }
阅读更多
相关文章推荐
- 微信小程序之自定义组件
- 写一个微信小程序自定义公共组件
- 微信小程序自定义组件--对话框
- 微信小程序入坑之自定义组件
- 微信小程序自定义组件:对话框、指示器、五星评分...
- 微信小程序 自定义组件(stepper)
- 微信小程序自定义组件Dialog
- 003、微信小程序---自定义组件的注册、使用
- 手把手教你实现微信小程序中的自定义组件
- 微信小程序自定义组件简单实现
- 使用微信小程序自定义组件实现的tabs选项卡功能
- 微信小程序——自定义组件
- 微信小程序自定义组件
- 微信小程序 自定义二维picker组件(省市)
- [微信小程序]组件化开发,以一个自定义模块框组件当做示例(附完整示例代码和效果图)
- 微信小程序自定义组件,模态框详细案例,自定义事件,组件传值
- 微信小程序自定义select下拉选项框组件的实现代码
- 微信小程序开发《11 .框架之自定义组件》
- 微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题