| 1 |
- {"ast":null,"code":"import { getUsersig } from '@/api/home';\nexport default {\n name: 'App',\n components: {},\n data() {\n return {\n userClass: \"userVideo\",\n userList: [1, 2, 3, 4, 5, 6, 7, 8, 8],\n userHeight: '100%'\n };\n },\n methods: {},\n created() {\n // 判断房间人数对应的样式\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 let userRow = Math.ceil(this.userList.length / 3);\n console.log(userRow, \"l\");\n if (userRow == 1) {\n this.userHeight == \"100%\";\n } else {\n this.userHeight = 1 / userRow * 100 - 2 + \"%\";\n }\n // 获取usersign\n getUsersig();\n }\n};","map":{"version":3,"names":["getUsersig","name","components","data","userClass","userList","userHeight","methods","created","length","userRow","Math","ceil","console","log"],"sources":["src/views/room.vue"],"sourcesContent":["<template>\n <div class=\"roompage\">\n <div :class=\"userClass\" :style=\"{height:userHeight}\" v-for=\"(item,index) in userList\" :key=\"index\"></div>\n </div>\n</template>\n \n<script>\nimport { getUsersig } from '@/api/home'\nexport default {\n name: 'App',\n components: {\n },\n data() {\n return {\n userClass:\"userVideo\",\n userList:[1,2,3,4,5,6,7,8,8],\n userHeight:'100%'\n };\n },\n methods: {\n\n },\n created() {\n // 判断房间人数对应的样式\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 let userRow = Math.ceil(this.userList.length/3);\n console.log(userRow,\"l\");\n if(userRow == 1){\n this.userHeight == \"100%\"\n }else{\n this.userHeight = (1/userRow)*100 - 2 + \"%\"\n }\n // 获取usersign\n getUsersig()\n },\n};\n</script>\n \n<style scoped>\n .roompage{\n width: 100%;\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: space-around;\n flex-wrap: wrap;\n }\n .userVideo{\n width: 100%;\n background-color: yellow;\n }\n .userVideo1{\n width: 48%;\n background-color: yellow;\n }\n .userVideo2{\n width: 33%;\n background-color: yellow;\n }\n .userVideo3{\n width: 33%;\n background-color: yellow;\n }\n</style>\n \n \n "],"mappings":"AAOA,SAAAA,UAAA;AACA;EACAC,IAAA;EACAC,UAAA,GACA;EACAC,KAAA;IACA;MACAC,SAAA;MACAC,QAAA;MACAC,UAAA;IACA;EACA;EACAC,OAAA,GAEA;EACAC,QAAA;IACA;IACA,SAAAH,QAAA,CAAAI,MAAA;MACA,KAAAL,SAAA;IACA,gBAAAC,QAAA,CAAAI,MAAA;MACA,KAAAL,SAAA;IACA,gBAAAC,QAAA,CAAAI,MAAA;MACA,KAAAL,SAAA;IACA,gBAAAC,QAAA,CAAAI,MAAA;MACA,KAAAL,SAAA;IACA;IACA,IAAAM,OAAA,GAAAC,IAAA,CAAAC,IAAA,MAAAP,QAAA,CAAAI,MAAA;IACAI,OAAA,CAAAC,GAAA,CAAAJ,OAAA;IACA,IAAAA,OAAA;MACA,KAAAJ,UAAA;IACA;MACA,KAAAA,UAAA,OAAAI,OAAA;IACA;IACA;IACAV,UAAA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
