index文件夹修改

pages/index/course/courseList.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="">
-		<u-sticky :enable="enable">
-			<view class="search-box">
+		<u-sticky :enable="enableIos">
+			<view class="search-box-ios">
 				<u-search bg-color="#f2f2f2" style="width: 100%;" placeholder="搜索更多资源" v-model="keyword"
 					:show-action="false" :animation="true" @search="getCourseList()"></u-search>
 			</view>
@@ -10,7 +10,7 @@
 			<view class="swiper-box">
 				<swiper :indicator-dots="true" class="swiper " :autoplay="true" interval="5000" duration="500"
 					:circular="true" style="width: 100%;height: 350rpx;">
-					<swiper-item v-for="(item,index) in swiperList" :key='index' @tap="goPage(item.url)">
+					<swiper-item v-for="(item,index) in swiperListIos" :key='index' @tap="goPage(item.url)">
 						<image :src="item.imageUrl" mode="scaleToFill"
 							style="width: 100%;height: 100%;border-radius: 24rpx;"></image>
 					</swiper-item>
@@ -18,24 +18,11 @@
 			</view>
 		</view>
 		<view class="padding-lr">
-			<view class="" v-if="courseList.length">
-				<!-- <view class="vidoList flex align-center justify-between flex-wrap">
-					<view class="vidoList-item" @click="goCourse(item.courseId,item.courseDetailsId)"
-						v-for="(item, index) in courseList" :key="index">
-						<view class="vidoList-item-img">
-							<image :src="item.titleImg" mode="aspectFill"></image>
-						</view>
-						<view class="vidoList-item-title">
-							{{item.title}}
-						</view>
-					</view>
-					<view class="vidoList-item" style="height: 0;"></view>
-					<view class="vidoList-item" style="height: 0;"></view>
-				</view> -->
-				<videoList @success="posterSuccess" :list="courseList" />
+			<view class="" v-if="courseListIos.length">
+				<videoList @success="posterSuccess" :list="courseListIos" />
 			</view>
 			<empty title="暂无视频" :isShow='false' v-else></empty>
-			<u-loadmore v-if="courseList.length > 0" :status="status" />
+			<u-loadmore v-if="courseListIos.length > 0" :status="statusIos" />
 		</view>
 
 	</view>
@@ -51,38 +38,25 @@
 		},
 		data() {
 			return {
-				enable: true,
-				status: 'loadmore',
-				swiperList: [], //轮播图列表
-				courseList: [], //资源列表
-				page: 1,
-				limit: 10,
-				id: '',
-
-				datalist: [{
-					id: 1,
-					name: '综合'
-				}, {
-					id: 2,
-					name: '人气'
-				}, {
-					id: 3,
-					name: '价格',
-					label: '0'
-				}],
-				dataIndex: 0,
-				sort: '',
+				enableIos: true,
+				statusIos: 'loadmore',
+				swiperListIos: [], //轮播图列表
+				courseListIos: [], //资源列表
+				pageIos: 1,
+				limitIos: 10,
+				
+				sortIos: '',
 				count: 0,
 				keyword: '',
 				isPrice: '', //是否免费 2:免费
 			}
 		},
 		onShow() {
-			this.enable = true
+			this.enableIos = true
 			this.getCourseList()
 		},
 		onHide() {
-			this.enable = false
+			this.enableIos = false
 		},
 		onLoad(option) {
 			uni.setNavigationBarTitle({
@@ -90,7 +64,7 @@
 			})
 			this.getBannerList()
 			if (option.sort) {
-				this.sort = option.sort
+				this.sortIos = option.sort
 			}
 			if (option.isPrice) {
 				this.isPrice = option.isPrice
@@ -112,9 +86,9 @@
 			//最新热播
 			getCourseList() {
 				let data = {
-					limit: this.limit,
-					page: this.page,
-					sort: this.sort ? this.sort : '',
+					limit: this.limitIos,
+					page: this.pageIos,
+					sort: this.sortIos ? this.sortIos : '',
 					title: this.keyword,
 				}
 				// #ifdef MP-WEIXIN
@@ -129,18 +103,18 @@
 				this.$u.api.courseList(data).then(res => {
 					if (res.code == 0) {
 						this.pages = res.data.totalPage
-						if (this.page < this.pages) {
-							this.status = 'loadmore'
+						if (this.pageIos < this.pages) {
+							this.statusIos = 'loadmore'
 						} else {
-							this.status = 'nomore'
+							this.statusIos = 'nomore'
 						}
 						// res.data.list.forEach(ret => {
 						// 	ret.courseLabel = ret.courseLabel ? ret.courseLabel.split(',') : []
 						// })
-						if (this.page == 1) {
-							this.courseList = res.data.list
+						if (this.pageIos == 1) {
+							this.courseListIos = res.data.list
 						} else {
-							this.courseList = [...this.courseList, ...res.data.list]
+							this.courseListIos = [...this.courseListIos, ...res.data.list]
 						}
 					} else {
 						uni.showToast({
@@ -161,7 +135,7 @@
 					if (res.code == 0) {
 						res.data.forEach(d => {
 							if (d.state == 1) {
-								this.swiperList.push(d)
+								this.swiperListIos.push(d)
 							}
 						})
 
@@ -177,25 +151,25 @@
 
 		},
 		onReachBottom: function() {
-			if (this.page < this.pages) {
-				this.page += 1
-				this.status = 'loading'
+			if (this.pageIos < this.pages) {
+				this.pageIos += 1
+				this.statusIos = 'loading'
 				this.getCourseList()
 
 			} else {
-				this.status = 'nomore'
+				this.statusIos = 'nomore'
 			}
 
 		},
 		onPullDownRefresh: function() {
-			this.page = 1;
+			this.pageIos = 1;
 			this.getCourseList()
 		},
 	}
 </script>
 
 <style lang="scss" scoped>
-	.search-box {
+	.search-box-ios {
 		width: 100%;
 		padding: 15upx 2.5%;
 		display: flex;
@@ -203,42 +177,7 @@
 		background-color: #ffffff;
 	}
 
-	.vidoList {
-		width: 100%;
-		height: auto;
-		margin-bottom: 20rpx;
-
-		.vidoList-item {
-			width: calc((100% - 40rpx) / 3);
-			height: 356rpx;
-			background-color: #FFFFFF;
-			border-radius: 24rpx;
-			margin-bottom: 20rpx;
-		}
-
-		.vidoList-item-img {
-			width: 100%;
-			height: 280rpx;
-			border-radius: 24rpx 24rpx 0 0;
-
-			image {
-				width: 100%;
-				height: 100%;
-				border-radius: 24rpx 24rpx 0 0;
-			}
-		}
-
-		.vidoList-item-title {
-			width: 100%;
-			text-align: center;
-			background-color: #FFFFFF;
-			border-radius: 0 0 24rpx 24rpx;
-			padding: 20rpx;
-			overflow: hidden;
-			text-overflow: ellipsis; //溢出用省略号显示
-			white-space: nowrap; // 默认不换行；
-		}
-	}
+	
 
 	.swiper {
 		width: 100%;