fix style

@@ -29,7 +29,7 @@ class PoemDetailPage extends StatefulWidget {
   }) : super(key: key);
 
   final int poemId;
-  final int poemPanelHeight;
+  final double poemPanelHeight;
   final Function? onPop;
 
   @override

@@ -15,6 +15,8 @@ import 'package:video_player/video_player.dart';
 
 import 'poem_detail.dart';
 
+import 'package:one_poem/extension/int_extension.dart';
+
 class PoemPage extends StatefulWidget {
   const PoemPage({Key? key}) : super(key: key);
 
@@ -97,7 +99,7 @@ class _PoemPageState extends State<PoemPage> with WidgetsBindingObserver {
         tkController.animateToMiddle();
       },
       poemId: 1,
-      poemPanelHeight: 60,
+      poemPanelHeight: 60.px,
     );
     var searchPage = SearchPage(
       onPop: tkController.animateToMiddle,
@@ -163,7 +165,7 @@ class _PoemPageState extends State<PoemPage> with WidgetsBindingObserver {
                 aspectRatio: 9 / 16.0,
                 key: Key(data.url + '$i'),
                 tag: data.url,
-                bottomPadding: hasBottomPadding ? 16.0 : 16.0,
+                bottomPadding: hasBottomPadding ? 16.px : 16.px,
                 onSingleTap: () async {
                   if (player.controller.value.isPlaying) {
                     await player.pause();

@@ -13,7 +13,7 @@ class PoemUserAudio extends StatelessWidget {
 
   final List<Map<String, String>>? audio;
   final String? desc;
-  final int poemPanelHeight;
+  final double poemPanelHeight;
   @override
   Widget build(BuildContext context) {
     return Container(

@@ -3,6 +3,8 @@ import 'dart:ui';
 import 'package:flutter/material.dart';
 import 'package:one_poem/res/resources.dart';
 
+import 'package:one_poem/extension/int_extension.dart';
+
 class TikTokTopInfoColumn extends StatelessWidget {
   final double? bottomPadding;
   final String? info;
@@ -16,8 +18,8 @@ class TikTokTopInfoColumn extends StatelessWidget {
   Widget build(BuildContext context) {
     return SafeArea(
         child: Container(
-      margin: const EdgeInsets.symmetric(vertical: 40.0, horizontal: 25.0),
-      height: 90.0,
+      margin: EdgeInsets.symmetric(vertical: 40.px, horizontal: 25.px),
+      height: 92.px,
       width: double.infinity,
       decoration: BoxDecoration(
         color: Colors.grey.shade200.withOpacity(0.1),
@@ -36,15 +38,15 @@ class TikTokTopInfoColumn extends StatelessWidget {
               color: Colors.grey.shade200.withOpacity(0.1),
             ),
             child: Padding(
-              padding: const EdgeInsets.all(5.0),
+              padding: EdgeInsets.all(5.px),
               child: Column(
                 children: [
-                  const SizedBox(
+                  SizedBox(
                     width: double.infinity,
                     child: Text(
                       '辛丑牛年 庚子月 乙卯日 辰时',
                       style: TextStyle(
-                        fontSize: 16.0,
+                        fontSize: 16.px,
                         color: Colors.white,
                       ),
                     ),
@@ -53,18 +55,18 @@ class TikTokTopInfoColumn extends StatelessWidget {
                   SizedBox(
                     width: double.infinity,
                     child: Stack(
-                      children: const [
+                      children: [
                         Text(
                           '早安',
                           style: TextStyle(
-                            fontSize: 48.0,
+                            fontSize: 48.px,
                             color: Colors.white,
                             fontFamily: "ZhiMangXing",
                           ),
                         ),
                         Positioned(
-                          right: 10.0,
-                          child: Text(
+                          right: 10.px,
+                          child: const Text(
                             "02日\n2022年01月",
                             style: TextStyle(color: Colors.white),
                           ),

@@ -29,7 +29,7 @@ class TikTokVidePoem extends StatelessWidget {
         border: Border.all(color: Colors.grey, width: 0.1), // 边色与边宽度
         // borderRadius: BorderRadius.circular(2.0),
       ),
-      height: 180.px,
+      height: 190.px,
       width: double.infinity,
       margin: EdgeInsets.symmetric(vertical: 10.px, horizontal: 25.px),
       child: InkWell(