微信小程序实现滑动布局

肖雄熊

已于 2022-02-09 16:53:30 修改

阅读量454

点赞数

文章标签：微信小程序小程序

于 2022-02-09 16:53:24 首次发布

本文链接：https://blog.csdn.net/m0_63507260/article/details/122845465

版权

效果展示

自己把代码运行一遍自己看

控件布局

wxml文件

<view class="module-group">
 
  <view class="module-title">
    <view class="titlename">电影</view>
    <!--“更多”点击跳转的-->
    <navigator class="more">更多</navigator>
  </view>
 
  <scroll-view class="scroll-view" scroll-x="{true}}">
 
    <navigator class=" item-scrollview ">
      <view class="item-group ">
        <view class="thumbnail-group ">
          <image class="thumbnail " src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2576090251.jpg ">
          </image>
        </view>
        <view class="movie-name ">误杀误杀误杀误杀误杀误杀误杀</view> 
      </view>
    </navigator>
 
 
    <navigator class=" item-scrollview ">
      <v