微信小程序左右滑动

最新推荐文章于 2024-03-18 15:27:24 发布

少女彤

最新推荐文章于 2024-03-18 15:27:24 发布

阅读量711

点赞数 1

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

本文链接：https://blog.csdn.net/weixin_43244655/article/details/85626785

版权

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

3 篇文章 0 订阅

订阅专栏


<view class="container">
    <scroll-view scroll-x="true">
        <view class="uploadWrap" scroll-x="true">
          <text class="upload">品牌推荐</text>
          <text class="upload">美妆</text>
          <text class="upload">豪车推荐</text>
          <text class="upload">品牌推荐</text>
          <text class="upload">美妆</text>
          <text class="upload">豪车推荐</text>
          <text class="upload">品牌推荐</text>
          <text class="upload">美妆</text>
          <text class="upload">豪车推荐</text>
         
          <view class="upload_Item">
            <image class="upload_Item_img"  src="../../image/test1.jpg"></image>
          </view>
          <view class="upload_Item">
            <image class="upload_Item_img"  src="../../image/test1.jpg"></image>
          </view>
          <view class="upload_Item">
            <image class="upload_Item_img"  src="../../image/test1.jpg"></image>
          </view>
          <view class="upload_Item">
            <image class="upload_Item_img"  src="../../image/test1.jpg"></image>
          </view>
          <view class="upload_Item">
            <image class="upload_Item_img"  src="../../image/test1.jpg"></image>
          </view>
          <view class="upload_Item">
            <image class="upload_Item_img"  src="../../image/test1.jpg"></image>
          </view>
          <view class="upload_Item">
            <image class="upload_Item_img"  src="../../image/test1.jpg"></image>
          </view>
          <view class="upload_Item">
            <image class="upload_Item_img"  src="../../image/test1.jpg"></image>
          </view>
          <view class="upload_Item">
            <image class="upload_Item_img"  src="../../image/test1.jpg"></image>
          </view>
          <view class="upload_Item">
            <image class="upload_Item_img"  src="../../image/test1.jpg"></image>
          </view>
          <view class="upload_Item">
            <image class="upload_Item_img"  src="../../image/test1.jpg"></image>
          </view>
 
        </view>
        </scroll-view>
   </view>



.uploadWrap{
  height:160rpx; 
  width:100%; 
  display: flex; 
  display: -webkit-box; 
  flex-direction: column;
  }
.upload_Item{ 
  width: 160rpx;
   height: 160rpx; 
   padding:0rpx 15rpx;
    flex: 1;
  }
  .upload{
    padding:0rpx 15rpx;
    display:flex;
  }
.upload_Item_img{ 
  width: 160rpx; 
  height: 160rpx;
  }


          ```

少女彤

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
微信小程序左右滑动

&lt;view class="container"&gt; &lt;scroll-view scroll-x="true"&gt; &lt;view class="uploadWrap" scroll-x="true"&gt; &lt;text class="upload"&gt;品牌推荐&
复制链接

扫一扫

专栏目录