33 lines
1.1 KiB
Markdown
33 lines
1.1 KiB
Markdown
|
|
# infoLeft组件
|
|||
|
|
|
|||
|
|
### 说明
|
|||
|
|
- 通用的头部信息显示组件,demo如下
|
|||
|
|
|
|||
|
|
``` js
|
|||
|
|
import InfoLeft from '@/components/InfoLeft/index.vue';
|
|||
|
|
|
|||
|
|
const imgUrl = '';
|
|||
|
|
const infoText = '';
|
|||
|
|
const infoSubText = '';
|
|||
|
|
const clickFun = ()=>{
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
<InfoLeft :imgUrl="imgUrl" :infoText="infoText" :infoSubText="infoSubText" @click="clickFun" />
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### Props
|
|||
|
|
|
|||
|
|
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|||
|
|
|-----------|------------------------|----------------------------|----------|-----------|
|
|||
|
|
| imgUrl | 图片路径 | string | - | - |
|
|||
|
|
| infoText | 主标题 | string | - | - |
|
|||
|
|
| infoSubText | 副标题 | string | - | - |
|
|||
|
|
|
|||
|
|
### Emits
|
|||
|
|
|
|||
|
|
注意:以下事件都是组件内部对应的按钮点击触发,如果用插槽自定义对应区域的内容的话,事件自行监听即可
|
|||
|
|
|
|||
|
|
| 方法 | 说明 | 返回值 |
|
|||
|
|
|-----------|--------|-----------------------|
|
|||
|
|
| click | 关注按钮点击事件 | 无 |
|