aa

lib/components/UI/DefaultButton.dart

@@ -0,0 +1,89 @@
+import 'package:flutter/material.dart';
+
+
+
+class DefaultButton extends StatefulWidget {
+  //点击回调
+  final GestureTapCallback onPressed;
+  final String text;
+  final EdgeInsetsGeometry margin;
+  final double width;
+  final double height;
+  final double? fontSize;
+  final Color backColor;
+  final Color color;
+
+  EdgeInsetsGeometry marginDefault =
+  const EdgeInsets.fromLTRB(0, 90.0, 0, 30); //按钮默认的margin值
+
+  DefaultButton({
+    Key? key,
+    required this.onPressed,
+    required this.text,
+    required this.margin,
+    required this.width,
+    required this.height,
+    this.fontSize,
+    required this.backColor,
+    required this.color,
+  }) : super(key: key);
+
+  @override
+  State createState() {
+    if (margin == null) {
+      return _DefaultButtonState(onPressed, text, marginDefault,width,height,fontSize,backColor,color);
+    }
+    return _DefaultButtonState(onPressed, text, margin,width,height,fontSize,backColor,color);
+  }
+}
+
+class _DefaultButtonState extends State<DefaultButton> {
+  //点击回调
+  final GestureTapCallback onPressed;
+  final String text;
+  final EdgeInsetsGeometry margin;
+  final double width;
+  final double height;
+  final double? fontSize;
+  final Color backColor;
+  final Color color;
+  _DefaultButtonState(
+      this.onPressed,
+      this.text,
+      this.margin,
+      this.width,
+      this.height,
+      this.fontSize,
+      this.backColor,
+      this.color
+      );
+
+  @override
+  Widget build(BuildContext context) {
+    Widget _SectionBtn = Container(
+      margin: margin,
+      child: SizedBox(
+        width: width,
+        height: height,
+        child: RaisedButton(
+          color: backColor,
+          disabledColor: const Color(0xF5F6F7ff),
+          disabledTextColor: const Color(0xF5F6F7ff),
+          colorBrightness: Brightness.dark,
+          shape:
+          RoundedRectangleBorder(borderRadius: BorderRadius.circular(5.0)),
+          child: Text(text,style:  TextStyle(
+              fontSize: fontSize,
+              color: color,
+          ),),
+          textColor: Colors.white,
+          onPressed: onPressed,
+        ),
+      ),
+    );
+
+    return _SectionBtn;
+  }
+
+}
+

lib/models/Store.dart

@@ -0,0 +1 @@
+// TODO Implement this library.

lib/models/User.dart

@@ -0,0 +1,15 @@
+
+import 'package:farmer_client/models/entities/person.dart';
+import 'package:get/get.dart';
+
+class User extends GetxController {
+  Person? _person;
+  Person? get person => _person;
+  set person (Person? p) {
+    _person = p;
+    update();
+  }
+
+  bool get isLogin => _person != null;
+
+}

lib/pages/Information/ArticleInfo.dart

@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+class ArticleInfo extends StatelessWidget {
+  const ArticleInfo({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        resizeToAvoidBottomInset: false,
+        appBar: AppBar(
+          title: Text('资讯'),
+          leading: Icon(Icons.arrow_back_ios),
+          // backgroundColor: Colors.transparent,
+          centerTitle: true,
+        ),
+        body: Container(
+          padding: EdgeInsets.fromLTRB(15, 30, 15, 50),
+
+          child: Column(
+            children: [
+              Container(
+                alignment: Alignment.center,
+                child:  Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    Image(image: AssetImage('images/icons/decorate.png'),width: 17,),
+                    Text('我是22222222222标题',
+                    style: TextStyle(
+                      fontSize: 17.sp,
+                      fontWeight: FontWeight.bold,
+
+                    ),
+                    ),
+                    Image(image: AssetImage('images/icons/decorate.png'),width: 17),
+
+                  ],
+                ),
+              ),
+              Container(
+                padding: EdgeInsets.fromLTRB(0, 20, 0, 10),
+                width: 344.w,
+                child: Text('gr一年之计在于春，连日来，农业生产工作正在热火朝天的进行着：农技人员走村串户指导农户春耕生产，大型拖拉机忙着翻垦农田，植保无人机 ',
+                style: TextStyle(
+                  fontSize: 14.sp
+                ),
+                ) ,
+              ),
+              Container(
+                padding: EdgeInsets.fromLTRB(0, 10, 0,10),
+                child: Image(image: AssetImage('images/cars.png'),width:320.w,height:260.w,fit: BoxFit.fill,),
+
+              )
+
+
+            ],
+          ),
+        ),
+    );
+
+  }
+}

