使用组件

问题描述

页面内使用了uView的tabs标签组件，配合Swiper轮播图组件作为可轮播切换的商品列表页。

解决方案

在需要使用到navbarHeight的页面中引入mixin后，针对无法通过js修改外部引入组件样式的场景，想了半天最终是在组件的外部包裹多一层view：

!--对uni-nav-bar组件进行二次封装的nav组件--demo-navbarleft-icon="back"status-barfixed:title="navBarTitle"id="navbar"/demo-navbar!--tab栏区域--viewclass="tabs":style="{top:navbarHeight+'px'}"u-tabsactive-color="rgb(42,161,223)":list="list":current="current"@change="change"/u-tabs/view

吸顶样式很简单：

.tabs{position:sticky;z-index:999;}

总结

下期给大家分享更多实战中的点滴，敬请期待~