开发指南
组件
- 起步
- 基础组件
- 表单组件
- 数据组件
- 反馈组件
- 布局组件
- 导航组件
- 其他组件
JS
- 开发指南
- 网络
- 工具库
模板
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
Section 查看更多
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 | 自定义右侧内容 |
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论