小程序 wepy框架 + iview-weapp的用法

更新日期: 2019-04-09 阅读: 3.2k 标签: iview

最近在弄wepy的时候在想有没有什么ui比较合适一点的wepy的,也是在网上看了好久发现iview还不错。引用简单,上手超快,组件绚丽!当然,这里还介绍下微信官方建议的框架也是和不错的,有需要的可以看看(https://github.com/Tencent/weui-wxss),这里主要做view-weapp的介绍

 

小程序相关项目

1.wepy项目     https://github.com/Tencent/wepy
2.iview-weapp https://weapp.iviewui.com/
3.官网api        https://developers.weixin.qq.com/miniprogram/dev/api/

 

使用:

1.在新建项目、安装依赖完成的前提下,请继续操作。

2.到iview-weapp官网下载官方代码,保存到任意目录(备用)。

3.到你当前项目的src目录下新建view文件夹(例:myproject/src/view)

4.解压下载的官方,打开iview-weapp/src 目录 复制里面的所有文件夹到 myproject/src/view

5.在页面的 config 配置项里引用 src 里面的组件,用法:如图

6.在template里引用组件


本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/article/detial/2770

iview-admin多环境配置打包

由于目前我在公司已经搭建了Jenkins来进行一键系统发布,同时存在测试和生产两套环境。但是目前iview-admin是不支持的,只好自己进行改造了。可以使用vue-cli 3.0的环境变量和模式特性来支持多环境配置打包。

基于iview的router常用控制方式

最近在使用iview框架写项目,遇到了一些路由控制上的问题,解决过程中也有一些心得,故在此记录下来.每个项目在开发时,对于类似tags(标签页)的控制需求都不尽相同

iView使用特殊点总结

对iView使用过程中一些特殊的地方进行总结,Table导出csv嵌套对象;Table中添加图片;Table中Input等元素操作修改data值;Form表单对数字校验

iview 自定义指令实现Table左右横向拖拽

有时候表格内容会很多,需要横向滚动查看右边的内容,又不想到底部拖动滚动条,如果能直接在内容中拖动就好了,这个时候就可以用 Vue 的自定义指令来实现了。

iview 酸爽debug: subMenu默认选中无效的解决方法

因为这个subMenu是动态生成的, 他的name我设置为动态生成过程中的index, 所以第一个subMenu的name是0.根据上述设定, 参考官网的说明,使用activeName=0来表示激活的name

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!