revert(视频号组件): 精简代码,去除不用的组件
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user