iView Weapp

微信小程序 UI 组件库
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 手机/移动开发、 微信小程序
软件类型 开源软件
地区 国产
投 递 者 苏鸿羽
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

iView Weapp —— 一套高质量的微信小程序 UI 组件库

iView Weapp 是什么?

微信小程序提供了自定义组件的功能,这使得 iView Weapp 成为了可能。小程序已经提供了很多组件和 API,但它们过于基础,实际开发时仍需要一定的封装和 UI 调整。iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,使用起来如鱼得水。如果你是 iView 的核心用户,用起 iView Weapp 来甚至不用看文档!当然,我们对新用户也很友好,事无巨细的文档、友好的 API 和完整的示例,几分钟就可以上手啦。

iView Weapp 1.0 提供了 30 个组件,并会不断丰富:

先睹为快

使用微信扫一扫体验 iView Weapp 小程序组件示例:

当然,你也可以在微信开发者工具中查看:

# 从 GitHub 下载后,安装依赖
npm install

# 编译组件
npm run dev

 

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

1.0 提供的都是基础组件,能够满足大部分常用的布局和交互。接下来,我们还会提供更为丰富的基础组件及典型业务组件,比如刮刮乐。旨为让小程序开发的门槛降低,并带来出色的用户体验。

开源协议

iView Weapp 使用 MIT 开源协议,并 100% 开放源码。查看开源协议

  • iView表格(table)渲染(render) 1、语法 以下分别定义了:标签名称,(样式,事件等综合内容),显示内容 render: (h, params) => { return h('span', { style: { color: '#FF7D41' },

  • 1 重置的时候上传图片未清空 <Upload ref="upload" action="http://10.0.0.4:8004/uploadPic"> <Button type="ghost" icon="ios-cloud-upload-outline">上传 </Button> </Upload> this.$refs[name].resetFields(); 2 表单验证 给

  • <template> <div class="CAVQueryPage"> <Form :ref="formQuery" :model="formQuery[formRefName]" :rules="formQueryValidate" label-position="top" > <Row :gutter="10" v-for="(items,i

  • 采用了Vue-cli的方式。  1、反向代理 devServer: { host: '127.0.0.1', port: 9000, proxy: { '/gonghui/': { target: 'http://127.0.0.1', secure: false, changeOrigin: true,

 相关资料
  • 本文向大家介绍微信小程序 video组件详解,包括了微信小程序 video组件详解的使用技巧和注意事项,需要的朋友参考一下 主要属性: 效果图: ml: js: 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

  • 本文向大家介绍微信小程序 form组件详解,包括了微信小程序 form组件详解的使用技巧和注意事项,需要的朋友参考一下 表单: 将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交 主要属性: 效果图:  ml: ss: js: 复制代码 注意: form表单组件 是提交form内的所有选中属性的值, 注意

  • 使用微信开发者工具开发小程序时,如若使用TDesign组件库有什么注意事项吗?

  • @megalo/target 的 platform 设置成 wechat,mini-css-extract-plugin 提取文件后缀改成微信小程序的 wxss。 const createMegaloTarget = require( '@megalo/target' ) const compiler = require( '@megalo/template-compiler' ) const M

  • 1、第三方应用授权对接 ​ 之前对接小程序只提供了开发者授权的方式,这种方式的弊端是,如果客户同时对接了其他的系统,会产生access token冲突,导致消息发不过来。因此新增第三方平台授权的方式,客户可以在智齿后台直接扫二维码授权对接。流程如下: 1.1、选择授权方式,进入配置页 点击绑定小程序时选择授权方式,默认推荐第三方平台授权: 点击确定进入配置页: 1.2、扫描授权二维码 点击“微信公

  • 微信小程序配置 1.微信小程序使用流程 具体配置参考相关教程 uni-app编译版参考教程 uni-app编译版 uni-app开源版参考教程 uni-app开源版 2.微信小程序下载 打开后台-小程序-微信小程序-小程序源码下载,注:针对已购买小程序的客户,可选"编译版""开源版""更新包" 3.微信小程序装修 1.首页导航: (导航能够有效帮助粉丝跳转到各个关键页面,是整个店铺的“指南针”。)

  • 微信小程序 微信小程序扫码授权以后,用户在小程序点击客服按钮发送的消息会转发给机器人,机器人会自动回复消息给小程序用户,同一个微信小程序同时只能绑定一个机器人,如果绑定了新的机器人,之前绑定的机器人会解除绑定。 注:微信小程序渠道接入后,用户仅可以发送文字进行问答。 只需三步接入微信小程序,自动回答小程序上的用户问题: 1. 创建机器人 注册登录https://bot.4paradigm.com后

  • 本文向大家介绍微信小程序 Image组件实例详解,包括了微信小程序 Image组件实例详解的使用技巧和注意事项,需要的朋友参考一下 image组件也是一个程序不可缺少的,可以这样说一个app中image组件随处可以看到,一般 image有两种加载方式第一种是网络图片第二种是本地图片资源,都用src属性去指定。 重点属性: 三种缩放模式 九种剪切方式 wxml 相关文章: hello WeApp