即时原型(xiaopiu)-利用引用组件、状态轻松制作 Tab 菜单

作者:vkvi 来源:ITPOW(原创) 日期:2022-2-13

以手机下方的 Tab 菜单为例,先建一个 Tab 菜单,然后选中它,点击右边的引用,设置为“引用组件”。

双击,进入引用组件。

假如有 5 项,那么我们就添加 5 个状态,每个状态设置一对图标文字为高亮色。

在不同的状态下,不光可以改变图标、文字的颜色,还可以移动位置、设置不同的事件呢。注:如果原始态设置了 A 属性值,而没有为下面的状态单独设置该属性值,则下面的状态继承 A 属性值。

注意:可以对整个 Tab 设置状态,也可以对 Tab 里面的子组件设置状态,建议对整个 Tab 设置,因为后面简单些。

状态

然后,在页面中引用时,想要哪个高亮,就选择哪个状态。

引用组件,选择状态

总结

引用组件中,为不同的状态设置不同的高亮,引用时选择不同的状态。

顺道说一下,还有个替换文字、图标功能,有时候也挺有用噢。

相关阅读

相关文章