uni

您所在的位置:网站首页 ppt动画效果怎么设置一行一行出来两行 uni

uni

2024-07-05 09:52| 来源: 网络整理| 查看: 265

效果如下所示,就是两行列表同步滑动: 在这里插入图片描述

这个横向滚动肯定还是用scroll-view组件,重要的是里面item样式排列,要用到flex布局:

... ... scroll-view { white-space: nowrap; } /* 去除滚动条 */ ::-webkit-scrollbar { display:none; width:0; height:0; color:transparent; } .nav-bar-wrap { // 关键的样式 display: flex; flex-flow: column wrap; height: 400rpx; } .nav-bar-item { width: 400rpx; display: flex; height: 170rpx; margin-top: 18rpx ; position: relative; }

ok,然后就阔以看到效果了。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3