merge: 收紧我的用户区信息间距
This commit is contained in:
commit
ce3ecc4d21
3 files changed
+12
-7
No files matched your search
@@ -1268,3 +1268,4 @@ $ flutter test
|
|||||||
- VIP 与宫格之间新增继续观看横向列表、追剧/观看记录/金币统计面板,继续观看最多 10 条。
|
- VIP 与宫格之间新增继续观看横向列表、追剧/观看记录/金币统计面板,继续观看最多 10 条。
|
||||||
- 宫格后新增常见问题与关于我们入口;关于页版本暂用与 pubspec 同步的常量占位。
|
- 宫格后新增常见问题与关于我们入口;关于页版本暂用与 pubspec 同步的常量占位。
|
||||||
- 继续观看全部入口可切到追剧页播放历史 tab;`flutter analyze`:No issues found。
|
- 继续观看全部入口可切到追剧页播放历史 tab;`flutter analyze`:No issues found。
|
||||||
|
- 用户区昵称与 UID 收紧为 4 间距,昵称列相对头像垂直居中;UID 12、复制图标 14。
|
||||||
@@ -182,7 +182,9 @@ abstract final class AppDimens {
|
|||||||
static const double mineSectionTitle = 15;
|
static const double mineSectionTitle = 15;
|
||||||
static const double mineAvatar = 56;
|
static const double mineAvatar = 56;
|
||||||
static const double mineUserName = 20;
|
static const double mineUserName = 20;
|
||||||
static const double mineUid = 13;
|
static const double mineUserNameLineHeight = 1.2;
|
||||||
|
static const double mineUid = 12;
|
||||||
|
static const double mineCopyIcon = 14;
|
||||||
static const double mineGridHorizontal = 14;
|
static const double mineGridHorizontal = 14;
|
||||||
static const double mineGridRadius = 12;
|
static const double mineGridRadius = 12;
|
||||||
static const double mineGridCellHeight = 96;
|
static const double mineGridCellHeight = 96;
|
||||||
|
|||||||
@@ -15,7 +15,6 @@ import '../../../l10n/app_localizations.dart';
|
|||||||
|
|
||||||
const double _buttonHeight = 34;
|
const double _buttonHeight = 34;
|
||||||
const double _buttonRadius = 20;
|
const double _buttonRadius = 20;
|
||||||
const double _copyIconSize = 15;
|
|
||||||
|
|
||||||
/// 「我的」页用户区。
|
/// 「我的」页用户区。
|
||||||
class MineHeader extends StatelessWidget {
|
class MineHeader extends StatelessWidget {
|
||||||
@@ -38,11 +37,13 @@ class MineHeader extends StatelessWidget {
|
|||||||
key: const Key('mine-user-row'),
|
key: const Key('mine-user-row'),
|
||||||
padding: const EdgeInsets.symmetric(vertical: AppDimens.spaceMd),
|
padding: const EdgeInsets.symmetric(vertical: AppDimens.spaceMd),
|
||||||
child: Row(
|
child: Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
children: [
|
children: [
|
||||||
_avatar(user?.avatarUrl ?? ''),
|
_avatar(user?.avatarUrl ?? ''),
|
||||||
const SizedBox(width: AppDimens.spaceMd),
|
const SizedBox(width: AppDimens.spaceMd),
|
||||||
Expanded(
|
Expanded(
|
||||||
child: Column(
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
Text(
|
Text(
|
||||||
@@ -54,6 +55,7 @@ class MineHeader extends StatelessWidget {
|
|||||||
color: AppColors.textPrimary,
|
color: AppColors.textPrimary,
|
||||||
fontSize: AppDimens.mineUserName,
|
fontSize: AppDimens.mineUserName,
|
||||||
fontWeight: FontWeight.w700,
|
fontWeight: FontWeight.w700,
|
||||||
|
height: AppDimens.mineUserNameLineHeight,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(height: AppDimens.spaceXs),
|
const SizedBox(height: AppDimens.spaceXs),
|
||||||
@@ -66,7 +68,7 @@ class MineHeader extends StatelessWidget {
|
|||||||
maxLines: 1,
|
maxLines: 1,
|
||||||
overflow: TextOverflow.ellipsis,
|
overflow: TextOverflow.ellipsis,
|
||||||
style: const TextStyle(
|
style: const TextStyle(
|
||||||
color: AppColors.textSecondary,
|
color: AppColors.textTertiary,
|
||||||
fontSize: AppDimens.mineUid,
|
fontSize: AppDimens.mineUid,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@@ -82,14 +84,14 @@ class MineHeader extends StatelessWidget {
|
|||||||
),
|
),
|
||||||
visualDensity: VisualDensity.compact,
|
visualDensity: VisualDensity.compact,
|
||||||
constraints: const BoxConstraints.tightFor(
|
constraints: const BoxConstraints.tightFor(
|
||||||
width: AppDimens.tapTarget,
|
width: AppDimens.mineCopyIcon,
|
||||||
height: AppDimens.tapTarget,
|
height: AppDimens.mineCopyIcon,
|
||||||
),
|
),
|
||||||
padding: EdgeInsets.zero,
|
padding: EdgeInsets.zero,
|
||||||
icon: const Icon(
|
icon: const Icon(
|
||||||
Icons.copy_rounded,
|
Icons.copy_rounded,
|
||||||
color: AppColors.textSecondary,
|
color: AppColors.textTertiary,
|
||||||
size: _copyIconSize,
|
size: AppDimens.mineCopyIcon,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
|
|||||||
Reference in new issue
Block a user