lib/pages/Information/index.dart

@@ -0,0 +1,141 @@
+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';
+
+class Information extends StatefulWidget {
+  const Information({Key? key}) : super(key: key);
+
+  @override
+  State<Information> createState() => _InformationState();
+}
+
+class _InformationState extends State<Information> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      resizeToAvoidBottomInset: false,
+      appBar: AppBar(
+        title: Text('资讯'),
+        leading: Icon(Icons.arrow_back_ios),
+        // backgroundColor: Colors.transparent,
+        centerTitle: true,
+      ),
+      body: ListView(
+        children: [
+          // ListTile用不好
+
+          GestureDetector(
+            child:
+            Container(
+                padding: EdgeInsets.fromLTRB(0, 30, 0, 30),
+                width: 310.w,
+                decoration: const BoxDecoration(
+                    border:Border(
+                        bottom:
+                        BorderSide(width: 0.5, color: Color(0x20000000)
+                          // 0x17000000
+                        ))
+                ),
+                child: Row(
+                  children: [
+                    Container(
+                      margin: EdgeInsets.fromLTRB(15, 0, 11, 0),
+                      width: 100,
+                      height: 100,
+                      decoration: BoxDecoration(
+                        image:  DecorationImage(
+                          image: AssetImage('images/cars.png'),
+                          fit: BoxFit.cover,
+                        ),
+
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                    )
+                    ,
+                    Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Container(
+                          width: 240.w,
+                          padding: EdgeInsets.fromLTRB(0, 0, 0, 30),
+                          child: Text("我我就是一个标题，什阿三大苏打333萨达萨达萨达v么特不是",
+                              softWrap: true,
+                              maxLines: 2,
+                              textAlign: TextAlign.left,
+                              overflow: TextOverflow.ellipsis,
+                              style: TextStyle(
+                                fontSize: 17.sp, fontWeight: FontWeight.bold,)),
+                        ),
+                        Container(
+                          child: Text('2022-02-09'),
+                        )
+                      ],
+                    )
+                  ],
+                )
+            ),
+            onTap: () {
+              Get.toNamed('/ArticleInfo');
+            },
+          ),
+          GestureDetector(
+            child:
+            Container(
+                padding: EdgeInsets.fromLTRB(0, 30, 0, 30),
+                width: 310.w,
+                decoration: const BoxDecoration(
+                    border:Border(
+                        bottom:
+                        BorderSide(width: 0.5, color: Color(0x20000000)
+                          // 0x17000000
+                        ))
+                ),
+                child: Row(
+                  children: [
+                    Container(
+                      margin: EdgeInsets.fromLTRB(15, 0, 11, 0),
+                      width: 100,
+                      height: 100,
+                      decoration: BoxDecoration(
+                        image:  DecorationImage(
+                          image: AssetImage('images/cars.png'),
+                          fit: BoxFit.cover,
+                        ),
+
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                    )
+                    ,
+                    Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Container(
+                          width: 240.w,
+                          padding: EdgeInsets.fromLTRB(0, 0, 0, 30),
+                          child: Text("我我就是一个标题，什阿三大苏打333萨达萨达萨达v么特不是",
+                              softWrap: true,
+                              maxLines: 2,
+                              textAlign: TextAlign.left,
+                              overflow: TextOverflow.ellipsis,
+                              style: TextStyle(
+                                fontSize: 17.sp, fontWeight: FontWeight.bold,)),
+                        ),
+                        Container(
+                          child: Text('2022-02-09'),
+                        )
+                      ],
+                    )
+                  ],
+                )
+            ),
+            onTap: () {
+              print('进入资讯详情');
+            },
+          )
+
+        ],
+      ),
+    );
+  }
+}

lib/pages/TabBar/Information_page.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+
+class InformationPage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return Scaffold(
+      body: Center(child: Text('资讯')),
+    );
+  }
+}

lib/pages/TabBar/Mine_page.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+
+class MinePage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return Scaffold(
+      body: Center(child: Text('我的')),
+    );
+  }
+}

