vue项目中使用mint-ui添加loading

vue项目中使用mint-ui添加loading_第1张图片

如图,在vue项目中使用mint-ui添加loading图标

方法:

1.下载

npm install mint-ui -S

2.在 main.js  引入样式

import 'mint-ui/lib/style.css';

3.在需要vue组件中引入

import { Indicator } from 'mint-ui';

vue项目中使用mint-ui添加loading_第2张图片

调用

    Indicator.open({
    	text: '加载中...',
      //文字
    	spinnerType: 'fading-circle',
      //样式
    });

vue项目中使用mint-ui添加loading_第3张图片

关闭

Indicator.close();

如有不足,欢迎下方补充

你可能感兴趣的:(mint-ui)