快应用常用组件开发-图标和表单

文章来源于快应用官方论坛-本文作者“dadong” 

承接上一篇构建组件库的文章,这篇详细讲一讲组件的开发过程和一些骚操作。


自定义组件

快应用的组件化做得是比较精简的,一个组件的实现和一个页面基本一致,自定义组件和页面的区别在于多了一些属性,少了一些生命周期的钩子。

多的属性是你可以向组件内传递数据的参数,可以用下面这种方式:

640?wx_fmt=png

你可以把要传递进组件的属性在props这个数组中声明,不过要注意命名方式:声明属性要采用驼峰命名,在外部调用组件时要把驼峰转换成分隔线。以上面为例,调用组件时应该写成prop-one。

调用方式如下所示:

640?wx_fmt=png

如果你要为传入的属性设置默认值,可以采取下面的方式声明:

640?wx_fmt=png


图标组件开发和实现

了解了怎么写一个自定义组件,现在我们来实现一个图标库的组件,这在我们前端开发中是一个很常用的组件。

第一步:制作字体图标文件

制作字体图标文件有个很方便的在线工具:icomoo

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值