微信小程序 wepy框架与iview-weapp的用法详解


Posted in Javascript onApril 10, 2019

 最近在弄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里引用组件

微信小程序 wepy框架与iview-weapp的用法详解

微信小程序 wepy框架与iview-weapp的用法详解

微信小程序 wepy框架与iview-weapp的用法详解

总结

以上所述是小编给大家介绍的微信小程序 wepy框架与iview-weapp的用法,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧!

Javascript 相关文章推荐
js TextArea的选中区域处理
Dec 28 Javascript
中国地区三级联动下拉菜单效果分析
Nov 15 Javascript
document.forms用法示例介绍
Jun 26 Javascript
js实时获取并显示当前时间的方法
Jul 31 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
Sep 04 Javascript
Bootstrap每天必学之表单
Nov 23 Javascript
使用jsonp实现跨域获取数据实例讲解
Dec 25 Javascript
Node.js连接Sql Server 2008及数据层封装详解
Aug 27 Javascript
如何能分清npm cnpm npx nvm
Jan 17 Javascript
微信内置开发 iOS修改键盘换行为搜索的解决方案
Nov 06 Javascript
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
解决vant-UI库修改样式无效的问题
Nov 03 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
Apr 10 #jQuery
详解Vue源码学习之双向绑定
Apr 10 #Javascript
node.js 基于cheerio的爬虫工具的实现(需要登录权限的爬虫工具)
Apr 10 #Javascript
详解关于html,css,js三者的加载顺序问题
Apr 10 #Javascript
angular2 NgModel模块的具体使用方法
Apr 10 #Javascript
bootstrap tooltips在 angularJS中的使用方法
Apr 10 #Javascript
javascript判断一个变量是数组还是对象
Apr 10 #Javascript
You might like
用Flash图形化数据(二)
2006/10/09 PHP
php生成excel文件的简单方法
2014/02/08 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
PHP怎样用正则抓取页面中的网址
2016/08/09 PHP
Mac下快速搭建PHP开发环境步骤详解
2019/05/05 PHP
laravel http 自定义公共验证和响应的方法
2019/09/29 PHP
“不能执行已释放的Script代码”错误的原因及解决办法
2007/09/09 Javascript
javascript 表单验证常见正则
2009/09/28 Javascript
教您去掉ie网页加载进度条的方法
2010/12/09 Javascript
用JS控制回车事件的代码
2011/02/20 Javascript
jq实现酷炫的鼠标经过图片翻滚效果
2014/03/12 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
js和jquery设置disabled属性为true使按钮失效
2014/08/07 Javascript
DOM基础教程之事件类型
2015/01/20 Javascript
JavaScript判断是否为数组的3种方法及效率比较
2015/04/01 Javascript
JavaScript实现非常简单实用的下拉菜单效果
2015/08/27 Javascript
JavaScript File API实现文件上传预览
2016/02/02 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
JS及PHP代码编写八大排序算法
2016/07/12 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
2017/04/11 Javascript
js匿名函数使用&传参(实例)
2017/09/08 Javascript
JS声明对象时属性名加引号与不加引号的问题及解决方法
2018/02/16 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
2018/09/12 Javascript
基于JavaScript实现每日签到打卡轨迹功能
2018/11/29 Javascript
vue项目出现页面空白的解决方案
2019/10/31 Javascript
python MySQLdb Windows下安装教程及问题解决方法
2015/05/09 Python
Python操作csv文件实例详解
2017/07/31 Python
python [:3] 实现提取数组中的数
2019/11/27 Python
HTML5中判断横屏竖屏的方法(移动端)
2016/08/04 HTML / CSS
德国PC硬件网站:CASEKING
2016/10/20 全球购物
AE美国鹰日本官方网站: American Eagle Outfitters
2016/12/10 全球购物
丝芙兰意大利官方网站:Sephora.it
2019/12/13 全球购物
Linux文件系统类型
2012/02/15 面试题
2014年审计工作总结
2014/11/17 职场文书
2014年宣传思想工作总结
2014/12/10 职场文书
导游词之西递宏村
2019/12/10 职场文书