lib/pages/TabBar/Orders_page.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+
+class OrdersPage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return Scaffold(
+      body: Center(child: Text('订单')),
+    );
+  }
+}

lib/pages/TabBar/home_page.dart

@@ -0,0 +1,10 @@
+import 'package:flutter/material.dart';
+
+class HomePage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(child: Text('首页')),
+    );
+  }
+}

lib/pages/TabBar/index_page.dart

@@ -0,0 +1,71 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/cupertino.dart';
+import 'home_page.dart';
+import 'Information_page.dart';
+import 'Mine_page.dart';
+import 'Orders_page.dart';
+
+class IndexPage extends StatefulWidget {
+  _IndexPageState createState() => _IndexPageState();
+}
+
+class _IndexPageState extends State<IndexPage> {
+
+
+  final List<BottomNavigationBarItem> bottomTabs = [
+     BottomNavigationBarItem(
+      icon: Icon(CupertinoIcons.home),
+      title: Text('首页'),
+    ),
+     BottomNavigationBarItem(
+      icon: Icon(CupertinoIcons.search),
+      title: Text('资讯'),
+
+    ),
+     BottomNavigationBarItem(
+      icon: Icon(CupertinoIcons.shopping_cart),
+      title: Text('订单'),
+
+    ),
+     BottomNavigationBarItem(
+      icon: Icon(CupertinoIcons.profile_circled),
+      title: Text('我的'),
+    ),
+  ];
+
+  final List tabBodies = [
+    HomePage(),
+    InformationPage(),
+    OrdersPage(),
+    MinePage(),
+  ];
+
+  int currentIndex = 0;
+  var currentPage;
+
+  @override
+  void initState() {
+    super.initState();
+    currentPage = tabBodies[currentIndex];
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return Scaffold(
+      backgroundColor: Color.fromRGBO(244, 245, 245, 1),
+      bottomNavigationBar: BottomNavigationBar(
+        type: BottomNavigationBarType.fixed,
+        currentIndex: currentIndex,
+        items: bottomTabs,
+        onTap: (index){
+          setState(() {
+            currentIndex = index;
+            currentPage = tabBodies[currentIndex];
+          });
+        },
+      ),
+      body: currentPage,
+    );
+  }
+}

lib/pages/TabBar/member_page.dart

@@ -0,0 +1 @@
+// TODO Implement this library.

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

@@ -11,6 +11,7 @@ class TypeHeader extends StatefulWidget {
   State<TypeHeader> createState() => _TypeHeaderState();
 }
 
+
 class _TypeHeaderState extends State<TypeHeader> {
   @override
   Widget build(BuildContext context) {

lib/pages/home/index.dart

@@ -0,0 +1,11 @@
+
+import 'package:flutter/material.dart';
+
+class Home extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    // controller.person
+    return const Scaffold(body: Text("首页"),);
+  }
+
+}

lib/pages/home2.dart

