dy-admin-live/src/components/live-message/message.tsx

import { defineComponent } from "vue";
import styles from './message.module.less';


type optionsType = 'ALL' | 'JOIN'
export default defineComponent({
  name: 'message',
  data() {
    return {
      options: 'ALL' as optionsType
    }
  },
  render() {
    return (
      <div class={styles.message}>
        <div class={styles.buttonGroup}>
          <div class={[this.options === 'ALL' ? styles.active : null, styles.btn]}>全体禁言</div>
          <div class={styles.btn}>禁止连麦</div>
        </div>
      </div>
    )
  }
})