node-webpack-vue--集成mint-ui-Toast

41:集成mint-ui

 网址：https://mint-ui.github.io/docs/#/zh-cn2/toast

npm i mint-ui -S

2：在main.js 全局引入mint-ui

import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)

3：引用mint-ui  Toast

import { Toast } from 'mint-ui'

4：引用mint-ui  Toast

Toast({
                    message: '提示',
                    position: 'middle',
                    duration: -1,
                    iconClass: "glyphicon glyphicon-heart", //设置 图标类
                    className: "mytoast" //自定义Toast 样式，需要自己提供一个类名
                });

5：Toast可以绑定图标

6：这里引入的是bootstrap3的

7：npm i bootstrap@3 -D

8：

在main.js // 导入bootstrap样式
import 'bootstrap/dist/css/bootstrap.css'
//导入自定义样式
import './css/app.css'

9：app.css是处理图标样式

10：

.mytoast i{
     color: red !important;
 }