微信小程序> 小程序UI库iViewWeapp

小程序UI库iViewWeapp

浏览量:1181 时间: 来源:嘿丶单炒饭

使用手册:https://weapp.iviewui.com/docs/guide/start

使用插件地址:https://github.com/TalkingData/iview-weapp

如何使用  

到 GitHub 下载 iView Weapp 的代码,将 dist 目录拷贝到自己的项目中。然后按照如下的方式使用组件,以 Button 为例,其它组件在对应的文档页查看:

1. 添加需要的组件。在页面的 json 中配置(路径根据自己项目位置配置):

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

2. 在 wxml 中使用组件:

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

预览所有组件

 #

我们内置了所有组件的示例,您可以扫描右侧的小程序码体验,或按以下方式在微信开发者工具中查看:

# 从 GitHub 下载后,安装依赖npm install# 编译组件npm run dev

然后,将 examples 目录在微信开发者工具中打开即可。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