| 属性名 | 含义 | 类型 | 必填 | 默认值 |
|---|---|---|---|---|
| url | 头像图片路径 | String | 是 | 无 |
| size | 头像尺寸，宽高相等 | Number | 否 | 150 |
图标组件
使用的图标源来自于「阿里巴巴矢量库」
| 属性名 | 含义 | 类型 | 必填 | 默认值 |
|---|---|---|---|---|
| type | 图标类型 | String | 是 | 无 |
有效的图标类型：
| 属性名 | 含义 | 类型 | 必填 | 默认值 |
|---|---|---|---|---|
| current | 当前页码 | Number | 否 | 1 |
| total | 总数据量 | Number | 否 | 0 |
| limit | 页容量 | Number | 否 | 10 |
| visibleNumber | 可见页码数 | Number | 否 | 10 |
| 事件名 | 含义 | 事件参数 | 参数类型 |
|---|---|---|---|
| pageChange | 页码变化 | 新的页码 | Number |
该组件需要在外层容器中横向垂直居中
| 属性名 | 含义 | 类型 | 必填 | 默认值 |
|---|---|---|---|---|
| text | 显示的文字 | String | 否 | "无数据" |
该组件可以实现一个渐进式图片
| 属性名 | 含义 | 类型 | 必填 | 默认值 |
|---|---|---|---|---|
| src | 原始图片的路径 | String | 是 | 无 |
| placeholder | 原始图片加载完成前的占位图片 | String | 是 | 无 |
| duration | 原始图片加载完成后，切换到原始图经过的毫秒数 | Number | 否 | 500 |
<ImageLoader
src="https://images.pexels.com/photos/33109/fall-autumn-red-season.jpg?fit=crop&crop=entropy&w=3456&h=2304"
placeholder="https://images.pexels.com/photos/33109/fall-autumn-red-season.jpg?w=100"
/>
该组件需要横向撑满容器，背景色透明
如何实现点击弹出QQ对话？
设置超链接为：tencent://message/?Menu=yes&uin=要对话的QQ号&Service=300&sigT=45a1e5847943b64c6ff3990f8a9e644d2b31356cb0b4ac6b24663a3c8dd0f8aa12a595b1714f9d45
如何实现点击弹出发送邮件？
设置超链接为：mailto:邮件地址
该组件需要横向撑满容器，背景色透明
每个菜单的信息如下：
首页
链接地址：/
选中条件：路径等于 /
文章
链接地址：/blog
选中条件：路径以
/blog开头关于我
链接地址：/about
选中条件：路径等于
/about项目&效果
链接地址：/project
选中条件：路径等于
/project留言板
链接地址：/message
选中条件：路径等于
/message
网站侧边栏
宽度和高度撑满外层容器