| 1 |
- {"ast":null,"code":"export default {\n name: 'App',\n components: {},\n data() {\n return {\n userClass: \"\",\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","length"],"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:\"\",\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: 100%;\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,SAAAF,QAAA,CAAAG,MAAA;MACA,KAAAJ,SAAA;IACA,gBAAAC,QAAA,CAAAG,MAAA;MACA,KAAAJ,SAAA;IACA,gBAAAC,QAAA,CAAAG,MAAA;MACA,KAAAJ,SAAA;IACA,gBAAAC,QAAA,CAAAG,MAAA;MACA,KAAAJ,SAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
