| | |
| | | <view class="cardList"> |
| | | <scroll-view scroll-y="true" class="scroll-Y" @scrolltoupper="upper" |
| | | @scrolltolower="lower" lower-threshold="150" @scroll="scrollView" style="height:100%"> |
| | | <view style="padding: 20px 0 20px"> |
| | | <view class="card-i" v-for="(item,index) in classList" :key="index"> |
| | | <u-image radius="16px" width="200rpx" height="200rpx" :show-loading="true" :src="getImageUrl(item.course.logo)" mode="aspectFill"> |
| | | </u-image> |
| | |
| | | <u-button class="study-button" type="primary" text="开始学习" shape="circle" size="small" @click="toStudy(item.id)"></u-button> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </scroll-view> |
| | | </view> |
| | |
| | | onShow() { |
| | | // this.role = uni.getStorageSync('roleName'); |
| | | }, |
| | | created(){ |
| | | uni.hideTabBar() |
| | | }, |
| | | methods: { |
| | | loginOut() { |
| | | uni.clearStorageSync(); |
| | |
| | | }, |
| | | lower(e) { |
| | | //并且让页码+1,调用获取数据的方法获取第二页数据 |
| | | this.examParams.pageNum++ |
| | | if (this.examParams.pageNum > this.totalPage){ |
| | | this.classParams.pageNum++ |
| | | if (this.classParams.pageNum > this.totalPage){ |
| | | uni.$u.toast('已加载全部数据') |
| | | return |
| | | } |
| | | //此处调用自己获取数据列表的方法 |
| | | this.getExamList() |
| | | this.getClass() |
| | | }, |
| | | scrollView(e) { |
| | | // console.log(e) |
| | |
| | | } |
| | | .cardList{ |
| | | width: 100%; |
| | | height: calc(100vh - 160px); |
| | | margin: 20px 0; |
| | | height: calc(100vh - 130px); |
| | | box-sizing: border-box; |
| | | |
| | | .card-i{ |
| | | width: calc(100% - 30px); |
| | |
| | | justify-content: space-between; |
| | | |
| | | .study-button{ |
| | | width: 240rpx; |
| | | width: 220rpx; |
| | | margin: 0; |
| | | box-shadow: 3px 3px 12px rgba(51,133,217,.3), -2px -2px 6px #fff; |
| | | border: 1px solid rgba(255,255,255,.8); |