2020
10-08
10-08
微信小程序 scroll-view的使用案例代码详解
scroll-view:滚动视图使用view其实也能实现滚动,跟div用法差不多而scroll-view跟view最大的区别就在于:scroll-view视图组件封装了滚动事件,监听滚动事件什么的直接写方法就行。scroll-view纵向滚动添加属性scroll-y,然后写一个固定高度就行了,我主要说一下scroll-view的横向滚动scroll-x:我使用了display:flex;布局,特么的直接写在scroll-view上面,显示出来的结果总是不对头,试了好多次,得到了下面两种写法;第二种在s...
继续阅读 >
1.wxml代码:<viewclass="page"><importsrc="../../components/catering-item/catering-item.wxml"/><!--左侧滚动栏--><viewclass='under_line'></view><viewclass="body"><viewstyle='float:left'class='left'><scroll-viewscroll-yscroll-with-animationscroll-left="{{scrollLength}}"class='scrollY'style='height:{{winHeight}}px'><viewclass='allclear'><blockwx:key="tabs"wx:for="{{tabs}}"...