1

lib/main.dart

@@ -2,10 +2,12 @@
  * @Author: lbh
  * @Author: lbh
  * @Date: 2022-04-07 10:07:36
  * @Date: 2022-04-07 10:07:36
  * @LastEditors: lbh
  * @LastEditors: lbh
- * @LastEditTime: 2022-04-07 16:02:35
+ * @LastEditTime: 2022-04-07 17:46:01
  * @Description: file content
  * @Description: file content
  */
  */
 
 
+import 'dart:html';
+
 import 'package:flutter/material.dart';
 import 'package:flutter/material.dart';
 import "./base/GlobalConfig.dart";
 import "./base/GlobalConfig.dart";
 
 
@@ -101,23 +103,80 @@ class _ListViewPageState extends State<ListViewPage> {
   Widget build(BuildContext context) {
   Widget build(BuildContext context) {
     return RefreshIndicator(
     return RefreshIndicator(
       child: ListView.builder(
       child: ListView.builder(
-          // 上拉加载控制器
-          itemBuilder: (context, index) {
-        Widget tip = const Text("");
+        // 上拉加载控制器
+        itemBuilder: (context, index) {
+          Widget tip = const Text("");
 
 
-        return Column(
-          children: <Widget>[
-            ListTile(
-                title: Text(
-              "10",
-              maxLines: 1,
-            )),
-            const Divider(),
-            // 加载提示
-            tip
-          ],
-        );
-      }),
+          return Column(
+            children: [
+              Container(
+                margin: EdgeInsets.fromLTRB(10.0, 10.0, 10.0, 0.0),
+                color: Colors.white,
+                decoration: BoxDecoration(
+                  borderRadius: BorderRadius.all(
+                    Radius.circular(8.0),
+                  ),
+                ),
+                child: Column(
+                  children: [
+                    ListTile(
+                      // 左邊
+                      leading: Image.network(
+                        'https://hk-ricepon.oss-cn-hongkong.aliyuncs.com/images/member//authority/202204/1648798010297.jpeg',
+                        width: 40.0,
+                        height: 40.0,
+                        fit: BoxFit.cover,
+                      ),
+                      // 標題
+                      title: Row(
+                        children: [
+                          Text(
+                            '好春光,不如夢一場!',
+                            style: TextStyle(
+                              fontWeight: FontWeight.w500,
+                              fontSize: 14.0,
+                            ),
+                          ),
+                          Icon(
+                            Icons.arrow_forward_ios,
+                            size: 12.0,
+                          )
+                        ],
+                      ),
+                      // 副標題
+                      subtitle: Text(
+                        '2022-4-7 16:53:19',
+                        style: TextStyle(
+                          fontSize: 12.0,
+                        ),
+                      ),
+                      trailing: Text('自取 已取消'),
+                    ),
+                    const Divider(),
+                    Container(
+                      padding: EdgeInsets.fromLTRB(70.0, 0.0, 16.0, 0.0),
+                      child: Row(
+                        children: [
+                          Text('14'),
+                          Text('x1'),
+                        ],
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      ),
+                    ),
+                    Container(
+                      child: Text('共1份,總金額: \$ 14.0'),
+                      alignment: Alignment.centerRight,
+                      padding: EdgeInsets.all(16.0),
+                    )
+                  ],
+                ),
+              ),
+              // 加载提示
+              tip
+            ],
+          );
+        },
+      ),
       onRefresh: _onRefresh,
       onRefresh: _onRefresh,
     );
     );
   }
   }