微信小程序之scroll-view-导航栏左右滑动

最新推荐文章于 2024-05-09 16:29:33 发布

怎奈你何

最新推荐文章于 2024-05-09 16:29:33 发布

阅读量1.5k

点赞数

分类专栏：微信小程序文章标签：小程序

原文链接：https://blog.csdn.net/weixin_40344560/article/details/81118769

版权

微信小程序专栏收录该内容

36 篇文章 2 订阅

订阅专栏

wxml如下：

<scroll-view class='scrollView' scroll-x='true'>

<view class='cc'>

<view class='vvv' wx:for='{{20}}'>225</view>

</view>

</scroll-view>

wxss如下：

.cc {
/* 关键 white-space: nowrap; */

white-space: nowrap;

height: 200rpx;

width: 100%;

background: orange;

}

 

.cc>view {
width: 300rpx;

height: 200rpx;

box-sizing: content-box;

font-size: 24rpx;

line-height: 200rpx;

text-align: center;

/* 关键 display: inline-block; */

display: inline-block;

overflow: hidden;

background: purple;

border: 1rpx solid white;

color: white;

}

转自：https://blog.csdn.net/weixin_40344560/article/details/81118769