美文网首页
Taro/微信小程序 行内元素横向滚动

Taro/微信小程序 行内元素横向滚动

作者: 逸笛 | 来源:发表于2022-03-24 10:04 被阅读0次
图片.png
    <ScrollView
            scrollX
            className="scrollX"
          >
           {(activity || []).map((item) => {
                return (
                  <Image className='cover' key={item.id} src={item.img}></Image>
                );
              })}
          </ScrollView>
    .scrollX {
        margin: 20px 0 40px 0;
        width: 100vw;
        display: flex;
        // flex-wrap: nowrap;
        white-space: nowrap;
    }
    .cover {
        margin-right: 20px;
        display: inline-block;
        width: 345px;
        min-width: 345px;
        height: 180px;
        background: #B8E986;
        border-radius: 8px;
    }
    .cover:first-child {
        margin-left: 20px;
    }

相关文章

网友评论

      本文标题:Taro/微信小程序 行内元素横向滚动

      本文链接:https://www.haomeiwen.com/subject/jfekjrtx.html