.discover-tabs{
width: 100%;
display: grid;
grid-template-columns: repeat(3,1fr);
.tab {
height: 80px;
background: rgba(255, 255, 255, 0.01);
display: flex;
justify-content: center;
align-items: center;
border-bottom: 2px solid #F3F3F3;
border-top: 2px solid #F3F3F3;
font-size: 30px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: $neutrals-color-icon;
}
<View className="discover-tabs">
{tabs.map(item => (
<View
key={item.type}
className={classNames("tab", { active: curType === item.type })}
onClick={() => {
this.changeTab(item.type);
}}
>
{item.name}
</View>
))}
</View>
原文地址:https://blog.csdn.net/weixin_43392489/article/details/120032364
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。