new Vue({
    el: '#app',
    data: function () {
        return {
            // 是否显示新闻
            isShowNews: false,

            //是否登录
            isLogin: true,
            isLogin2: false,
            //箭头
            isClick: false,
            arrowImg: "",


            msg: '',
            //   存储信息的数组
            msgList: [],
            //   邀请码
            inviteCode: '',
        };

    },
    methods: {
        handleSenBtnClick() {
            console.log(this.msg)
            let msg = this.msg
            if (!msg.trim().length) {
                return
            }
         
            this.msgList.push(msg)
            this.msg = '';



setTimeout(()=>{
    var scrollDom =document.getElementById('ID');
    var a =document.getElementById('ID').scrollHeight
    document.getElementById('ID').scrollTo(0, a)
},10)



        },
        // 单击显示新闻
        handlerNews() {
            console.log('11');
            this.isShowNews = !this.isShowNews
        },
        // 鼠标移出不显示新闻
        closeShowNews() {
            this.isShowNews = false
        },
        //显示退出按钮
        clickArrow() {
            this.isClick = !this.isClick;
            // if(this.isClick){
            //     this.arrowImg = "./image/right.png"
            // }else{
            //     this.arrowImg = "./image/bottom.png"
            // }
        },
        //退出登录
        logOut() {
            this.isLogin = false;
            this.isLogin2 = true;
        }
    },
    mounted() {

    },
    // 键盘事件
    created() {
        g = this;
        document.onkeydown = function (e) {
            let key = window.event.keyCode;
            console.log(key)
            if (key == 13) {
                g.handleSenBtnClick();
            }
        }
    },
})




// banner图表线
var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;

option = {
    xAxis: {
        type: 'category',
        data: [],
        axisLine: {
            show: false
        }
    },
    yAxis: {
        type: 'category',
        data: [],
        axisLine: {
            show: false
        }
    },
    series: [{
        data: [150, 140, 140, 138, 160, 147, 130, 140, 135, 148, 156, 139, 125],
        type: 'line',
        symbol: "none",
    }]
};

option && myChart.setOption(option);


// banner图表线
var chartDom2 = document.getElementById('main2');
var myChart2 = echarts.init(chartDom2);
var option2;

option2 = {
    xAxis: {
        type: 'category',
        data: [],
        axisLine: {
            show: false
        }
    },
    yAxis: {
        type: 'category',
        data: [],
        axisLine: {
            show: false
        }
    },
    series: [{
        data: [150, 140, 140, 138, 160, 147, 130, 140, 135, 148, 156, 139, 125],
        type: 'line',
        symbol: "none",
    }]
};

option2 && myChart2.setOption(option2);


// banner图表线
var chartDom3 = document.getElementById('main3');
var myChart3 = echarts.init(chartDom3);
var option3;

option3 = {
    xAxis: {
        type: 'category',
        data: [],
        axisLine: {
            show: false
        }
    },
    yAxis: {
        type: 'category',
        data: [],
        axisLine: {
            show: false
        }
    },
    series: [{
        data: [150, 140, 140, 138, 160, 147, 130, 140, 135, 148, 156, 139, 125],
        type: 'line',
        symbol: "none",
    }]
};

option3 && myChart3.setOption(option3);


// banner图表线
var chartDom4 = document.getElementById('main4');
var myChart4 = echarts.init(chartDom4);
var option4;

option4 = {
    xAxis: {
        type: 'category',
        data: [],
        axisLine: {
            show: false
        }
    },
    yAxis: {
        type: 'category',
        data: [],
        axisLine: {
            show: false
        }
    },
    series: [{
        data: [150, 140, 140, 138, 160, 147, 130, 140, 135, 148, 156, 139, 125],
        type: 'line',
        symbol: "none",
    }]
};

option4 && myChart4.setOption(option4);