一个函数搞定等待提示（promise-gif v5发布，多例、任意定位）

axios.get('http://www.xxx.tt')
     .gif()        //就是这个函数 gif()
     .then(res => {
         //成功的处理
     })
     .catch(err => {
         //失败的处理
     })Copy

//图片src也可以直接传递base64编码
promiseInstance.gif({width: '3rem', height: '3rem', src: 'wait.gif'})Copy

//请求成功会显示 Resolved：数据
//失败会显示 Rejected：错误信息
promiseInstance.gif({log: true})Copy

axios.get('http://www.xxx.tt')
     .gif()        //首次调用
     .then(res1 => {
         //处理成功的请求，
         return axios.post();
     })
     .gif()        //再次调用
     .then(res2 => {
         //接着处理
     })
Copy

//安装
npm install zhaiduting/promise-gif
//或者这样安装
npm install github:zhaiduting/promise-gif

//在app.js文件里面加载这个函数（挂载到全局Promise对象的原型链上）
Promise.prototype.gif= require('@zhaiduting/promise-gif').default;

//加载之后就可以在vue组件内部直接调用了
promiseInstance.gif().then().catch()

//卸载方法如下（有个@符号）
npm remove @zhaiduting/promise-gif
Copy

promiseInstance.gif({
    box: "#sample2-box"
})Copy

//在盒内靠右对齐
//中心点横坐标+50%就是右边框，再-50px刚好右对齐（图片宽度100px）
promiseInstance.gif({
    width: "100px",
    height: "100px",
    x: "+50%-50px",
    box: "#sample2-box"
})Copy

//添加一个id=promise-gif0的图片，盒内居中显示
promiseInstance.gif({
    box: "#sample2-box",
    id: "promise-gif0"
})

//再添加一个id=promise-gif3的图片，盒内左对齐
//不指定图片大小时，默认长、宽都是30px
promiseInstance.gif({
    x: "-50%+15px",
    box: "#sample2-box",
    id: "promise-gif3"
})Copy