Section 查看更多
优质
小牛编辑
127浏览
2023-12-01
Section 查看更多 平台差异说明
| App | H5 | 微信小程序 | 支付宝小程序 | 百度小程序 | 头条小程序 | QQ小程序 |
|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ |
基本使用
说明：此组件会在最左边显示一个竖条
- 通过
title参数设置主标题 - 通过
sub-title参数设置副标题
<u-section title="今日热门" sub-title="查看更多"></u-section>
是否显示右边内容
可以通过设置right为false来隐藏右边的内容
<u-section title="今日热门" :right="false"></u-section>
API
Props
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| title | 左边主标题 | String | - | - |
| sub-title | 右边副标题 | String | 更多 | - |
| right | 是否显示右边的内容 | Boolean | true | false |
| show-line 1.3.3 | 是否显示左边的竖条 | Boolean | true | false |
| font-size | 主标题的字体大小 | String | Number | 28 | - |
| bold | 主标题是否加粗 | Boolean | true | false |
| color | 主标题颜色 | String | #303133 | - |
| sub-color | 右边副标题的颜色(右箭头同此颜色) | String | #909399 | - |
| line-color 1.5.5 | 左边竖线的颜色，默认同color参数值 | String | - | - |
| arrow 1.6.0 | 是否显示右边箭头 | Boolean | true | false |
Events
| 事件名 | 说明 | 回调参数 | 版本 |
|---|---|---|---|
| click | 组件右侧的内容被点击时触发，用于跳转"更多" | - | - |
Slot
| 名称 | 说明 |
|---|---|
| right 1.6.0 | 自定义右侧内容 |