GraceUI 排序组件



排序组件

组件介绍

gui-order 排序组件可以快速实现一个排序按钮，点击可切换排序方式。

组件名称

gui-order : GraceUI 组件目录/gui-order.vue

兼容平台

H5	APP	小程序	NVUE
✔	✔	✔	✔

组件属性

属性名称	类型	默认值	作用
size	Number	18	箭头外层尺寸
fontSize	Number	36	箭头尺寸（因图标占位问题，外层要小于字体大小）
color	String	rgba(69, 90, 100, 0.5)	默认箭头颜色
activeColor	String	#FF0036	激活箭头颜色
orderBy	Number	0	默认排序方式 0 : 无排序，1 : 升序，2 : 降序
limit	Array	[0,2]	可切换范围，如 [ 1, 2 ] 代表在升序降序间切换

组件事件

change : 当组件被点击, 排序数据发生变化时触发，携带数据 : 0 : 无排序，1 : 升序，2 : 降序

组件插槽

您可以通过插槽实现定义元素，参与点击及内容展示；

使用建议

请使用一个 view 包裹 gui-order 组件，组件宽度等于外层宽度。

演示代码

UNI 普通版本

NVUE 版本

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