解决uniapp列表快速滑动页面数据空白问题( 二 )

{{ item.name }}{{ item.name }}.swiper {height: 100%;}.item {position: relative;display: flex;align-items: center;justify-content: space-between;padding: 0rpx 30rpx;}.item-detail {padding: 5rpx 15rpx;border-radius: 10rpx;font-size: 28rpx;color: white;background-color: #007aff;}.item-line {position: absolute;bottom: 0rpx;left: 0rpx;height: 1px;width: 100%;background-color: #eeeeee;}/* css */.content {overflow: hidden;width: 100%;}.list_box {overflow: hidden;width: 100%;height: calc(100vh - 100rpx - 105rpx - 10rpx);}.list_box swiper {width: 100%;height: 100%;}.list_box scroll-view {width: 100%;height: 100%;}.list_box swiper-item {width: 100%;height: 100%;}.sroll_list {overflow: hidden;height: 105rpx;margin: 0 auto;display: flex;padding-bottom: 20rpx;align-items: center;background: #fff;position: relative;z-index: 9999;justify-content: space-between;width: 100%;padding: 0 30rpx 30rpx 30rpx;}.sroll_list .menu {width: 66rpx;height: 100%;display: flex;justify-content: flex-end;align-items: center;position: relative;}.sroll_list .menu::after {content: "";position: absolute;left: -15rpx;top: 50%;transform: translateY(-50%);width: 15rpx;height: 74rpx;background: url(../../static/pic-menu-line.png) no-repeat;background-size: contain;}.sroll_list .menu image {width: 36rpx;}.sroll_list scroll-view {width: calc(100% - 66rpx);height: 100%;white-space: nowrap;font-size: 12px;}.sroll_list scroll-view .li {display: inline-flex;height: 100%;margin-right: 40rpx;position: relative;align-items: center;font-size: 32rpx;color: #666666;}.sroll_list scroll-view .li.on {color: #000000;}.sroll_list scroll-view .li.on::after {content: "";width: 29rpx;height: 8rpx;background: url(../../static/addicon2.png);background-size: 100% 100%;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}.closedbox image {width: 20rpx;}.content .loding {overflow: hidden;height: 68rpx;background: #f8f8f8;width: 100%;display: flex;align-items: center;justify-content: center;}.content .loding image {width: 24rpx;border-radius: 50%;animation: turn 2s linear infinite;}.content .loding .span {font-size: 22rpx;color: #999999;margin-left: 10rpx;}.fadeins {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: fixed;left: 0;top: 0;z-index: 999;}.select_box {width: 100%;height: 1rpx;border-top: 1px solid #efefef;display: flex;align-items: center;/* // z-index: 9999; */background: #fff;position: relative;}.main_science {overflow: hidden;padding: 0rpx 30rpx 0 30rpx;}.ul {overflow: hidden;}.ul .li:last-child {border: none;}.ul .li {overflow: hidden;display: flex;padding: 40rpx 0;box-sizing: border-box;display: flex;align-items: flex-start;justify-content: space-between;border-bottom: 1px solid #f1f1f1 !important;}.ul .li .font {overflow: hidden;width: 365rpx;}.ul .li .font .p {font-size: 32rpx;color: #333333;line-height: 42rpx;display: block;margin-bottom: 34rpx;}.ul .li .font .span {display: block;font-size: 26rpx;color: #9a9ca0;}.ul .li .fontwenzi {overflow: hidden;width: 100%;}.ul .li .fontwenzi .title {font-size: 33rpx;color: #333333;line-height: 42rpx;display: block;margin-bottom: 34rpx;}.ul .li .fontwenzi .info {font-size: 26rpx;color: #8c8c8c;line-height: 42rpx;display: block;margin-bottom: 34rpx;}.ul .li .fontwenzi .span {display: block;font-size: 26rpx;color: #9a9ca0;}.ul .li .pic {overflow: hidden;width: 260rpx;border-radius: 20rpx;}.ul .li .pic image {display: block;width: 100%;}