更新记录

1.8（2020-03-19）

修改文档说明错误字段信息问题

1.7（2019-07-31）

增加H5兼容

1.6（2019-07-11）

show() 方法中原来增加了一个消息参数，现在增加一个option参数， 为了大家方便调用

加这个参数是直接可以，添加一个标签，可以多种场景调用

例如说，失败我用type为error，成功则用type为success的，这样就不需要写多个标签了

平台兼容性

### AnLayer 使用说明

引入组件：

import anLayer from '@/components/an-layer/an-layer'

export default {
    components:{
        anLayer
    },
}

使用组件

<an-layer ref="anRef" autoClose="true" timer="3" type="info">
    <text>Hello Andot</text> <!-- 可以定义变量，这个也是废话，都知道{{message}} -->
</an-layer>

//开启 如果设置了autoClose 则自动关闭
this.$refs.anRef.show();
//关闭
this.$refs.anRef.close();

属性

1.1 更新版本说明

新增show方法直接传输提示消息参数

参数

使用方法

<an-layer ref="anRef" autoClose="true" timer="3" :type="type">
    <text>Hello Andot</text>   <!-- 写了show参数就不要写这里了，这个地方写不写，也倒是无所谓，如果你是强迫症，写上也没事，反正不会显示-->
</an-layer>

//开启 如果设置了autoClose 则自动关闭
this.$refs.anRef.show(‘'Hello Lucas');
//关闭
this.$refs.anRef.close();

//最终显示效果为 Hello Lucas 

1.2更新版本说明

增加弹出动画，缓慢下落动画

1.3（2019-07-03）

动画-和show里面添加参数整合 1.1版本和1.2版本的一个整合版，推荐使用

1.4（2019-07-04）

修复从下和右方向弹出出现的bug 美化界面

1.5（2019-07-05）

1、修复若干bug 2、增加左侧、右侧弹窗的标题 3、增加左侧、右侧弹窗的内容超出可以进行滚动

1.6 (2019-7-11)

show() 方法中原来增加了一个消息参数，现在增加一个option参数， 为了大家方便调用

加这个参数是直接可以，添加一个标签，可以多种场景调用

例如说，失败我用type为error，成功则用type为success的，这样就不需要写多个标签了

1.7 (2019-7-31)

对H5样式做兼容处理

直接这样书写（）

this.$refs.anRef.show("成功啦！", {
    type: 'success'
});
this.$refs.anRef.show("你失败了，你觉得应该吗？", {
    type: 'error'
});

option 是一个对象，里面有以下几个参数