From 85816e416c1626e38f74d60925e6df8d0dcfd9ab Mon Sep 17 00:00:00 2001 From: ZF sun <34314687@qq.com> Date: Mon, 12 Jan 2026 13:50:26 +0800 Subject: [PATCH] =?UTF-8?q?chore(=E8=A7=86=E9=A2=91=E5=8F=B7=E7=BB=84?= =?UTF-8?q?=E4=BB=B6):=20=E6=94=AF=E6=8C=81rowCount=3D1=20=E7=9A=84?= =?UTF-8?q?=E5=B8=83=E5=B1=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components-diy/diy-channel-list.vue | 61 +++++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) diff --git a/components-diy/diy-channel-list.vue b/components-diy/diy-channel-list.vue index dc65bf7..605b46c 100644 --- a/components-diy/diy-channel-list.vue +++ b/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; + } + } + } } // 小屏幕上的单滑动模式