mpvue 小程序如何使用 iview weapp 中的 tabbar

先将 iview weapp 的 dist文件夹复制到项目的 static/iview 下（ 这没迅伍个步骤就不赘述了，不懂的可枯或以留言 ）。

在项目 ( app部分 ) 的 app.vue 中加昌丛入：

在页面 ( page部分 ) 的文件夹下新建 main.json 文件，写入：

在页面文件夹的 index.vue 文件里写入：

iview 这个 UI 框架想必大家都很熟了，这个搞 Vue 框架的颂悔基本素养。下面来看看小程序版的。

商城小程序必备的数字输入框。

在 .json 中引入组件

在 .wxml 中引入

下面是运行的效果，总的来看还是不错的。

还有个常用的动作面板。

从底部d出的模态框，提供和当前场握友景相关的 2 个以上的 *** 作动作，也支持提供标题和描述。内置固定的展示样式、不支持特别灵活的修改。

在 .json 中引入组件

在 .wxml 中引入组件

这个动作面板和微信小程序原生的动作面板有啥视觉的区别，一起来看看：

总的来讲 iview 还比较好看的。

更多用法去参考： https://weapp.iviewui.com/

另外有赞出品的 vant 框架小程序版，使用方法去看野皮正 小程序如何使用 npm 工具

---