# FooterView 页脚
页面底部slogan
# 引入说明
TIP
import FooterView from "jimoui/components/FooterView/FooterView";
1
# 代码演示
TIP
// 基础用法
<FooterView></FooterView>
<FooterView :clickText="'查看更多内容'" @clickMoreText="clickMoreText"></FooterView>
// 图片样式
<FooterView type="img"></FooterView>
<FooterView type="img" imgType="normal"></FooterView>
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
# 属性
以下属性均为非必填。
| 配置 | 用途 | 取值 | 使用描述 |
|---|---|---|---|
| type | 文本类型还是图片类型 | String | 默认"text"文本类型。 text:文本类型 img:图片类型 |
| imgType | 图片类型时，是默认灰色图片还是橙色图片 | String | 默认"default"灰色图片。 default：灰色图片 normal：橙色图片 |
| :footerText | 文本类型默认展示文案 | String | 默认"您已经拉到底了"。 |
| :footerTextColor | 文本类型默认文字颜色 | String | 默认"#CCCCCC"。 |
| :clickText | 设置可点击文案 | String | 默认为空。传入值则显示。 |
| :clickTextColor | 设置可点击文字颜色 | String | 默认"#FF680A"。 |
| :footerImg | 是图片类型时，设置图片替换默认图片 | String | 可不设置，有默认图片。若设置尺寸为 750x144px |
| @clickMoreText | 可点击文案，触发点击事件 | $Event | 可点击文案，触发点击事件 |
