style: 💄播放按钮样式调整

xuergo · Apr 6, 2023 · 21267aa · 21267aa
1 parent cedf638
commit 21267aa
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 8 deletions.
diff --git a/lib/components/play_btn.dart b/lib/components/play_btn.dart
@@ -115,17 +115,27 @@ class PlayBtn extends StatelessWidget {
         onTap: onTap,
         child: CustomPaint(
           painter: CircleProgressBarPainter(
-            strokeWidth: 4.w,
+            strokeWidth: 3.w,
             value: data.id == state.playData?.id ? state.progressValue : 0,
-            backgroundColor: AppColors.primaryGreyBackground,
+            backgroundColor: data.id == state.playData?.id
+                ? AppColors.primaryGreyBackground
+                : Colors.transparent,
             color: AppColors.primaryColor,
           ),
-          child: Padding(
-            padding: EdgeInsets.all(6.w),
-            child: Icon(
-              icon,
-              size: size != null ? size : 28.w,
-              color: data.id == state.playData?.id ? Colors.black : color,
+          child: Container(
+            decoration: BoxDecoration(
+              color: data.id == state.playData?.id
+                  ? Colors.transparent
+                  : color.withOpacity(0.1),
+              borderRadius: BorderRadius.all(Radius.circular(100.r)),
+            ),
+            child: Padding(
+              padding: EdgeInsets.all(6.w),
+              child: Icon(
+                icon,
+                size: size != null ? size : 28.w,
+                color: data.id == state.playData?.id ? Colors.black : color,
+              ),
             ),
           ),
         ));

diff --git a/lib/pages/details/details_view.dart b/lib/pages/details/details_view.dart
@@ -146,6 +146,7 @@ class DetailsPage extends StatelessWidget {
           PlayBtn(
             size: 35.w,
             data: state.details,
+            isShowDataColor: true,
           ),
         ],
       ),