同步数据

lib/pages/store/index/components/offline_bussiness.dart

@@ -0,0 +1,115 @@
+/*
+ * @Author: zhangdongxue zhangdongxue@uz.cn
+ * @Date: 2022-05-27 15:10:21
+ * @LastEditors: Aimee
+ * @LastEditTime: 2022-05-31 13:52:22
+ * @FilePath: /gl_dao/lib/pages/store/index/components/offline_bussiness.dart
+ * @Description: 线下商家首页展示样式
+ */
+import 'package:flutter/material.dart';
+
+import '../../../../main_color.dart';
+
+class OfflineBussinessWidget extends StatefulWidget {
+  const OfflineBussinessWidget({Key? key}) : super(key: key);
+
+  @override
+  State<OfflineBussinessWidget> createState() => _OfflineBussinessWidgetState();
+}
+
+class _OfflineBussinessWidgetState extends State<OfflineBussinessWidget> {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: ((MediaQuery.of(context).size.width / 2) - 22),
+      height: 104,
+      margin: const EdgeInsets.only(top: 10),
+      padding: const EdgeInsets.only(left: 10),
+      decoration: const BoxDecoration(
+        borderRadius: BorderRadius.all(
+          Radius.circular(10.0),
+        ),
+        color: Colors.white,
+      ),
+      child: Padding(
+        padding: const EdgeInsets.only(
+          top: 16,
+          left: 0,
+          right: 10,
+        ),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            Expanded(
+              flex: 1,
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  const Text(
+                    '吉屋居酒屋',
+                    style: TextStyle(
+                      fontSize: 14,
+                      color: tTextColor333,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ),
+                  const Text(
+                    '距离1.5KM',
+                    style: TextStyle(
+                      fontSize: 12,
+                      color: tTextColor999,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ),
+                  const SizedBox(height: 10),
+                  Container(
+                    padding: const EdgeInsets.only(
+                      left: 10,
+                      right: 10,
+                      top: 1,
+                      bottom: 1,
+                    ),
+                    decoration: BoxDecoration(
+                      border: Border.all(
+                        color: tMainRedColor.withOpacity(0.7),
+                        width: 1,
+                      ),
+                      borderRadius: const BorderRadius.all(
+                        Radius.circular(10.0),
+                      ),
+                    ),
+                    child: const Text(
+                      '前往体验',
+                      style: TextStyle(
+                        color: tMainRedColor,
+                        fontSize: 12,
+                      ),
+                    ),
+                  )
+                ],
+              ),
+            ),
+            Container(
+              height: double.infinity,
+              margin: const EdgeInsets.only(top: 10),
+              child: Column(
+                children: [
+                  SizedBox(
+                    child: ClipOval(
+                      child: Image.network(
+                        'https://pics4.baidu.com/feed/a686c9177f3e6709d8176cf9c0a30a3af8dc5508.jpeg?token=b8f66e0570589dabfd098cd47d88927b',
+                        width: 54,
+                        height: 54,
+                        fit: BoxFit.cover,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}