'.'

lib/pages/Login/index.dart

@@ -102,11 +102,6 @@ class _Login extends State<Login> {
 
   @override
   Widget build(BuildContext context) {
-    ScreenUtil.init(context,
-        designSize: const Size(375, 812),
-        minTextAdapt: true,
-        orientation: Orientation.portrait);
-
     return Scaffold(
       resizeToAvoidBottomInset: false,
       body: Container(
@@ -212,8 +207,8 @@ class _Login extends State<Login> {
                         Positioned(
                           child: Image.asset(
                             "images/login/VerificationCode.png",
-                            width: 20.h,
-                            height: 20.h,
+                            width: 20.w,
+                            height: 20.w,
                           ),
                         ),
                       ],

lib/pages/home/index.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
@@ -8,16 +9,56 @@ class Home extends StatefulWidget {
   @override
   _Home createState() => _Home();
 }
-class _Home extends State<Home> {
 
+class _Home extends State<Home> {
   List images = [
     ['images/index/index.png', 'images/index/indexActive.png'],
     ['images/index/job.png', 'images/index/jobActive.png'],
     ['images/index/user.png', 'images/index/userActive.png'],
   ];
 
-  final List _titles = ['首页', '好物', '双11'];
+  final List _titles = ['首页', '订单列表', '个人中心'];
   int _currentIndex = 0;
+  final tabTextStyleSelected =
+      TextStyle(color: const Color(0xFF06B03B),fontSize: 15.sp,fontWeight: FontWeight.bold); //选线卡选中字体颜色
+  final tabTextStyleNormal =
+      TextStyle(color: const Color(0xFF323232),fontSize: 15.sp,fontWeight: FontWeight.bold); //选项卡未选中字体颜色
+  int _tabIndex = 0; //选项卡下标
+
+  var _body = [Text('我是首页'), Text('我是订单列表'), Text('我是个人中心')];
+  TextStyle getTabTextStyle(int curIndex) {
+    //设置tabbar 选中和未选中的状态文本
+    if (curIndex == _tabIndex) {
+      return tabTextStyleSelected;
+    }
+    return tabTextStyleNormal;
+  }
+
+  Image getTabIcon(int curIndex) {
+    //设置tabbar选中和未选中的状态图标
+    if (curIndex == _tabIndex) {
+      return Image.asset(
+        images[curIndex][1],
+        width: 20.w,
+        height: 20.w,
+      );
+    }
+    return Image.asset(
+      images[curIndex][0],
+      width: 20.w,
+      height: 20.w,
+    );
+  }
+
+  Image getTabImage(path) {
+    return Image.asset(path, width: 26.w, height: 26.w);
+  }
+
+  // 切换底部选项卡，标题的变化设置
+  Text getTabTitle(int curIndex) {
+    return Text(_titles[curIndex], style: getTabTextStyle(curIndex));
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -27,53 +68,42 @@ class _Home extends State<Home> {
         backgroundColor: Colors.white,
         title: Text(
           '首页',
-          style:
-          TextStyle(color: Colors.black, fontSize: 17.sp, letterSpacing: 2),
+          style: TextStyle(
+              color: Colors.black,
+              fontSize: 17.sp,
+              letterSpacing: 2,
+              fontWeight: FontWeight.bold
+          ),
         ),
       ),
+      body: _body[_tabIndex],
+      bottomNavigationBar: Container(
+        height: 65.h,
 
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceAround,
+          children: [
+            Column(
+              children: [
+                getTabIcon(0),
+                getTabTitle(0)
+              ],
+            ),
+            Column(
+              children: [
+                getTabIcon(1),
+                getTabTitle(1)
+              ],
+            ),
+            Column(
+              children: [
+                getTabIcon(2),
+                getTabTitle(2)
+              ],
+            ),
+          ],
+        ),
+      ),
     );
   }
-  }
-// class Home extends StatelessWidget {
-//   @override
-//   Widget build(BuildContext context) {
-//     // controller.person
-//     return Scaffold(
-//       appBar: AppBar(
-//         elevation: 0,
-//         centerTitle: true,
-//         backgroundColor: Colors.white,
-//         title: Text(
-//           '首页',
-//           style:
-//               TextStyle(color: Colors.black, fontSize: 17.sp, letterSpacing: 2),
-//         ),
-//       ),
-//       body: GestureDetector(
-//         onTap: () {
-//           Get.snackbar(
-//             "Hey i'm a Get SnackBar!", // title
-//             "It's unbelievable! I'm using SnackBar without context, without boilerplate, without Scaffold, it is something truly amazing!", // message
-//             icon: Icon(Icons.alarm),
-//             shouldIconPulse: true,
-//             barBlur: 20,
-//             isDismissible: true,
-//             duration: Duration(seconds: 3),
-//           );
-//           // Get.snackbar('Hi', 'i am a modern snackbar');
-//         },
-//         child: const Text("首页内容"),
-//       ),
-//       bottomNavigationBar: BottomNavigationBar(
-//         items: const <BottomNavigationBarItem>[
-//           BottomNavigationBarItem(title: Text('首页'),icon: Icon(Icons.home)),
-//           BottomNavigationBarItem(title: Text('书籍'),icon: Icon(Icons.book)),
-//           BottomNavigationBarItem(title: Text('我的'),icon: Icon(Icons.perm_identity)),
-//         ],
-//       ),
-//     );
-//   }
-// }
-
-
+}

lib/pages/splash/splash.dart

@@ -1,16 +1,58 @@
+import 'package:flutter/material.dart';
 
 import '../splash/widgets/countdown.dart';
 import 'package:flutter/widgets.dart';
 import 'package:get/get.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 import '../home/index.dart';
 
-class SplashScreen extends StatelessWidget {
-  handleOnFinish () {
-    Get.off(Home(), routeName: '/');
+class SplashScreen extends StatefulWidget {
+  const SplashScreen({Key? key}) : super(key: key);
+
+  @override
+  State<SplashScreen> createState() => _SplashScreen();
+}
+
+class _SplashScreen extends State<SplashScreen> {
+  handleOnFinish() {
+    // Get.off(const Home());
   }
+
   @override
   Widget build(BuildContext context) {
-    return countdown(3, handleOnFinish);
+    return Scaffold(
+        body: Container(
+      decoration: const BoxDecoration(
+        image: DecorationImage(
+            image: AssetImage("images/splash.png"),
+            fit: BoxFit.cover,
+            alignment: Alignment.topCenter),
+      ),
+      child: Stack(
+        children: [
+          Positioned(
+            right: 15.w,
+            top: 50.h,
+            child: countdown(3, handleOnFinish),
+          ),
+          Column(
+            children: [
+              Container(
+                child: Positioned(
+                  bottom: 0,
+                  child: Image.asset(
+                    'images/logo.png',
+                    width: 100,
+                    height: 100,
+                  ),
+                ),
+              ),
+              Container(),
+            ],
+          ),
+        ],
+      ),
+    ));
   }
 }

lib/pages/splash/widgets/countdown.dart

@@ -1,31 +1,9 @@
-
 import 'dart:async';
 
 import '../../../utils/timer.dart';
 import 'package:flutter/widgets.dart';
 import 'package:get/get.dart';
-
-// Widget countdown(void Function() onFinish) {
-//   int _countdown = 3;
-//   late StateSetter _update;
-//   late Timer _timer;
-//   _timer = setInterval((_) {
-//     if (_countdown <= 1) {
-//       _timer.cancel();
-//       onFinish();
-//       return;
-//     }
-//
-//     _update((){
-//       _countdown -= 1;
-//     });
-//   }, 1000);
-//
-//   return StatefulBuilder(builder: (context, setState) {
-//     _update = setState;
-//     return Text(_countdown.toString());
-//   });
-// }
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 Widget countdown(int sec, void Function() onFinish) {
   var _countdown = Rx<int>(sec);
@@ -37,9 +15,32 @@ Widget countdown(int sec, void Function() onFinish) {
       onFinish();
       return;
     }
-
     _countdown.value -= 1;
   }, 1000);
 
-  return Obx(() =>Text(_countdown.value.toString()));
+  return Obx(
+    () => GestureDetector(
+      onTap: () {
+        _timer.cancel();
+        // return;
+        // onFinish();
+      },
+      child: Container(
+        width: 50.w,
+        height: 30.h,
+        alignment: const Alignment(0, 0),
+        decoration: const BoxDecoration(
+            borderRadius: BorderRadius.all(Radius.circular(20)),
+            color: Color(0x77222222)),
+        child: Text(
+          _countdown.value.toString() + '跳过',
+          style: TextStyle(
+              fontSize: 13.sp,
+              letterSpacing: 2,
+              color: const Color(0xFFFFFFFF),
+              decoration: TextDecoration.none),
+        ),
+      ),
+    ),
+  );
 }

pubspec.yaml

@@ -81,6 +81,8 @@ flutter:
     - images/index/search.png
     - images/index/user.png
     - images/index/userActive.png
+    - images/splash.png
+    - images/logo.png
   # To add assets to your application, add an assets section, like this:
   # assets:
   #   - images/a_dot_burr.jpeg