| 1 |
- {"ast":null,"code":"export default {\n name: 'Footer',\n components: {},\n data() {\n return {};\n },\n methods: {\n exitRoom() {\n this.$emit('exitRoom');\n }\n },\n mounted() {}\n};","map":{"version":3,"names":["name","components","data","methods","exitRoom","$emit","mounted"],"sources":["src/views/components/roomFooter.vue"],"sourcesContent":["<template>\n <div class=\"roomFooter\">\n <div class=\"mic\">\n <img class=\"iconImg\" src=\"@/assets/mic_on.png\" alt=\"\">\n <div class=\"title\">麦克风</div>\n </div>\n <div class=\"video\">\n <img class=\"iconImg\" src=\"@/assets/video_on.png\" alt=\"\">\n <div class=\"title\">摄像头</div>\n </div>\n <div class=\"record\">\n <img class=\"iconImg\" src=\"@/assets/record_on.png\" alt=\"\">\n <div class=\"title\">开始录制</div>\n </div>\n <div class=\"empty\"></div>\n <div class=\"outRoom\" @click=\"exitRoom\">\n <el-button type=\"danger\">退出房间</el-button>\n </div>\n </div>\n</template>\n \n<script>\nexport default {\n name: 'Footer',\n components: {\n \n },\n data() {\n return {\n\n };\n },\n methods: {\n exitRoom(){\n this.$emit('exitRoom');\n }\n },\n mounted() {\n\n },\n};\n</script>\n \n<style scoped>\n.roomFooter{\n width: 100%;\n height: 100%;\n display: flex;\n}\n.mic,.video,.record,.outRoom{\n cursor: pointer;\n width: 10%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.iconImg{\n width: 30%;\n height: 60%;\n}\n.title{\n color: aliceblue;\n}\n.empty{\n width: 60%;\n height: 100%;\n}\n</style>\n \n \n "],"mappings":"AAsBA;EACAA,IAAA;EACAC,UAAA,GAEA;EACAC,KAAA;IACA,QAEA;EACA;EACAC,OAAA;IACAC,SAAA;MACA,KAAAC,KAAA;IACA;EACA;EACAC,QAAA,GAEA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
