有你,世界才更有趣!

使用mpvue重构个人小程序(五)插件配置mpvue-calendar

插件下载

根据项目需求,先加载日历组件,为了不重复造轮子,直接

npm i mpvue-calendar
《使用mpvue重构个人小程序(五)插件配置mpvue-calendar》

或者

yarn add  mpvue-calendar
《使用mpvue重构个人小程序(五)插件配置mpvue-calendar》

下载完成,在需要的页面进行插件引用

import Calendar from 'mpvue-calendar'
《使用mpvue重构个人小程序(五)插件配置mpvue-calendar》
components: {
Calendar
},
《使用mpvue重构个人小程序(五)插件配置mpvue-calendar》

具体的可参照文档,不在此一一说明,文档地址:https://www.npmjs.com/package/mpvue-calendar

当你引用完但是界面并不是源文档所说的那样,那么还需要进一步引用样式:

在src / main.js 中配置即可。

import 'mpvue-calendar/src/style.css'

《使用mpvue重构个人小程序(五)插件配置mpvue-calendar》

插件原始样式:

《使用mpvue重构个人小程序(五)插件配置mpvue-calendar》

如果自己想修改样式,可以在自己文件中写style,设定为最高级 !importent

《使用mpvue重构个人小程序(五)插件配置mpvue-calendar》

我现在使用的情况为:

《使用mpvue重构个人小程序(五)插件配置mpvue-calendar》
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注