GraceUI - 可切换导航多行模式



可切换导航多行模式

GraceUI 可切换导航多行模式，可以对导航信息进行描述，并带有切换动画 ( nvue 暂不支持动画 ) ;

组件名称

graceNavBar2 : /graceUI/组件目录/graceNavBar2

组件属性

属性名称	类型	默认值	作用
isCenter	Boolean	false	项目整体居中
currentIndex	Number	0	选中项目索引
size	Number	138	选项宽度，单位 rpx
fontSize	String	28rpx	文本尺寸
activeFontSize	String	30rpx	激活后文本尺寸
lineHeight	Number	52	导航标题行高，单位 rpx
fontSizeSmall	String	22rpx	描述文本尺寸
lineHeightSamll	Number	28rpx	描述文本行高
items	Array	[]	导航选项数组
color	String	#333333	导航文本默认颜色
descColor	String	#999999	描述文本默认颜色
activeColor	String	#3688FF	激活文本颜色
bgColor	String	#FFFFFF	组件背景颜色
autoLeft 2020.05.01 新增	String	空	[ nvue 模式暂不支持] 激活选项是否自动滚动到最左侧，设置为 no 代表不自动
scorllAnimation 2020.11.16 新增	Boolean	false	是否产生滚动动画

演示代码

UNI 普通版本

NVUE 版本

微信小程序独立版本

登录并购买 GraceUI 后可以查阅完整手册内容。