优化

pages/watching_history/watching_history.vue

@@ -6,10 +6,12 @@
 					<image class="img" :src="item.titleImg" mode="aspectFill"></image>
 				</view>
 				<view class="info">
-					<view class="title">
-						{{ item.title }}
+					<view class="top">
+						<view class="title">
+							{{ item.title }}
+						</view>
+						<view class="record">看到{{ item.courseDetailsName }}</view>
 					</view>
-					<view class="record">看到{{ item.courseDetailsName }}</view>
 					<view class="btm">
 						<view class="num">更新{{ item.courseDetailsCount }}集</view>
 						<view class="btn">继续观看</view>
@@ -17,6 +19,7 @@
 				</view>
 			</view>
 		</view>
+		<up-divider text="到底了~" v-if="listData.list.length && listData.finish"></up-divider>
 	</view>
 </template>
 
@@ -41,7 +44,8 @@ const typeList = ref([
 const listData = reactive({
 	list: [],
 	page: 1,
-	size: 10
+	size: 10,
+	finish: false
 });
 
 // 获取数据
@@ -55,6 +59,9 @@ async function selectByUserIdAjax() {
 		console.log(res);
 		if (res.code === 0) {
 			listData.list = res.data.records;
+			if (res.data.currPage >= res.data.totalPage) {
+				listData.finish = true;
+			}
 		}
 	} catch (error) {
 		console.log(error);
@@ -85,7 +92,7 @@ onLoad((e) => {
 }
 .list {
 	.item {
-		padding: 28upx 0;
+		padding-bottom: 28upx;
 		display: flex;
 		.cover {
 			width: 150upx;
@@ -99,14 +106,18 @@ onLoad((e) => {
 			}
 		}
 		.info {
+			flex: 1;
 			display: flex;
 			flex-direction: column;
-			.title {
-				font-size: 32upx;
-				font-weight: bold;
-			}
-			.record {
-				color: $uni-zj-color-primary;
+			justify-content: space-between;
+			.top {
+				.title {
+					font-size: 32upx;
+					font-weight: bold;
+				}
+				.record {
+					color: $uni-zj-color-primary;
+				}
 			}
 			.btm {
 				display: flex;
@@ -116,7 +127,7 @@ onLoad((e) => {
 					color: #999;
 				}
 				.btn {
-					padding: 4upx 12upx;
+					padding: 8upx 12upx;
 					color: #fff;
 					background: $uni-zj-color-primary;
 					border-radius: 10upx;