{"ast":null,"code":"export default {\n  name: 'App',\n  components: {},\n  data() {\n    return {\n      userClass: \"userVideo\",\n      userList: [1, 2, 3, 4]\n    };\n  },\n  methods: {},\n  mounted() {\n    // if(this.userList.length == 1){\n    //     this.userClass = 'userVideo'\n    // }else if(this.userList.length == 2){\n    //     this.userClass = \"userVideo1\"\n    // }else if(this.userList.length == 3){\n    //     this.userClass = \"userVideo2\"\n    // }else if(this.userList.length > 3){\n    //     this.userClass = \"userVideo3\"\n    // }\n  }\n};","map":{"version":3,"names":["name","components","data","userClass","userList","methods","mounted"],"sources":["src/views/room.vue"],"sourcesContent":["<template>\n    <div class=\"roompage\">\n        <div :class=\"userClass\" v-for=\"(item,index) in userList\" :key=\"index\"></div>\n    </div>\n</template>\n  \n<script>\nexport default {\n    name: 'App',\n    components: {\n    },\n    data() {\n        return {\n            userClass:\"userVideo\",\n            userList:[1,2,3,4]\n        };\n    },\n    methods: {\n\n    },\n    mounted() {\n        // if(this.userList.length == 1){\n        //     this.userClass = 'userVideo'\n        // }else if(this.userList.length == 2){\n        //     this.userClass = \"userVideo1\"\n        // }else if(this.userList.length == 3){\n        //     this.userClass = \"userVideo2\"\n        // }else if(this.userList.length > 3){\n        //     this.userClass = \"userVideo3\"\n        // }\n    },\n};\n</script>\n  \n<style scoped>\n    .roompage{\n        width: 100%;\n        height: 100vh;\n        /* display: flex; */\n    }\n    .userVideo{\n        width: 100%;\n        height: 95%;\n        background-color: yellow;\n    }\n    .userVideo1{\n        width: 50%;\n        height: 100%;\n        background-color: yellow;\n    }\n</style>\n  \n  \n  "],"mappings":"AAOA;EACAA,IAAA;EACAC,UAAA,GACA;EACAC,KAAA;IACA;MACAC,SAAA;MACAC,QAAA;IACA;EACA;EACAC,OAAA,GAEA;EACAC,QAAA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EAAA;AAEA"},"metadata":{},"sourceType":"module","externalDependencies":[]}