微信小程序卡片横向滚动竖图

滚动并不是使用swiper,该方式使用的是scroll-view实现

Swiper局限性太多了,对竖图并不合适

从左往右滚动图片示例

微信小程序卡片横向滚动竖图_第1张图片

wxml代码:


            最新内容 >
            
                
                  
                      
                          
                      
                      
                          
                      
                      
                          
                      
                  
                
            
          

 js代码:

Page({
   data: {
      background: ['图片地址1','图片地址2','图片地址3']
   }
})

 wxss代码:

.img-x{
  z-index: 100;
}
.img-x-v{
  width: 300rpx;
  border-radius: 18rpx;
  height: 550rpx;
}

你可能感兴趣的:(微信小程序,notepad++,小程序)