Section 查看更多

该组件一般用于分类信息有很多,但是限于篇幅只能列出一部分,让用户通过”查看更多”获得更多信息的场景,实际效果见演示。

平台差异说明

AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序

基本使用

说明:此组件会在最左边显示一个竖条

  • 通过title参数设置主标题
  • 通过sub-title参数设置副标题
  1. <u-section title="今日热门" sub-title="查看更多"></u-section>

是否显示右边内容

可以通过设置rightfalse来隐藏右边的内容

  1. <u-section title="今日热门" :right="false"></u-section>

API

Props

参数说明类型默认值可选值
title左边主标题String--
sub-title右边副标题String更多-
right是否显示右边的内容Booleantruefalse
font-size主标题的字体大小String | Number28-
bold主标题是否加粗Booleantruefalse
color主标题颜色String#303133-
sub-color右边副标题的颜色(右箭头同此颜色)String#909399-

Events

事件名说明回调参数版本
click组件右侧的内容被点击时触发,用于跳转”更多”--