revert(视频号组件): 精简代码,去除不用的组件

This commit is contained in:
2026-01-14 09:31:22 +08:00
parent 03c1a8d71a
commit fe039ed126
5 changed files with 36 additions and 340 deletions

View File

@@ -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);
}
}