企业建站怎么选择,做网站学费多少钱,网站怎样做的高大上,美团网站是用什么做的滚动并不是使用swiper#xff0c;该方式使用的是scroll-view实现
Swiper局限性太多了#xff0c;对竖图并不合适
从左往右滚动图片示例 wxml代码#xff1a;
view classimg-x stylemargin-top: 10px;view stylemargin: 20rpx;…滚动并不是使用swiper该方式使用的是scroll-view实现
Swiper局限性太多了对竖图并不合适
从左往右滚动图片示例 wxml代码
view classimg-x stylemargin-top: 10px;view stylemargin: 20rpx;font-family: auto;font-weight: bold;font-size: medium;最新内容 /viewscroll-view scroll-x view styledisplay: flex;flex-direction: row;block wx:for{{background}} wx:key*thisview wx:if{{index!0index!(background.length-1)}} stylemargin-left: 10rpx;margin-right: 10rpx;image modeaspectFill classimg-x-v src{{item}}/image/viewview wx:if{{index0}} stylemargin-right: 5rpx;image modeaspectFill classimg-x-v src{{item}}/image/viewview wx:if{{index(background.length-1)}} stylemargin-left: 5rpx;image modeaspectFill classimg-x-v src{{item}}/image/view/block/view/scroll-view/view js代码
Page({data: {background: [图片地址1,图片地址2,图片地址3]}
}) wxss代码
.img-x{z-index: 100;
}
.img-x-v{width: 300rpx;border-radius: 18rpx;height: 550rpx;
}
