style

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/main/widgets/UserInfo.dart

@@ -7,6 +7,8 @@ class UserInfo extends StatelessWidget {
   @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,

lib/routes/pages.dart

@@ -1,12 +1,16 @@
 
 import 'package:get/get.dart';
+import '../pages/Information/ArticleInfo.dart';
+import '../pages/Information/index.dart';//资讯页面
 import '../pages/index.dart';//Home
-import '../pages/main/index.dart';
-import '../pages/order/index.dart';
+import '../pages/main/index.dart';//我的
+import '../pages/order/index.dart';//订单
 import '../widgets/OrderInfoCard.dart';
 
 List<GetPage> pages = [
-  GetPage(name: '/', page: () =>  MainPage()),
+  GetPage(name: '/', page: () =>  ArticleInfo()),
+  GetPage(name: '/ArticleInfo', page: () =>  ArticleInfo()),//资讯详情
+
   // GetPage(name: '/splash', page: () => SplashScreen()),
   // GetPage(name: '/login', page: () =>  MyRouteLogin()),
 ];

pubspec.yaml

@@ -86,6 +86,7 @@ flutter:
     - images/feedbacks.png
     - images/userRight.png
     - images/versionUpdate.png
+    - images/icons/decorate.png
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware.