【uni-app从入门到实战】uni-ui组件库的介绍和使用

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天，点击查看活动详情

日历组件使用

官方文档：扩展组件 uni-ui

uni-ui 是 DCloud 提供的一个跨端 ui 库，它是基于 vue 组件的、flex 布局的、无 dom 的跨全端ui 框架

uni-ui 不包括基础组件，它是基础组件的补充

我们来演示下使用日历组件， 点击下载&安装跳转 uni-calendar 日历页面，点击使用 HBuilderX 导入插件按钮

如果刚才的页面登录了账号的话，会打开 HBuilder 的这个页面，选择我们的项目导入日历插件（如果没有打开这个页面，请看下一小节的错误解决）

这样根目录下会增加 uni-calendar 目录和文件

我们在 index.vue 中使用下，直接放入以下代码即可：

<uni-calendar 
    :insert="true"
    :lunar="true" 
    :start-date="'2019-3-2'"
    :end-date="'2019-5-20'"
    @change="change"
     />

运行程序如图：

uni_modules处理外部应用请求未能完成

如果上一小节安装日历插件，HBuilder 有如下提示：

可以尝试打开工具——插件安装，找到 uni_modules 进行卸载

然后在安装新插件选项卡中，找到 uni_modules 重新安装即可