chore(视频号组件): 支持rowCount=1 的布局

components-diy/diy-channel-list.vue

@@ -310,6 +310,21 @@ export default {
 			}
 		}
 	}
+
+	// 1 列布局
+	&.row1-of1 {
+		.channel-item {
+			flex: 0 0 100%;
+
+			&:nth-child(3n) {
+				margin-right: 16rpx;
+			}
+
+			&:nth-child(1n) {
+				margin-right: 0;
+			}
+		}
+	}
 }
 
 /**
@@ -379,6 +394,21 @@ export default {
 			}
 		}
 	}
+
+	// 1 列布局
+	&.row1-of1 {
+		.channel-nav-item {
+			flex: 0 0 100%;
+
+			&:nth-child(3n) {
+				margin-right: 16rpx;
+			}
+
+			&:nth-child(1n) {
+				margin-right: 0;
+			}
+		}
+	}
 }
 
 /**
@@ -443,6 +473,21 @@ export default {
 				}
 			}
 		}
+
+		// 轮播模式下的 1 列布局
+		&.row1-of1 {
+			.channel-item {
+				flex: 0 0 100%;
+
+				&:nth-child(3n) {
+					margin-right: 16rpx;
+				}
+
+				&:nth-child(1n) {
+					margin-right: 0;
+				}
+			}
+		}
 	}
 }
 
@@ -498,6 +543,22 @@ export default {
 				}
 			}
 		}
+
+		// 小屏幕上的 1 列布局
+		&.row1-of1 {
+			.channel-item,
+			.channel-nav-item {
+				flex: 0 0 100%;
+
+				&:nth-child(3n) {
+					margin-right: 12rpx;
+				}
+
+				&:nth-child(1n) {
+					margin-right: 0;
+				}
+			}
+		}
 	}
 
 	// 小屏幕上的单滑动模式