请求接口

api/me/me.js

@@ -0,0 +1,11 @@
+import http from '@/http/http.js'
+
+/**
+ * 获取最近观看
+ */
+export const selectByUserId = (data) => {
+	return http.request({
+		url: '/courseCollect/selectByUserId',
+		data: data
+	})
+}

pages/chasingDrama/index.vue

@@ -104,7 +104,23 @@
 	</view>
 </template>
 
-<script setup></script>
+<script setup>
+import { selectByUserId } from '@/api/me/me.js';
+import { onLoad } from '@dcloudio/uni-app';
+
+async function selectByUserIdAjax() {
+	try {
+		const res = await selectByUserId();
+		console.log(res);
+	} catch (error) {
+		console.log(error);
+	}
+}
+
+onLoad(() => {
+	selectByUserId();
+});
+</script>
 
 <style lang="scss">
 page {
@@ -137,10 +153,8 @@ page {
 		grid-template-rows: repeat(auto, 1fr);
 		grid-column-gap: 28upx;
 		grid-row-gap: 28upx;
-		box-sizing: border-box;
 		padding: 0 28upx;
 		.item {
-			box-sizing: border-box;
 			.item-content {
 				overflow: hidden;
 				background-color: #fff;

pages/me/index.vue

@@ -256,10 +256,10 @@ page {
 			}
 			.name {
 				font-size: 28upx;
-				// width: 160upx;
+				width: 160upx;
-				// overflow: hidden;
+				overflow: hidden;
-				// text-overflow: ellipsis;
+				text-overflow: ellipsis;
-				// white-space: nowrap;
+				white-space: nowrap;
 			}
 			.t {
 				color: #999;
@@ -277,7 +277,7 @@ page {
 			flex-direction: column;
 			align-items: center;
 			justify-content: center;
-			margin-bottom: 28upx;
+			margin-bottom: 32upx;
 			.icon {
 				$size: 56upx;
 				width: $size;