微信小程序中scroll-view中不设定高度实现自动滚动
1星 需积分: 50 53 浏览量
2018-09-17
18:03:48
上传
评论
收藏 56KB DOCX 举报 
小程序布局总结
实现场景：
1、顶部固定，不随页面的滑动而向上推动
2、Scroll-view 不设置高度 随内容变化而将其撑起
实现方式：
1、使用的 css 样式：display ex
2、布局实现
Html
<!--我要报销 -->
<view class='index-view'>
<view class='head-view'>
<view class='{{meducalStyle}}' catchtap='myApply'>我的申请</view>
<view class='cutLine-view'></view>
<view class='{{jobStyle}}' catchtap='addReirn'>新增报销</view>
</view>
<!--我的申请 -->
<view class='info-view' wx-if="{{applyFlag}}">
<scroll-view scroll-y class='scroll-view'>
<view class='detialByList' wx:for='{{billArray}}'>
<view class='otherListView'>
<view class='otherListValueView'>状态:{{item.balance}}</view>
<view class='listValueView'>{{item.time}}</view>
<view class='listValueView'>上传材料{{item.store}}</view>
<!-- <view class='listValueView'>支出{{item.expend}}</view> -->
</view>
<view class='listView'>
<view class='listNameView'>报销总额:{{item.remark}}</view>
</view>
</view>
</scroll-view>
资源评论
zishuijing032019-04-16没多大用，还以为是swiper自动高度的
