{"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":[]}