classroom-instruments/src/views/home/index.tsx

import { defineComponent } from 'vue';
import styles from './index.module.less';
import bannerPerson from './images/bannerPerson.png';
import { NImage } from 'naive-ui';
export default defineComponent({
  name: 'home-page',
  setup() {
    return () => (
      <div class={styles.homeWrap}>
        <div class={styles.homeInfoLeft}>
          <div class={styles.homeBanner}>
            <img class={styles.bannerPerson} src={bannerPerson}></img>
            <div class={styles.bannerInfo}>
              <h3>Hi，张老师 下午好！</h3>
              <p class={styles.bannerMsg}>
                您有 <span class={styles.bannerRed}> 4 </span>
                <span class={styles.bannerRrey}> 条消息未读，</span>
                <span class={styles.bannerRed}> 3 </span>
                门课程未布置作业，请及时处理哦！
              </p>
            </div>
          </div>
        </div>
        <div class={styles.homeInfoRight}></div>
      </div>
    );
  }
});