| 对比新文件 |
| | |
|---|
| | | import { defineComponent } from 'vue' |
|---|
| | | import styles from './BaseContent.module.scss' |
|---|
| | | import Icon from '../Icon/Icon' |
|---|
| | | export default defineComponent({ |
|---|
| | | name: '绯荤粺閰嶇疆绛塁ontent', |
|---|
| | | props: { |
|---|
| | | title: { |
|---|
| | | type: String, |
|---|
| | | default: '鏍囬', |
|---|
| | | }, |
|---|
| | | icon: { |
|---|
| | | type: String, |
|---|
| | | default: '', |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | setup(props, { slots }) { |
|---|
| | | return () => ( |
|---|
| | | <div class={styles.container}> |
|---|
| | | <div class={styles.header}> |
|---|
| | | <Icon width={22} height={22} icon={props.icon} /> |
|---|
| | | <div class={styles.title}>{props.title}</div> |
|---|
| | | </div> |
|---|
| | | <div class={styles.content}>{slots.default?.()}</div> |
|---|
| | | <footer class={styles.footer}>{slots.footer?.()}</footer> |
|---|
| | | </div> |
|---|
| | | ) |
|---|
| | | }, |
|---|
| | | }) |
|---|