@@ -0,0 +1,109 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+class Home extends StatefulWidget {
+  const Home({Key? key}) : super(key: key);
+
+  @override
+  _Home createState() => _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 = ['首页', '订单列表', '个人中心'];
+  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(
+      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: _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)
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/pages/main/index.dart

@@ -0,0 +1,86 @@
+import 'package:farmer_client/pages/main/widgets/OtherColumn.dart';
+import 'package:farmer_client/pages/main/widgets/UserAddress.dart';
+import 'package:farmer_client/pages/main/widgets/UserInfo.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+
+class MainPage extends StatefulWidget {
+  const MainPage({Key? key}) : super(key: key);
+
+  @override
+  State<MainPage> createState() => _MainPageState();
+}
+
+class _MainPageState extends State<MainPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      resizeToAvoidBottomInset: false,
+      appBar:  AppBar(
+        title:  Text('我的'),
+        leading:  Icon(Icons.arrow_back_ios),
+        // backgroundColor: Colors.transparent,
+        centerTitle: true,
+
+      ),
+      body:Container(
+        alignment: Alignment.center,
+        child:   ListView(
+          children: [
+            Column(
+              children: [
+                UserInfo(),//头部，头像手机号姓名
+                UserAddress(),//用户地址
+                OtherColumn(),//功能菜单栏
+                Container(
+                  height: 70.h,
+                  margin: EdgeInsets.only(top: 0, bottom: 40.0),
+                  alignment: Alignment.bottomCenter,
+                  decoration:  BoxDecoration(
+                    boxShadow: [
+                      BoxShadow(
+                        blurRadius: 10, //阴影范围
+                        spreadRadius: 0.1, //阴影浓度
+                        color: Colors.grey.withOpacity(0.2), //阴影颜色
+                      ),
+                    ],
+                  ),
+                  child: SizedBox(
+                    width: 315.w,
+                    height: 49.h,
+                    child: ElevatedButton(
+                      onPressed: () {
+                        // _handelSubmit();
+                        print('用户点击了支付啊阿松大撒地方');
+                      },
+                      child: const Text(
+                        "退出登陆",
+                        style: TextStyle(
+                            fontSize: 18,
+                            color: Colors.black,
+                            fontWeight: FontWeight.bold),
+                      ),
+                      style: ButtonStyle(
+                        elevation: MaterialStateProperty.all(0),
+                        backgroundColor:
+                        MaterialStateProperty.all(const Color(0xFFFFFFFF)),
+                        shape: MaterialStateProperty.all(
+                            const RoundedRectangleBorder(
+                                borderRadius:
+                                BorderRadius.all(Radius.circular(24.4)))),
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ],
+        )
+
+      )
+
+
+    );
+  }
+}

lib/pages/main/widgets/OtherColumn.dart

@@ -0,0 +1,155 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+class OtherColumn extends StatelessWidget {
+  const OtherColumn({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return  Container(
+        alignment: Alignment.center,
+        width: 345.w,
+        margin: EdgeInsets.fromLTRB(0, 15.w, 0, 15.w),
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(30),
+          color: Colors.white,
+          boxShadow: [
+            BoxShadow(
+              blurRadius: 10, //阴影范围
+              spreadRadius: 0.1, //阴影浓度
+              color: Colors.grey.withOpacity(0.2), //阴影颜色
+            ),
+          ],
+        ),
+        child: Column(
+          children: [
+            Container(
+                margin: EdgeInsets.fromLTRB(0, 30.w, 0, 20.w),
+                alignment: Alignment.topLeft,
+                decoration: const BoxDecoration(
+                    border: Border(
+                        left: BorderSide(width: 5, color: Color(0xff000000)
+                            // 0x17000000
+                            ))),
+                child: Padding(
+                  padding: EdgeInsets.fromLTRB(12.w, 0, 0, 0),
+                  child: Text(
+                    '地址信息',
+                    style: TextStyle(
+                      color: Color(0xff333333),
+                      fontWeight: FontWeight.bold,
+                      fontSize: 17.sp,
+                    ),
+                  ),
+                )),
+            Container(
+              child: Column(
+                children: [
+                  Container(
+                    height: 45.w,
+                    width: 310.w,
+                    margin: EdgeInsets.fromLTRB(0, 10.w, 0, 0),
+
+                    decoration: const BoxDecoration(
+                        border:Border(
+                            bottom:
+                            BorderSide(width: 0.5, color: Color(0x20000000)
+                              // 0x17000000
+                            ))
+                    ),
+
+                    child: ListTile(
+                      contentPadding: EdgeInsets.symmetric(horizontal: 0.0),
+                      // 这边使用了contentPadding
+                      leading: Image(
+                        image: AssetImage('images/aboutUs.png'),
+                        width: 18.w,
+                        height: 21.w,
+                      ),
+                      title: Transform(
+                        transform: Matrix4.translationValues(-20, 0.0, 0.0),
+                        child: Text("版本更新",
+                            style: TextStyle(
+                                fontSize: 17.sp, color: Color(0xff333333))),
+                      ),
+                      trailing: Image(
+                        image: AssetImage('images/userRight.png'),
+                        width: 10.w,
+                        height: 18.w,
+                      ),
+                    ),
+                  ),
+                  Container(
+                    margin: EdgeInsets.fromLTRB(0, 10.w, 0, 0),
+                    width: 310.w,
+                    height: 45.w,
+                    decoration: const BoxDecoration(
+                        border:Border(
+                            bottom:
+                            BorderSide(width: 0.5, color: Color(0x20000000)
+                              // 0x17000000
+                            ))
+                    ),
+
+                    child: ListTile(
+                      contentPadding: EdgeInsets.symmetric(horizontal: 0.0),
+
+                      leading: Image(
+                        image: AssetImage('images/versionUpdate.png'),
+                        width: 18.w,
+                        height: 21.w,
+                      ),
+                      title: Transform(
+                        transform: Matrix4.translationValues(-20, 0.0, 0.0),
+                        child: Text("用户协议及隐私政策",
+                            style: TextStyle(
+                                fontSize: 17.sp, color: Color(0xff333333))),
+                      ),
+                      trailing: Image(
+                        image: AssetImage('images/userRight.png'),
+                        width: 10.w,
+                        height: 18.w,
+                      ),
+                    ),
+                  ),
+                  Container(
+                    margin: EdgeInsets.fromLTRB(0, 10.w, 0, 20.w),
+                    width: 310.w,
+                    height: 45.w,
+                    decoration: const BoxDecoration(
+                        border:Border(
+                            bottom:
+                            BorderSide(width: 0.5, color: Color(0x20000000)
+                              // 0x17000000
+                            ))
+                    ),
+
+                    child: ListTile(
+                      contentPadding: EdgeInsets.symmetric(horizontal: 0.0),
+
+                      leading: Image(
+                        image: AssetImage('images/feedbacks.png'),
+                        width: 18.w,
+                        height: 21.w,
+                      ),
+                      title: Transform(
+                        transform: Matrix4.translationValues(-20, 0.0, 0.0),
+                        child: Text("意见反馈",
+                            style: TextStyle(
+                                fontSize: 17.sp, color: Color(0xff333333))),
+                      ),
+                      trailing: Image(
+                        image: AssetImage('images/userRight.png'),
+                        width: 10.w,
+                        height: 18.w,
+                      ),
+                    ),
+                  ),
+
+                ],
+              ),
+            )
+          ],
+        ));
+  }
+}

lib/pages/main/widgets/UserAddress.dart

@@ -0,0 +1,98 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+class UserAddress extends StatelessWidget {
+  const UserAddress({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+        alignment: Alignment.center,
+        height: 123.w,
+        width: 345.w,
+        margin: EdgeInsets.fromLTRB(0, 15.w, 0, 15.w),
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(30),
+          color: Colors.white,
+          boxShadow: [
+            BoxShadow(
+              blurRadius: 10, //阴影范围
+              spreadRadius: 0.1, //阴影浓度
+              color: Colors.grey.withOpacity(0.2), //阴影颜色
+            ),
+          ],
+        ),
+        child: Column(
+          children: [
+            Container(
+                margin: EdgeInsets.fromLTRB(0, 30.w, 0, 20.w),
+                alignment: Alignment.topLeft,
+                decoration: const BoxDecoration(
+                    border: Border(
+                        left: BorderSide(width: 5, color: Color(0xff000000)
+                            // 0x17000000
+                            ))),
+                child: Padding(
+                  padding: EdgeInsets.fromLTRB(12.w, 0, 0, 0),
+                  child: Text(
+                    '地址信息',
+                    style: TextStyle(
+                      color: Color(0xff333333),
+                      fontWeight: FontWeight.bold,
+                      fontSize: 17.sp,
+                    ),
+                  ),
+                )),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Container(
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    children: [
+                      Padding(
+                        padding: EdgeInsets.fromLTRB(17.w, 0, 10.w, 0),
+                        child: Image(
+                          image: AssetImage('images/gpsImgae.png'),
+                          width: 12.w,
+                        ),
+                      ),
+                      Container(
+                        width: 260,
+                        child: GestureDetector(
+                          child: Text(
+                            '请填写详细地址请填写详细地址请填写详细地址',
+                            softWrap: true,
+                            maxLines: 1,
+                            textAlign: TextAlign.left,
+                            overflow: TextOverflow.ellipsis,
+                            style: TextStyle(
+                              fontWeight: FontWeight.bold,
+                              fontSize: 17,
+                            ),
+                          ),
+                          onTap: () {
+                            print('修改地址');
+                          },
+                        ),
+                      )
+                    ],
+                  ),
+                ),
+                Container(
+                  alignment: Alignment.center,
+                  padding: EdgeInsets.fromLTRB(0, 0, 30.w, 0),
+                  child: Text(
+                    '>>',
+                    style: TextStyle(
+                      fontWeight: FontWeight.bold,
+                      fontSize: 17,
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ));
+  }
+}

lib/pages/main/widgets/UserInfo.dart

@@ -0,0 +1,111 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+class UserInfo extends StatelessWidget {
+  const UserInfo({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: EdgeInsets.only(top: 20.0, bottom: 0.0),
+
+      alignment: Alignment.center,
+      height: 173.w,
+      width: 345.w,
+      decoration: BoxDecoration(
+        image: const DecorationImage(
+          image: AssetImage("images/mineBack.png"),
+          fit: BoxFit.cover,
+        ),
+        borderRadius: BorderRadius.circular(10),
+      ),
+      child: Stack(
+        fit: StackFit.expand,
+        children: [
+          Positioned(
+            top: 0,
+            right: 0,
+            child: Container(
+                alignment: Alignment.center,
+                height: 24.w,
+                width: 93.w,
+                decoration: const BoxDecoration(
+                  borderRadius: BorderRadius.only(
+                      bottomLeft: Radius.circular(20),
+                      topRight: Radius.circular(20)),
+                  color: Color(0x30000000),
+                ),
+                child: GestureDetector(
+                  child: const Text(
+                    '修改个人信息',
+                    style: TextStyle(color: Colors.white),
+                  ),
+                  onTap: () {
+                    print('修改个人信息');
+                  },
+                )),
+          ),
+          Row(
+            children: [
+              Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  Container(
+                    decoration: BoxDecoration(
+                      shape: BoxShape.circle,
+                      border: Border.all(
+                        color: Colors.white,
+                        width: 2,
+                      ),
+                    ),
+                    margin: EdgeInsets.fromLTRB(30, 0, 15, 0),
+                    alignment: Alignment.center,
+                    child: Image.asset(
+                      "images/userMoren.png",
+                      width: 63.w,
+                    ),
+                  ),
+                ],
+              ),
+              Container(
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Container(
+                      margin: EdgeInsets.fromLTRB(0, 0, 0, 10),
+                      child: Text(
+                        '符西西',
+                        style: TextStyle(
+                          color: Colors.white,
+                          fontSize: 17,
+                        ),
+                      ),
+                    ),
+                    Container(
+                      margin: EdgeInsets.fromLTRB(0, 10, 0, 0),
+                      child: Text(
+                        '17775000245',
+                        style: TextStyle(
+                          color: Colors.white,
+                          fontSize: 17,
+                        ),
+                      ),
+                    ),
+                    // const Text(
+                    //      '点击登陆',
+                    //      style: TextStyle(
+                    //        color: Colors.white,
+                    //        fontSize: 17,
+                    //      ),
+                    //    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/pages/order/index.dart

@@ -0,0 +1,70 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+import '../../widgets/OrderInfoCard.dart';
+
+
+
+
+
+class OrderPage extends StatefulWidget {
+  const OrderPage({Key? key}) : super(key: key);
+
+  @override
+  State<OrderPage> createState() => _OrderPageState();
+}
+
+class _OrderPageState extends State<OrderPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      resizeToAvoidBottomInset: false,
+      appBar:  AppBar(
+        title:  Text('订单'),
+        leading:  Icon(Icons.arrow_back_ios),
+        backgroundColor: Color(0xff2b9270),
+        // backgroundColor: Colors.transparent,
+        centerTitle: true,
+
+      ),
+      body:      Column(
+        children: [
+          OrderInfoCard(),
+
+          Container(
+            height: 130.h,
+            margin: EdgeInsets.only(top: 20.0, bottom: 0.0),
+            alignment: Alignment.bottomCenter,
+            child: SizedBox(
+              width: 315.w,
+              height: 49.h,
+              child: ElevatedButton(
+                onPressed: () {
+                  // _handelSubmit();
+                  print('用户点击了支付啊阿松大撒地方');
+                },
+                child: const Text(
+                  "支付",
+                  style: TextStyle(
+                      fontSize: 18,
+                      color: Colors.white,
+                      fontWeight: FontWeight.bold),
+                ),
+                style: ButtonStyle(
+                  elevation: MaterialStateProperty.all(0),
+                  backgroundColor:
+                  MaterialStateProperty.all(const Color(0xFFFF703B)),
+                  shape: MaterialStateProperty.all(
+                      const RoundedRectangleBorder(
+                          borderRadius:
+                          BorderRadius.all(Radius.circular(24.4)))),
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+
+  }
+}