{"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      userSign: \"\"\n    };\n  },\n  methods: {},\n  async mounted() {\n    // let roomId = this.$route.query.roomId;\n    let userId = this.$route.query.userId;\n    // 获取usersign\n    await getUsersig(userId).then(res => {\n      console.log(res, \"pppppppppppppp\");\n      this.userSign = res.msg;\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  }\n};","map":{"version":3,"names":["getUsersig","name","components","data","userClass","userList","userHeight","userSign","methods","mounted","userId","$route","query","then","res","console","log","msg","created","length","userRow","Math","ceil"],"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            userSign:\"\"\n        };\n    },\n    methods: {\n\n    },\n    async mounted(){\n        // let roomId = this.$route.query.roomId;\n        let userId = this.$route.query.userId;\n        // 获取usersign\n        await getUsersig(userId).then(res=>{\n            console.log(res,\"pppppppppppppp\");\n            this.userSign = res.msg;\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    },\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;MACAC,QAAA;IACA;EACA;EACAC,OAAA,GAEA;EACA,MAAAC,QAAA;IACA;IACA,IAAAC,MAAA,QAAAC,MAAA,CAAAC,KAAA,CAAAF,MAAA;IACA;IACA,MAAAV,UAAA,CAAAU,MAAA,EAAAG,IAAA,CAAAC,GAAA;MACAC,OAAA,CAAAC,GAAA,CAAAF,GAAA;MACA,KAAAP,QAAA,GAAAO,GAAA,CAAAG,GAAA;IACA;EACA;EACAC,QAAA;IACA;IACA,SAAAb,QAAA,CAAAc,MAAA;MACA,KAAAf,SAAA;IACA,gBAAAC,QAAA,CAAAc,MAAA;MACA,KAAAf,SAAA;IACA,gBAAAC,QAAA,CAAAc,MAAA;MACA,KAAAf,SAAA;IACA,gBAAAC,QAAA,CAAAc,MAAA;MACA,KAAAf,SAAA;IACA;IACA,IAAAgB,OAAA,GAAAC,IAAA,CAAAC,IAAA,MAAAjB,QAAA,CAAAc,MAAA;IACAJ,OAAA,CAAAC,GAAA,CAAAI,OAAA;IACA,IAAAA,OAAA;MACA,KAAAd,UAAA;IACA;MACA,KAAAA,UAAA,OAAAc,OAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}