fix list portfolio fail

miniprogram/pages/main/portfolio/index.less

@@ -1,38 +1,62 @@
 /* pages/main/portfolio/index.wxss */
 .portfolio-list {
 	width: 100vw;
-	
+
+	.location {
+		gap: 6rpx;
+		display: flex;
+		padding: 16rpx;
+		align-items: center;
+
+		.icon {
+			color: var(--theme-wx);
+		}
+
+		.text {
+			color: var(--theme-text-secondary);
+		}
+	}
+
 	.items {
+		gap: .25rem;
+		display: flex;
 		position: relative;
 		font-size: 14px;
-		column-gap: .25rem;
-		column-count: 3;
 		padding-bottom: 2rem;
+		align-items: flex-start;
 
-		.item {
-			overflow: hidden;
-			background: var(--theme-bg-card);
-			break-inside: avoid;
-			margin-bottom: .25rem;
+		.column {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
 
-			&.thumbnail {
-				width: 100%;
-				display: block;
-			}
+			.item {
+				overflow: hidden;
+				background: var(--theme-bg-card);
+				margin-bottom: .25rem;
 
-			&.video-container {
-				height: auto;
-				position: relative;
+				&.thumbnail {
+					width: 100%;
+					display: block;
+				}
 
-				.play-icon {
-					top: 50%;
-					left: 50%;
-					width: 60rpx;
-					height: 60rpx;
-					z-index: 2;
-					position: absolute;
-					transform: translate(-50%, -50%);
-					pointer-events: none;
+				&.video {
+					height: auto;
+					position: relative;
+
+					&::after {
+						content: "";
+						top: 50%;
+						left: 53%;
+						width: 0;
+						height: 0;
+						position: absolute;
+						transform: translate(-50%, -50%);
+						border-top: 16px solid transparent;
+						border-left: 24px solid var(--theme-video-play);
+						border-bottom: 16px solid transparent;
+						pointer-events: none;
+					}
 				}
 			}
 		}