Merge branch 'master' of http://git.ycjcjy.com/nanyang/farmer_client

lib/pages/ArticleInfo/ArticleInfo.dart

   @override
   Widget build(BuildContext context) {
     return Scaffold(
-        resizeToAvoidBottomInset: false,
-        appBar: AppBar(
-          title: Text('资讯'),
-          leading: Icon(Icons.arrow_back_ios),
-          // backgroundColor: Colors.transparent,
-          centerTitle: true,
+      resizeToAvoidBottomInset: false,
+      appBar: AppBar(
+        elevation: 0,
+        centerTitle: true,
+        backgroundColor: Colors.white,
+        title: Text(
+          '资讯详情',
+          style: TextStyle(
+              color: Colors.black,
+              fontSize: 17.sp,
+              letterSpacing: 2,
+              fontWeight: FontWeight.bold),
         ),
+      ),
         body: Container(
           padding: EdgeInsets.fromLTRB(15, 30, 15, 50),
 

lib/pages/MoreCars/index.dart

+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+
+class MoreCars extends StatefulWidget {
+  const MoreCars({Key? key}) : super(key: key);
+
+  @override
+  State<MoreCars> createState() => _MoreCarsState();
+}
+
+class _MoreCarsState extends State<MoreCars> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      resizeToAvoidBottomInset: false,
+      appBar: AppBar(
+        elevation: 0,
+        centerTitle: true,
+        backgroundColor: Colors.white,
+        title: Text(
+          '更多',
+          style: TextStyle(
+              color: Colors.black,
+              fontSize: 17.sp,
+              letterSpacing: 2,
+              fontWeight: FontWeight.bold),
+        ),
+      ),
+      body: Container(
+        child: Text('wwwwwwwwwww'),
+      ),
+
+    );
+  }
+}

lib/pages/TabBar/widgets/Information/index.dart

 import 'package:get/get.dart';
 import 'package:get/get_core/src/get_main.dart';
 
+import '../../../ArticleInfo/ArticleInfo.dart';
+
 class Information extends StatefulWidget {
   const Information({Key? key}) : super(key: key);
 
                 ],
               )),
           onTap: () {
-            Get.toNamed('/ArticleInfo');
+            Get.to(ArticleInfo());
           },
         ),
         GestureDetector(

lib/pages/TabBar/widgets/home/index.dart

+import 'package:carousel_slider/carousel_slider.dart';
 import 'package:farmer_client/pages/TabBar/widgets/home/widgets/headers.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
-
+import 'package:get/get.dart';
+import 'package:get/get_core/src/get_main.dart';
 import '../../../../widgets/CarsCard.dart';
 import '../../../../widgets/Search.dart';
+import '../../../MoreCars/index.dart';
 
 
 class HomePage extends StatefulWidget {
 }
 
 class _HomePageState extends State<HomePage> {
+  final CarouselController _controller = CarouselController();
+  final List<String> imgList = [
+    'https://images.unsplash.com/photo-1520342868574-5fa3804e551c?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=6ff92caffcdd63681a35134a6770ed3b&auto=format&fit=crop&w=1951&q=80',
+    'https://images.unsplash.com/photo-1522205408450-add114ad53fe?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=368f45b0888aeb0b7b08e3a1084d3ede&auto=format&fit=crop&w=1950&q=80',
+    'https://images.unsplash.com/photo-1519125323398-675f0ddb6308?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=94a1e718d89ca60a6337a6008341ca50&auto=format&fit=crop&w=1950&q=80',
+    'https://images.unsplash.com/photo-1523205771623-e0faa4d2813d?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=89719a0d55dd05e2deae4120227e6efc&auto=format&fit=crop&w=1953&q=80',
+    'https://images.unsplash.com/photo-1508704019882-f9cf40e475b4?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=8c6e5e3aba713b17aa1fe71ab4f0ae5b&auto=format&fit=crop&w=1352&q=80',
+    'https://images.unsplash.com/photo-1519985176271-adb1088fa94c?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=a0c8d632e977f94e5d312d9893258f59&auto=format&fit=crop&w=1355&q=80'
+  ];
+
   @override
   Widget build(BuildContext context) {
     return Container(
       child: ListView(
         children: [
           headers(),
+          Container(
+            margin: EdgeInsets.fromLTRB(0, 15, 0, 0),
+            child: CarouselSlider(
+              //API  https://pub.dev/documentation/carousel_slider/latest/carousel_options/CarouselOptions-class.html
+              items:imgList
+                  .map((item) => Container(
+                child: Center(
+                    child:
+                    Image.network(item, fit: BoxFit.cover, width: 350.w)),
+              ))
+                  .toList(),
+              options: CarouselOptions(
+                autoPlay: true,
+                enlargeCenterPage: false,//图片中心放大
+                viewportFraction: 1,//每个页面应占据的视口部分。默认为 0.8，这意味着每个页面填充 80% 的轮播。
+                // aspectRatio: 1.6,//纵横比
+                height: 214.w,
+                initialPage: 1,//初始页
+              ),
+            ),
+          ),
+          
+
           Container(
             margin: EdgeInsets.fromLTRB(0, 20, 0, 20),
             child: Column(
                         child:  Text('更多 >>'),
                         onTap: (){
                           print('点我进入农机搜索/更多页');
+                          Get.to(MoreCars());
                         },
                       ),
                     )

lib/pages/TabBar/widgets/home/widgets/ListContent.dart

-import 'package:flutter/material.dart';
-
-
-class ListContent extends StatelessWidget {
-  const ListContent({Key? key}) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      child: Text('test'),
-    );
-  }
-}

lib/pages/TabBar/widgets/home/widgets/headers.dart

               padding: EdgeInsets.fromLTRB(15.w, 0, 0, 0),
               width: 260.w,
               height: 32.w,
-              decoration: BoxDecoration(
+              decoration: const BoxDecoration(
                   color: Colors.white
               ),
               child: GestureDetector(
                     print('点击了搜索');
                   },
                   child: Container(
-                    decoration: BoxDecoration(
+                    decoration: const BoxDecoration(
                       // color: Colors.red,
                       color: Color(0x30cccccc),
                       borderRadius: BorderRadius.all(Radius.circular(25)),

lib/pages/index.dart

 export 'splash/splash.dart';
 export 'login/login.dart';
 export 'machinery/map/index.dart';
+export 'machinery/detail/index.dart';
 // export 'main/index.dart';

lib/pages/machinery/detail/index.dart

+
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'widgets/detail.dart';
+
+class MachineryDetailPage extends StatelessWidget {
+
+  final title = Rx<String>('查看详情');
+
+  // 响应预约事件
+  void handleClick() {
+
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final appBar = AppBar(title: Obx(() => Text(title.value)), centerTitle: true,);
+
+    return Scaffold(
+      appBar: appBar,
+      body: page(context: context, appbarSize: appBar.preferredSize, handleClick: handleClick),
+    );
+  }
+
+}

lib/pages/machinery/detail/widgets/detail.dart

+
+import 'package:flutter/widgets.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+import '../../widgets/summary.dart';
+
+Widget page({ required BuildContext context, required Size appbarSize, required void Function() handleClick}) {
+  final _offset = 20.w;
+  final width = MediaQuery.of(context).size.width;
+  final height = MediaQuery.of(context).size.height
+      - appbarSize.height
+      - MediaQuery.of(context).padding.top;
+  final _bannerHeight = 250.w;
+  final img = 'https://yz-websit.oss-cn-hangzhou.aliyuncs.com/xlk/index-icon19.jpg';
+
+  return Stack(
+    alignment: Alignment.topCenter,
+      children: [
+        // 第一个组件用来撑满全屏
+        SizedBox(
+          width: width,
+          height: height,
+        ),
+        Positioned(
+          left: 0,
+          top: 0,
+          child: SizedBox(
+            height: _bannerHeight,
+            child: _banner(img),
+          ),
+        ),
+        Positioned(
+          left: 0,
+          top: _bannerHeight - _offset,
+          child: _content(context),
+        ),
+      ],
+  );
+}
+
+Widget _banner(String imgUrl) {
+  return Image.network(imgUrl);
+}
+
+Widget _content(BuildContext context) {
+  final _border = 20.w;
+  return Container(
+    width: MediaQuery.of(context).size.width,
+    padding: EdgeInsets.only(top: 45.w, left: 15.w, right: 15.w, bottom: 20.w),
+    decoration: BoxDecoration(
+      color: Colors.white,
+        borderRadius: BorderRadius.vertical(top: Radius.circular(_border))
+    ),
+    child: Column(
+      children: [
+        summary(),
+      ],
+    ),
+  );
+}

lib/pages/machinery/map/widgets/detail.dart

 
-
 import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:amap_flutter_base/amap_flutter_base.dart';
 import 'package:farmer_client/widgets/amap/amap.dart';
 
+import '../../widgets/summary.dart';
+
 Widget page({ required BuildContext context, required Size appbarSize, required void Function() handleClick}) {
-  final _offset = 20.h;
+  final _offset = 20.w;
   final width = MediaQuery.of(context).size.width;
   final height = MediaQuery.of(context).size.height
       - appbarSize.height
   return _card(context, Image.network(imgUrl, fit: BoxFit.cover));
 }
 
-Widget _title() {
-  return Row(
-    children: [
-      Expanded(
-          child: Text("收割机001--S001",
-              style: TextStyle(
-                color: Color(0xFF222222),
-                fontSize: 18.sp,
-              )),
-          flex: 1),
-      Container(
-        width: 100.w,
-        alignment: Alignment.centerRight,
-        child: Text("450元",
-            style: TextStyle(
-              color: Color(0xFFB61515),
-              fontSize: 22.sp,
-            )),
-      )
-    ],
-  );
-}
-
-Widget _desc() {
-  return Row(
-    children: [
-      Icon(Icons.location_on_outlined, size: 16.sp,),
-      Expanded(
-        flex: 1,
-        child: Text("距离当前位置2.3公里 >>", style: TextStyle(color: Color(0xFF222222), fontSize: 15.sp),),
-      ),
-    ],
-  );
-}
-
-Widget _detail() {
-  return Container(
-    alignment: Alignment.centerLeft,
-    child: Text("农机手1的收割机", style: TextStyle(color: Color(0xFF222222), fontSize: 15.sp),),
-  );
-}
 
 Widget _button(void Function() handleClick) {
   return ElevatedButton(
     child: Column(
 
       children: [
-        _title(),
-        SizedBox(height: 20.h,),
-        _desc(),
-        SizedBox(height: 20.h,),
-        _detail(),
-        SizedBox(height: 20.h,),
+        summary(),
         _button(handleClick),
       ],
     ),

lib/pages/machinery/widgets/summary.dart

+import 'dart:ui' as ui;
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+import 'package:farmer_client/widgets/LinearGradientText.dart';
+
+Widget summary() {
+  return Column(
+    children: [
+      _title(),
+      SizedBox(height: 20.w,),
+      _desc(),
+      SizedBox(height: 20.w,),
+      _detail(),
+      SizedBox(height: 20.w,),
+    ],
+  );
+}
+
+Widget _title() {
+  return Row(
+    children: [
+      Expanded(
+          child: Text("收割机001--S001",
+              style: TextStyle(
+                color: Color(0xFF222222),
+                fontSize: 18.sp,
+                fontWeight: FontWeight.bold,
+              )),
+          flex: 1),
+      Container(
+        width: 100.w,
+        alignment: Alignment.centerRight,
+        child: LinearGradientText(
+          colors: const <Color>[
+            Color(0xFFFA7878),
+            Color(0xFFB61515),
+          ],
+          child: RichText(
+            text: TextSpan(
+                children: <InlineSpan>[
+                  TextSpan(
+                      text: "450",
+                      style: TextStyle(
+                        fontSize: 22.sp,
+                        fontWeight: FontWeight.bold,
+                      )),
+                  TextSpan(
+                      text: "元/",
+                      style: TextStyle(
+                        fontSize: 22.sp,
+                        fontWeight: FontWeight.bold,
+                      )),
+                  TextSpan(
+                      text: "公顷",
+                      style: TextStyle(
+                        fontSize: 12.sp,
+                        fontWeight: FontWeight.bold,
+                      )),
+                ]
+            ),
+          ),
+
+
+
+
+        ),
+      )
+    ],
+  );
+}
+
+Widget _desc() {
+  return Row(
+    children: [
+      Icon(Icons.location_on_outlined, size: 16.sp,),
+      Expanded(
+        flex: 1,
+        child: Text("距离当前位置2.3公里 >>", style: TextStyle(color: Color(0xFF222222), fontSize: 15.sp),),
+      ),
+    ],
+  );
+}
+
+Widget _detail() {
+  return Container(
+    alignment: Alignment.centerLeft,
+    child: Text("农机手1的收割机", style: TextStyle(color: Color(0xFF222222), fontSize: 15.sp),),
+  );
+}

lib/pages/orderInfo/index.dart

 
 
 
-
 class OrderPageInfo extends StatefulWidget {
   const OrderPageInfo({Key? key}) : super(key: key);
 
   Widget build(BuildContext context) {
     return Scaffold(
       resizeToAvoidBottomInset: false,
-      appBar:  AppBar(
-        title:  Text('订单'),
-        leading:  Icon(Icons.arrow_back_ios),
-        backgroundColor: Color(0xff2b9270),
-        // backgroundColor: Colors.transparent,
+      appBar: AppBar(
+        elevation: 0,
         centerTitle: true,
-
+        backgroundColor: Colors.white,
+        title: Text(
+          '订单详情',
+          style: TextStyle(
+              color: Colors.black,
+              fontSize: 17.sp,
+              letterSpacing: 2,
+              fontWeight: FontWeight.bold),
+        ),
       ),
       body:      Column(
         children: [

lib/routes/pages.dart

 List<GetPage> pages = [
   GetPage(name: '/', page: () =>  Home()),
   GetPage(name: '/ArticleInfo', page: () =>  ArticleInfo()),//资讯详情
-  GetPage(name: '/splash', page: () => SplashScreen()),//SplashScreen
+  GetPage(name: '/splash', page: () => MachineryDetailPage()),//SplashScreen
   GetPage(name: '/login', page: () =>  MyRouteLogin()),
   GetPage(name: '/addressList', page: () =>  AddressList()),
   GetPage(name: '/addAddress', page: () =>  AddAddress()),

lib/widgets/CarsCard.dart

 import 'package:get/get_core/src/get_main.dart';
 
 import '../pages/OrderConfirmation/index.dart';
+import '../pages/machinery/map/index.dart';
 
 // class CarItem {
 //   late String name;
                       onPressed: () {
                         Get.to(OrderConfirmation());
                         print('点我去预约');
+
                       },
                       child: const Text(
                         "预约",
                             ),
                             onTap: () {
                               print('进入地图');
+                              Get.to(MachineryMapPage());
                             },
                           )
                         ],

lib/widgets/LinearGradientText.dart

+
+import 'package:flutter/widgets.dart';
+
+class LinearGradientText extends StatelessWidget {
+  final AlignmentGeometry begin;
+  final AlignmentGeometry end;
+  final List<Color> colors;
+  Widget child;
+
+  LinearGradientText({
+    Key? key,
+    required this.colors,
+    required this.child,
+    this.begin = Alignment.topCenter,
+    this.end = Alignment.bottomCenter,
+  }) : super(key: key);
+
+  Shader _linearGradient(Rect bounds) {
+    Gradient gradient = LinearGradient(colors: colors, begin: begin, end: end);
+    return gradient.createShader(bounds);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return ShaderMask(
+      blendMode: BlendMode.srcIn,
+      shaderCallback: (bounds) => _linearGradient(bounds),
+      child: child,
+    );
+  }
+}

lib/widgets/OrderInfoCard.dart

   @override
   Widget build(BuildContext context) {
     return Container(
-      width: 345.w,
-      height: 484.5.h,
-      margin: EdgeInsets.fromLTRB(15.w, 17.w, 15.w, 0),
-      decoration: BoxDecoration(
-        color: Colors.white,
-        //设置四周圆角 角度
-        borderRadius: BorderRadius.all(Radius.circular(2.0)),
-        //设置四周边框
-        boxShadow: [
-          BoxShadow(
-            blurRadius: 10, //阴影范围
-            spreadRadius: 0.1, //阴影浓度
-            color: Colors.grey.withOpacity(0.2), //阴影颜色
-          ),
-        ],
-      ),
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          Container(
-              margin: EdgeInsets.fromLTRB(15.w, 0, 0, 0),
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
-                  Container(
-                    padding: EdgeInsets.fromLTRB(0, 15, 0, 20),
-                    width: 314.w,
-                    decoration: const BoxDecoration(
-                        border: Border(
-                            bottom:
-                                BorderSide(width: 0.5, color: Color(0x20000000)
-                                    // 0x17000000
-                                    ))),
-                    child: RichText(
-                      text: const TextSpan(children: <InlineSpan>[
-                        TextSpan(
-                            text: '订单编号：',
-                            style: TextStyle(
-                                color: Color(0xff666666),
-                                fontSize: 16,
-                                fontWeight: FontWeight.bold)),
-                        TextSpan(
-                            text: 'XUHUI12345',
-                            style: TextStyle(
-                                color: Color(0xff222222),
-                                fontSize: 16,
-                                fontWeight: FontWeight.bold)),
-                      ]),
+        width: 345.w,
+        height: 484.5.h,
+        margin: EdgeInsets.fromLTRB(15.w, 17.w, 15.w, 0),
+        decoration: BoxDecoration(
+          color: Colors.white,
+          //设置四周圆角 角度
+          borderRadius: BorderRadius.all(Radius.circular(2.0)),
+          //设置四周边框
+          boxShadow: [
+            BoxShadow(
+              blurRadius: 10, //阴影范围
+              spreadRadius: 0.1, //阴影浓度
+              color: Colors.grey.withOpacity(0.2), //阴影颜色
+            ),
+          ],
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Container(
+                margin: EdgeInsets.fromLTRB(15.w, 0, 0, 0),
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Container(
+                      padding: EdgeInsets.fromLTRB(0, 15, 0, 20),
+                      width: 314.w,
+                      decoration: const BoxDecoration(
+                          border: Border(
+                              bottom: BorderSide(
+                                  width: 0.5, color: Color(0x20000000)
+                                  // 0x17000000
+                                  ))),
+                      child: RichText(
+                        text: const TextSpan(children: <InlineSpan>[
+                          TextSpan(
+                              text: '订单编号：',
+                              style: TextStyle(
+                                  color: Color(0xff666666),
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.bold)),
+                          TextSpan(
+                              text: 'XUHUI12345',
+                              style: TextStyle(
+                                  color: Color(0xff222222),
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.bold)),
+                        ]),
+                      ),
                     ),
-                  ),
-                  Padding(
-                    padding: EdgeInsets.fromLTRB(0, 20, 0, 15),
-                    child: RichText(
-                      text: const TextSpan(children: <InlineSpan>[
-                        TextSpan(
-                            text: '农机名称：',
-                            style: TextStyle(
-                                color: Color(0xff666666),
-                                fontSize: 16,
-                                fontWeight: FontWeight.bold)),
-                        TextSpan(
-                            text: '老李家收割机MVGV-005',
-                            style: TextStyle(
-                                color: Color(0xff222222),
-                                fontSize: 16,
-                                fontWeight: FontWeight.bold)),
-                      ]),
+                    Padding(
+                      padding: EdgeInsets.fromLTRB(0, 20, 0, 15),
+                      child: RichText(
+                        text: const TextSpan(children: <InlineSpan>[
+                          TextSpan(
+                              text: '农机名称：',
+                              style: TextStyle(
+                                  color: Color(0xff666666),
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.bold)),
+                          TextSpan(
+                              text: '老李家收割机MVGV-005',
+                              style: TextStyle(
+                                  color: Color(0xff222222),
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.bold)),
+                        ]),
+                      ),
                     ),
-                  ),
-                  Padding(
-                    padding: EdgeInsets.fromLTRB(0, 0, 0, 15),
-                    child: RichText(
-                      text: const TextSpan(children: <InlineSpan>[
-                        TextSpan(
-                            text: '作业面积：',
-                            style: TextStyle(
-                                color: Color(0xff666666),
-                                fontSize: 16,
-                                fontWeight: FontWeight.bold)),
-                        TextSpan(
-                            text: '1',
-                            style: TextStyle(
-                                color: Color(0xff222222),
-                                fontSize: 16,
-                                fontWeight: FontWeight.bold)),
-                      ]),
+                    Padding(
+                      padding: EdgeInsets.fromLTRB(0, 0, 0, 15),
+                      child: RichText(
+                        text: const TextSpan(children: <InlineSpan>[
+                          TextSpan(
+                              text: '作业面积：',
+                              style: TextStyle(
+                                  color: Color(0xff666666),
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.bold)),
+                          TextSpan(
+                              text: '1',
+                              style: TextStyle(
+                                  color: Color(0xff222222),
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.bold)),
+                        ]),
+                      ),
                     ),
-                  ),
-                  Padding(
-                    padding: EdgeInsets.fromLTRB(0, 0, 0, 15),
-                    child: RichText(
-                      text: const TextSpan(children: <InlineSpan>[
-                        TextSpan(
-                            text: '需求时间：',
-                            style: TextStyle(
-                                color: Color(0xff666666),
-                                fontSize: 16,
-                                fontWeight: FontWeight.bold)),
-                        TextSpan(
-                            text: '2018-08-21',
-                            style: TextStyle(
-                                color: Color(0xff222222),
-                                fontSize: 16,
-                                fontWeight: FontWeight.bold)),
-                      ]),
+                    Padding(
+                      padding: EdgeInsets.fromLTRB(0, 0, 0, 15),
+                      child: RichText(
+                        text: const TextSpan(children: <InlineSpan>[
+                          TextSpan(
+                              text: '需求时间：',
+                              style: TextStyle(
+                                  color: Color(0xff666666),
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.bold)),
+                          TextSpan(
+                              text: '2018-08-21',
+                              style: TextStyle(
+                                  color: Color(0xff222222),
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.bold)),
+                        ]),
+                      ),
                     ),
-                  ),
-                  Padding(
-                    padding: EdgeInsets.fromLTRB(0, 0, 0, 20),
-                    child: RichText(
-                      text: const TextSpan(children: <InlineSpan>[
-                        TextSpan(
-                            text: '下单时间：',
-                            style: TextStyle(
-                                color: Color(0xff666666),
-                                fontSize: 16,
-                                fontWeight: FontWeight.bold)),
-                        TextSpan(
-                            text: '2022-04-13',
-                            style: TextStyle(
-                                color: Color(0xff222222),
-                                fontSize: 16,
-                                fontWeight: FontWeight.bold)),
-                      ]),
+                    Padding(
+                      padding: EdgeInsets.fromLTRB(0, 0, 0, 20),
+                      child: RichText(
+                        text: const TextSpan(children: <InlineSpan>[
+                          TextSpan(
+                              text: '下单时间：',
+                              style: TextStyle(
+                                  color: Color(0xff666666),
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.bold)),
+                          TextSpan(
+                              text: '2022-04-13',
+                              style: TextStyle(
+                                  color: Color(0xff222222),
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.bold)),
+                        ]),
+                      ),
                     ),
-                  ),
-                  Padding(
-                    padding: EdgeInsets.fromLTRB(0, 0, 0, 20),
-                    child: RichText(
-                      text: TextSpan(children: <InlineSpan>[
-                        TextSpan(
-                            text: '订单状态：',
-                            style: TextStyle(
-                                color: Color(0xff666666),
-                                fontSize: 16,
-                                fontWeight: FontWeight.bold)),
-                        TextSpan(
-                            text: '待付款',
-                            style: TextStyle(
-                                color: Color(0xff51D4FF),
-                                fontSize: 16,
-                                fontWeight: FontWeight.bold)),
-                      ]),
+                    Padding(
+                      padding: EdgeInsets.fromLTRB(0, 0, 0, 20),
+                      child: RichText(
+                        text: TextSpan(children: <InlineSpan>[
+                          TextSpan(
+                              text: '订单状态：',
+                              style: TextStyle(
+                                  color: Color(0xff666666),
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.bold)),
+                          TextSpan(
+                              text: '待付款',
+                              style: TextStyle(
+                                  color: Color(0xff51D4FF),
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.bold)),
+                        ]),
+                      ),
                     ),
-                  ),
-                  Container(
-                      padding: EdgeInsets.fromLTRB(0, 20, 0, 0),
-                      width: 314.w,
-                      decoration: const BoxDecoration(
-                          border: Border(
-                              top: BorderSide(
-                                  width: 0.8, color: Color(0x20000000)
-                                  // 0x17000000
-                                  ))),
-                      child: Column(
-                        children: [
-                          Row(
-                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                            children: [
-                              Text('费用：',
-                                  style: TextStyle(
-                                      color: Color(0xff666666),
-                                      fontSize: 16,
-                                      fontWeight: FontWeight.bold)),
-                              Text('8880',
-                                  style: TextStyle(
-                                      color: Color(0xffB61515),
-                                      fontSize: 16,
-                                      fontWeight: FontWeight.bold)),
-                            ],
-                          ),
-                          Padding(padding: EdgeInsets.fromLTRB(0, 30, 0, 0),
-                            child:  Row(
+                    Container(
+                        padding: EdgeInsets.fromLTRB(0, 20, 0, 0),
+                        width: 314.w,
+                        decoration: const BoxDecoration(
+                            border: Border(
+                                top: BorderSide(
+                                    width: 0.8, color: Color(0x20000000)
+                                    // 0x17000000
+                                    ))),
+                        child: Column(
+                          children: [
+                            Row(
                               mainAxisAlignment: MainAxisAlignment.spaceBetween,
                               children: [
-                                Text('状态：',
+                                Text('费用：',
                                     style: TextStyle(
                                         color: Color(0xff666666),
                                         fontSize: 16,
                                         fontWeight: FontWeight.bold)),
-                                Text('待付款',
+                                Text('8880',
                                     style: TextStyle(
-                                        color: Color(0xff51D4FF),
+                                        color: Color(0xffB61515),
                                         fontSize: 16,
                                         fontWeight: FontWeight.bold)),
                               ],
                             ),
-
-                          ),
-
-                        ],
-                      )),
-                ],
-              )),
-
-        ],
-      ),
+                            Padding(
+                              padding: EdgeInsets.fromLTRB(0, 30, 0, 0),
+                              child: Row(
+                                mainAxisAlignment:
+                                    MainAxisAlignment.spaceBetween,
+                                children: [
+                                  Text('状态：',
+                                      style: TextStyle(
+                                          color: Color(0xff666666),
+                                          fontSize: 16,
+                                          fontWeight: FontWeight.bold)),
+                                  Text('待付款',
+                                      style: TextStyle(
+                                          color: Color(0xff51D4FF),
+                                          fontSize: 16,
+                                          fontWeight: FontWeight.bold)),
+                                ],
+                              ),
+                            ),
+                          ],
+                        )),
+                  ],
+                )),
+          ],
+        ),
 
     );
   }

lib/widgets/OrderListCard.dart

 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+
+import '../pages/OrderConfirmation/index.dart';
+import '../pages/orderInfo/index.dart';
+import 'OrderInfoCard.dart';
 
 class OrderListCard extends StatelessWidget {
   const OrderListCard({Key? key}) : super(key: key);
                             )),
                         onTap: () {
                           print('进入详情');
+                          Get.to(OrderPageInfo());
                         },
                       )
                     ],

pubspec.lock

       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.0"
+  carousel_slider:
+    dependency: "direct main"
+    description:
+      name: carousel_slider
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.0.0"
   characters:
     dependency: transitive
     description:

pubspec.yaml

   fluttertoast: ^8.0.9
   location: ^4.3.0
   amap_flutter_map: ^3.0.0
+  carousel_slider: ^4.0.0