scroll box

特别注意： 　　※：在components下的组件，图片路径用 /static/img/back.png 这样的根路径形式，不要用../static 或者 ../../static 的形式，不然很坑，有些平台不报错也不显示，有些找不到路径。 tips：防止弹窗遮罩时页面可滚动，在弹窗的外层view标签加上 @touchmove.stop.prevent="" 　 1、关于自定义导航栏中的刘海屏适配问题： 官方提供了一个CSS变量可以直接引用： var(--status-bar-height) 该变量自动匹配设备平台状态栏高度 此变量可以用calc() 加上其他单位数值来使用 具体参数和说明： 官方使用自定义导航栏注意事项 2、swiper中高度无法自适应时，采用动态获取节点赋值给外层swiper组件 uni.createSelectorQuery()后加.in(this)可以防止app端出错 < swiper :indicator-dots ="true" :style ="{height:listHeight+'px'}" :autoplay ="false" :interval ="3000" :duration ="1000" > </ swiper > 　　var _self; export default { data() { return { listHeight:

<!-- 一名小白，有大佬的话请留情 --> <template> <div class="scroll-box" @scroll="scrollBox($event)"> <!-- 自己实现上拉加载 --> <ul ref="scroll-box"> <li v-for="item in list" :key="item">{{item}}</li> </ul> </div> </template> <script> export default { data() { return { list: [], num: 1, }; }, created() { this.rember(); }, methods: { rember() { // console.log("123"); for (var i = 0; i < 100; i++) { if (this.list.length <= 500) { this.list.push(this.list.length + 1); } } }, scrollBox(e) { // console.log(e.target.scrollTop); console.log(this.num); // 找一个滚动到合适加载的位置(与数据多少有关)，并拿到值，做处理 // 如果滚动的位置为2100加载 //