diff --git a/components-diy/css/common-channel.scss b/components-diy/css/common-channel.scss index 8ccece8..8a1cad6 100644 --- a/components-diy/css/common-channel.scss +++ b/components-diy/css/common-channel.scss @@ -7,15 +7,12 @@ --channel-play-btn-small-size: 60rpx; --channel-play-btn-icon-size: 40rpx; --channel-play-btn-icon-small-size: 30rpx; - --channel-avatar-size: 60rpx; - --channel-arrow-size: 24rpx; --channel-border-radius: 12rpx; --channel-stats-padding: 10rpx; --channel-info-wrap-padding: 10rpx 0; // 字体变量 --channel-name-font-size: 28rpx; - --channel-follow-font-size: 24rpx; --video-title-font-size: 28rpx; --video-title-small-font-size: 24rpx; --video-stats-font-size: 24rpx; @@ -23,7 +20,6 @@ // 颜色变量 --channel-name-color: #333; - --channel-follow-color: #07c160; --video-title-color: #333; --video-title-small-color: #666; --video-stats-color: #999; @@ -33,9 +29,6 @@ --channel-stats-bg: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); // 间距变量 - --channel-header-padding: 16rpx; - --channel-avatar-margin-right: 12rpx; - --channel-arrow-margin-left: 8rpx; --channel-name-margin-bottom: 4rpx; --video-title-margin-bottom: 8rpx; } @@ -47,7 +40,6 @@ --channel-play-btn-small-size: 50rpx; --channel-play-btn-icon-size: 35rpx; --channel-play-btn-icon-small-size: 25rpx; - --channel-avatar-size: 50rpx; --channel-name-font-size: 24rpx; --video-title-font-size: 24rpx; } @@ -59,7 +51,6 @@ --channel-play-btn-small-size: 70rpx; --channel-play-btn-icon-size: 45rpx; --channel-play-btn-icon-small-size: 35rpx; - --channel-avatar-size: 70rpx; --channel-name-font-size: 32rpx; --video-title-font-size: 32rpx; } @@ -149,42 +140,4 @@ color: var(--video-stats-color); } -// 频道头部 -.channel-header { - display: flex; - align-items: center; - padding: var(--channel-header-padding); - border-bottom: 1rpx solid var(--channel-border-color); - .channel-avatar { - width: var(--channel-avatar-size); - height: var(--channel-avatar-size); - border-radius: 50%; - margin-right: var(--channel-avatar-margin-right); - } - - .channel-info { - flex: 1; - display: flex; - flex-direction: column; - justify-content: center; - - .channel-name { - font-size: var(--channel-name-font-size); - font-weight: 500; - color: var(--channel-name-color); - margin-bottom: var(--channel-name-margin-bottom); - } - - .channel-follow { - font-size: var(--channel-follow-font-size); - color: var(--channel-follow-color); - } - } - - .channel-arrow { - width: var(--channel-arrow-size); - height: var(--channel-arrow-size); - margin-left: var(--channel-arrow-margin-left); - } -} diff --git a/components-diy/diy-channel-header.vue b/components-diy/diy-channel-header.vue deleted file mode 100644 index e77d71b..0000000 --- a/components-diy/diy-channel-header.vue +++ /dev/null @@ -1,41 +0,0 @@ - - - - - \ No newline at end of file diff --git a/components-diy/diy-channel.vue b/components-diy/diy-channel.vue deleted file mode 100644 index d47877c..0000000 --- a/components-diy/diy-channel.vue +++ /dev/null @@ -1,141 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/components-diy/diy-group.vue b/components-diy/diy-group.vue index dd88285..6de5241 100644 --- a/components-diy/diy-group.vue +++ b/components-diy/diy-group.vue @@ -251,12 +251,7 @@ - - -