专栏首页编程微刊五分钟上手-微信小程序组件库 iView Weapp

五分钟上手-微信小程序组件库 iView Weapp

微信UI组件库 iView Weapp

介绍:iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。

https://weapp.iviewui.com/

image

使用步骤

1:首先在github上面下载组件库代码 https://github.com/TalkingData/iview-weapp

2:下载之后解压,可以看到解压的组件文件内容,选择 dist文件 将 dist 目录拷贝到自己的小程序项目中

3:开始写代码,写页面效果,写一个按钮 在json文件里面引入组件

{
 "usingComponents": {
  "i-button": "../../dist/button/index"
}
}

在wxml页面,,复制文档组件库代码示例

<i-button type="primary" bind:click="handleClick">这是一个按钮</i-button>

代码完成之后,可以在左侧查看按钮效果

iView Weapp和Vant的用法相似,再开发小程序的时候,都属于一个很好用的组件库,简单容易,只要引入即可使用,对于不想写代码的宝宝们来说,是一个不错的选择。

五分钟上手Vant,快速搭建小程序界面样式 https://www.jianshu.com/p/fd0643195245

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,前端资源下载群:440185135

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • React常用的5个UI框架

    推荐指数:star:60.2k 官网:https://ant.design/docs/react/introduce-cn Github: https://...

    王小婷
  • Vue移动端框架Mint UI教程-数据渲染到页面(六)

    拿到res.data之后,要赋值给page实例里面的data 所以在data里面设置一个默认的空数组

    王小婷
  • 微信小程序云开发数据库操作更新记录

    王小婷
  • CEO说其实福特造的是“计算机”,流水线工人靠外骨骼变身钢铁侠

    安妮 编译整理 量子位 出品 | 公众号 QbitAI 还是没有阻止股价下跌。 自五月上任以来,福特CEO Hackett就着手推动汽车制造商加速全球范围内的连...

    量子位
  • WordPress评论滑动/拉链解锁myQaptcha代码版及部署方法

    虽然博客取消了文章页面评论,仅剩下留言板的评论,但张戈还是要尽力做到尽善尽美,将用户体验做到极致!在防止垃圾评论的同时,尽量让评论变得更加简单快捷。 于是就想到...

    张戈
  • 如何在面试中介绍自己的项目经验

    在面试时,经过寒暄后,一般面试官会让介绍项目经验 。常见的问法是,说下你最近的(或最拿得出手的)一个项目。

    攻城狮的那点事
  • 接口测试神器:postman了解一下

    HTTP的接口测试工具有很多,可以进行http请求的方式也有很多,但是可以直接拿来就用,而且功能还支持的不错的,我使用过的来讲,还是postman比较上手。

    Java编程指南
  • 史上最清晰的红黑树讲解(上)

    本文以Java TreeMap为例,从源代码层面,结合详细的图解,剥茧抽丝地讲解红黑树(Red-Black tree)的插入,删除以及由此产生的调整过程。 总体...

    前朝楚水
  • 史上最清晰的红黑树讲解(上)

    本文以Java TreeMap为例,从源代码层面,结合详细的图解,剥茧抽丝地讲解红黑树(Red-Black tree)的插入,删除以及由此产生的调整过程。

    Java团长
  • 老子不想考试了!英国计算机系学生黑掉校长邮箱:倒闭学校,取消考试

    前两天,南安普顿大学(University of Southampton)3万多名学生们收到了一封来自副校长的邮件。

    量子位

扫码关注云+社区

领取腾讯云代金券