From aa87129838f4a282f30c3894be329bbaee8795db Mon Sep 17 00:00:00 2001 From: Zeew Date: Fri, 15 Aug 2025 22:36:41 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E5=8A=A0=E5=8F=B7?= =?UTF-8?q?=E9=9D=A2=E6=9D=BF=E4=B8=AD=E6=9B=B4=E5=A4=9A=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E9=80=89=E9=A1=B9=E7=9A=84=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- images/file.svg | 15 +- images/photo.svg | 17 +- images/screen.svg | 13 +- images/take_video.svg | 1 + images/video-call.svg | 19 +- images/voice-call.svg | 15 +- .../tim_uikit_more_panel.dart | 173 ++++++++++++------ 7 files changed, 119 insertions(+), 134 deletions(-) create mode 100644 images/take_video.svg diff --git a/images/file.svg b/images/file.svg index cc0fb6d..ba5f2d1 100644 --- a/images/file.svg +++ b/images/file.svg @@ -1,14 +1 @@ - - - 编组 5 - - - - - - - - - - - + \ No newline at end of file diff --git a/images/photo.svg b/images/photo.svg index 2e8b1b2..838ca8b 100644 --- a/images/photo.svg +++ b/images/photo.svg @@ -1,16 +1 @@ - - - 编组 5 - - - - - - - - - - - - - + \ No newline at end of file diff --git a/images/screen.svg b/images/screen.svg index 60c1170..d58b683 100644 --- a/images/screen.svg +++ b/images/screen.svg @@ -1,12 +1 @@ - - - 编组 3 - - - - - - - - - + \ No newline at end of file diff --git a/images/take_video.svg b/images/take_video.svg new file mode 100644 index 0000000..2424710 --- /dev/null +++ b/images/take_video.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/video-call.svg b/images/video-call.svg index d2c8035..50a5927 100644 --- a/images/video-call.svg +++ b/images/video-call.svg @@ -1,18 +1 @@ - - - 编组 6 - - - - - - - - - - - - - - - + \ No newline at end of file diff --git a/images/voice-call.svg b/images/voice-call.svg index 2a704aa..f7cda79 100644 --- a/images/voice-call.svg +++ b/images/voice-call.svg @@ -1,14 +1 @@ - - - 编组 3 - - - - - - - - - - - + \ No newline at end of file diff --git a/lib/ui/views/TIMUIKitChat/TIMUIKitTextField/tim_uikit_more_panel.dart b/lib/ui/views/TIMUIKitChat/TIMUIKitTextField/tim_uikit_more_panel.dart index ae08918..b6d6f1e 100644 --- a/lib/ui/views/TIMUIKitChat/TIMUIKitTextField/tim_uikit_more_panel.dart +++ b/lib/ui/views/TIMUIKitChat/TIMUIKitTextField/tim_uikit_more_panel.dart @@ -134,15 +134,21 @@ class _MorePanelState extends TIMUIKitState { ); }, icon: Container( - height: 64, - width: 64, + height: 60, + width: 60, margin: const EdgeInsets.only(bottom: 4), - decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))), - child: SvgPicture.asset( - "images/photo.svg", - package: 'tencent_cloud_chat_uikit', - height: 64, - width: 64, + decoration: const BoxDecoration( + color: Color(0xFFF0F0F0), + borderRadius: BorderRadius.all(Radius.circular(10))), + child: Center( + child: SvgPicture.asset( + "images/photo.svg", + package: 'tencent_cloud_chat_uikit', + height: 26, + width: 26, + colorFilter: const ColorFilter.mode( + Color(0xFF606060), BlendMode.srcIn), + ), ), )), if (PlatformUtils().isMobile) @@ -153,15 +159,21 @@ class _MorePanelState extends TIMUIKitState { _onFeatureTap("take_photo", c, model, theme); }, icon: Container( - height: 64, - width: 64, + height: 60, + width: 60, margin: const EdgeInsets.only(bottom: 4), - decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))), - child: SvgPicture.asset( - "images/screen.svg", - package: 'tencent_cloud_chat_uikit', - height: 64, - width: 64, + decoration: const BoxDecoration( + color: Color(0xFFF0F0F0), + borderRadius: BorderRadius.all(Radius.circular(10))), + child: Center( + child: SvgPicture.asset( + "images/screen.svg", + package: 'tencent_cloud_chat_uikit', + height: 26, + width: 26, + colorFilter: const ColorFilter.mode( + Color(0xFF606060), BlendMode.srcIn), + ), ), )), if (PlatformUtils().isMobile) @@ -172,15 +184,27 @@ class _MorePanelState extends TIMUIKitState { _onFeatureTap("take_video", c, model, theme); }, icon: Container( - height: 64, - width: 64, + height: 60, + width: 60, margin: const EdgeInsets.only(bottom: 4), - decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))), - child: Image.asset( - "images/take_video.png", - package: 'tencent_cloud_chat_uikit', - height: 64, - width: 64, + decoration: const BoxDecoration( + color: Color(0xFFF0F0F0), + borderRadius: BorderRadius.all(Radius.circular(10))), + child: Center( + child: SvgPicture.asset( + "images/take_video.svg", + package: 'tencent_cloud_chat_uikit', + height: 26, + width: 26, + colorFilter: const ColorFilter.mode( + Color(0xFF606060), BlendMode.srcIn), + ), + // Image.asset( + // "images/take_video.png", + // package: 'tencent_cloud_chat_uikit', + // height: 64, + // width: 64, + // ), ), )), if (PlatformUtils().isWeb) @@ -196,15 +220,21 @@ class _MorePanelState extends TIMUIKitState { ); }, icon: Container( - height: 64, - width: 64, + height: 60, + width: 60, margin: const EdgeInsets.only(bottom: 4), - decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))), - child: SvgPicture.asset( - "images/photo.svg", - package: 'tencent_cloud_chat_uikit', - height: 64, - width: 64, + decoration: const BoxDecoration( + color: Color(0xFFF0F0F0), + borderRadius: BorderRadius.all(Radius.circular(10))), + child: Center( + child: SvgPicture.asset( + "images/photo.svg", + package: 'tencent_cloud_chat_uikit', + height: 26, + width: 26, + colorFilter: const ColorFilter.mode( + Color(0xFF606060), BlendMode.srcIn), + ), ), )), if (PlatformUtils().isWeb) @@ -220,11 +250,16 @@ class _MorePanelState extends TIMUIKitState { ); }, icon: Container( - height: 64, - width: 64, + height: 60, + width: 60, margin: const EdgeInsets.only(bottom: 4), - decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))), - child: Icon(Icons.video_file, color: hexToColor("5c6168"), size: 26), + decoration: const BoxDecoration( + color: Color(0xFFF0F0F0), + borderRadius: BorderRadius.all(Radius.circular(10))), + child: Center( + child: + Icon(Icons.video_file, color: Color(0xFF606060), size: 26), + ), )), MorePanelItem( id: "file", @@ -238,15 +273,21 @@ class _MorePanelState extends TIMUIKitState { ); }, icon: Container( - height: 64, - width: 64, + height: 60, + width: 60, margin: const EdgeInsets.only(bottom: 4), - decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))), - child: SvgPicture.asset( - "images/file.svg", - package: 'tencent_cloud_chat_uikit', - height: 64, - width: 64, + decoration: const BoxDecoration( + color: Color(0xFFF0F0F0), + borderRadius: BorderRadius.all(Radius.circular(10))), + child: Center( + child: SvgPicture.asset( + "images/file.svg", + package: 'tencent_cloud_chat_uikit', + height: 26, + width: 26, + colorFilter: + const ColorFilter.mode(Color(0xFF606060), BlendMode.srcIn), + ), ), )), if (isInstallCallkit && PlatformUtils().isMobile) @@ -262,15 +303,21 @@ class _MorePanelState extends TIMUIKitState { ); }, icon: Container( - height: 64, - width: 64, + height: 60, + width: 60, margin: const EdgeInsets.only(bottom: 4), - decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))), - child: SvgPicture.asset( - "images/video-call.svg", - package: 'tencent_cloud_chat_uikit', - height: 64, - width: 64, + decoration: const BoxDecoration( + color: Color(0xFFF0F0F0), + borderRadius: BorderRadius.all(Radius.circular(10))), + child: Center( + child: SvgPicture.asset( + "images/video-call.svg", + package: 'tencent_cloud_chat_uikit', + height: 26, + width: 26, + colorFilter: const ColorFilter.mode( + Color(0xFF606060), BlendMode.srcIn), + ), ), )), if (isInstallCallkit && PlatformUtils().isMobile) @@ -286,15 +333,21 @@ class _MorePanelState extends TIMUIKitState { ); }, icon: Container( - height: 64, - width: 64, + height: 60, + width: 60, margin: const EdgeInsets.only(bottom: 4), - decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))), - child: SvgPicture.asset( - "images/voice-call.svg", - package: 'tencent_cloud_chat_uikit', - height: 64, - width: 64, + decoration: const BoxDecoration( + color: Color(0xFFF0F0F0), + borderRadius: BorderRadius.all(Radius.circular(10))), + child: Center( + child: SvgPicture.asset( + "images/voice-call.svg", + package: 'tencent_cloud_chat_uikit', + height: 26, + width: 26, + colorFilter: const ColorFilter.mode( + Color(0xFF606060), BlendMode.srcIn), + ), ), )), if (config.extraAction != null) ...?config.extraAction,