[feature] 添加模版

Blues9527 · Nov 29, 2022 · 7c29b3a · 7c29b3a
1 parent e557a81
commit 7c29b3a
Show file tree

Hide file tree

Showing 37 changed files with 975 additions and 22 deletions.
diff --git a/fair_templates/images/appbar.png b/fair_templates/images/appbar.png
diff --git a/...ollview/cover_custom_scrollview_small.png → fair_templates/images/custom_scrollview.png b/...ollview/cover_custom_scrollview_small.png → fair_templates/images/custom_scrollview.png
diff --git a/fair_templates/images/detail_page.png b/fair_templates/images/detail_page.png
diff --git a/fair_templates/images/drawer.png b/fair_templates/images/drawer.png
diff --git a/fair_templates/images/fab.png b/fair_templates/images/fab.png
diff --git a/...mponent/gridview/cover_gridview_small.png → fair_templates/images/gridview.png b/...mponent/gridview/cover_gridview_small.png → fair_templates/images/gridview.png
diff --git a/fair_templates/images/list_card.png b/fair_templates/images/list_card.png
diff --git a/fair_templates/images/list_page.png b/fair_templates/images/list_page.png
diff --git a/...mponent/listview/cover_listview_small.png → fair_templates/images/listview.png b/...mponent/listview/cover_listview_small.png → fair_templates/images/listview.png
diff --git a/fair_templates/images/login_page.png b/fair_templates/images/login_page.png
diff --git a/...mponent/pageview/cover_pageview_small.png → fair_templates/images/pageview.png b/...mponent/pageview/cover_pageview_small.png → fair_templates/images/pageview.png
diff --git a/fair_templates/images/popupmenubutton.png b/fair_templates/images/popupmenubutton.png
diff --git a/...aggeredview/cover_staggeredview_small.png → fair_templates/images/staggeredview.png b/...aggeredview/cover_staggeredview_small.png → fair_templates/images/staggeredview.png
diff --git a/fair_templates/images/tabbar.png b/fair_templates/images/tabbar.png
diff --git a/..._scrollview/standard/home_scrollview.dart → ..._scrollview/standard/home_scrollview.dart b/..._scrollview/standard/home_scrollview.dart → ..._scrollview/standard/home_scrollview.dart
diff --git a/.../gridview/standard/gridview_template.dart → .../gridview/standard/gridview_template.dart b/.../gridview/standard/gridview_template.dart → .../gridview/standard/gridview_template.dart
diff --git a/...t/listview/datasource/fair_test_data.dart → ...t/listview/datasource/fair_test_data.dart b/...t/listview/datasource/fair_test_data.dart → ...t/listview/datasource/fair_test_data.dart
diff --git a/...ent/listview/standard/hotel_listview.dart → ...ent/listview/standard/hotel_listview.dart b/...ent/listview/standard/hotel_listview.dart → ...ent/listview/standard/hotel_listview.dart
diff --git a/...istview/standard/hotel_listview_item.dart → ...istview/standard/hotel_listview_item.dart b/...istview/standard/hotel_listview_item.dart → ...istview/standard/hotel_listview_item.dart
diff --git a/...t/pageview/datasource/fair_test_data.dart → ...t/pageview/datasource/fair_test_data.dart b/...t/pageview/datasource/fair_test_data.dart → ...t/pageview/datasource/fair_test_data.dart
diff --git a/.../pageview/standard/pageview_template.dart → .../pageview/standard/pageview_template.dart b/.../pageview/standard/pageview_template.dart → .../pageview/standard/pageview_template.dart
diff --git a/...view/standard/pageview_template_item.dart → ...view/standard/pageview_template_item.dart b/...view/standard/pageview_template_item.dart → ...view/standard/pageview_template_item.dart
diff --git a/...ggeredview/datasource/fair_test_data.dart → ...ggeredview/datasource/fair_test_data.dart b/...ggeredview/datasource/fair_test_data.dart → ...ggeredview/datasource/fair_test_data.dart
diff --git a/...view/standard/staggeredview_template.dart → ...view/standard/staggeredview_template.dart b/...view/standard/staggeredview_template.dart → ...view/standard/staggeredview_template.dart
diff --git a/...standard/staggeredview_template_item.dart → ...standard/staggeredview_template_item.dart b/...standard/staggeredview_template_item.dart → ...standard/staggeredview_template_item.dart
diff --git a/fair_templates/templates/page/detail_page/fair_detail.dart b/fair_templates/templates/page/detail_page/fair_detail.dart
@@ -0,0 +1,208 @@
+import 'package:flutter/material.dart';
+import 'package:fair/fair.dart';
+
+@FairPatch()
+class FairDetail extends StatefulWidget {
+  final dynamic fairProps;
+
+  const FairDetail({Key? key, this.fairProps}) : super(key: key);
+
+  @override
+  State<StatefulWidget> createState() => _FairDetailState();
+}
+
+class _FairDetailState extends State<FairDetail> {
+  @FairProps()
+  var fairProps;
+
+  @override
+  void initState() {
+    super.initState();
+    fairProps = widget.fairProps;
+  }
+
+  /// 顶部widget
+  Widget _topWidget() {
+    return Stack(
+      children: [
+        Container(
+          child: Image.network('https://pic3.58cdn.com.cn/nowater/frs/n_v327380fe3313c44cb8528c6a7b5fb501c.jpg'),
+        ),
+        Positioned(
+          top: 20,
+          child: Container(
+            height: 72,
+            width: 66,
+            child: Image.network('https://pic3.58cdn.com.cn/nowater/frs/n_v378fb424b4182441a9f743c44336ea9f5.png'),
+          ),
+        )
+      ],
+    );
+  }
+
+  /// 概要widget
+  Widget _outlineWidget() {
+    return Padding(
+      padding: EdgeInsets.fromLTRB(20, 25, 20, 0),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Text(
+            _getAuth(),
+            style: TextStyle(
+              color: Color(0xFF3978C4),
+              fontWeight: FontWeight.w500,
+              fontSize: 15,
+            ),
+          ),
+          Padding(
+            padding: EdgeInsets.fromLTRB(0, 15, 0, 0),
+            child: Text(
+              _getTitle(),
+              style: TextStyle(
+                  color: Colors.black,
+                  fontWeight: FontWeight.bold,
+                  fontSize: 20),
+            ),
+          ),
+          Padding(
+            padding: EdgeInsets.fromLTRB(0, 10, 0, 0),
+            child: Text(
+              _getDes(),
+              maxLines: 2,
+              overflow: TextOverflow.ellipsis,
+              style: TextStyle(
+                color: Colors.grey,
+                fontWeight: FontWeight.w400,
+                fontSize: 14,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  /// 时间&地点
+  Widget _timeAndLocation() {
+    return Padding(
+      padding: EdgeInsets.fromLTRB(20, 15, 20, 0),
+      child: Row(
+        crossAxisAlignment: CrossAxisAlignment.end,
+        children: [
+          Container(
+            width: 20,
+            height: 20,
+            child: Image.network('https://pic7.58cdn.com.cn/nowater/frs/n_v37e6d7991117d417eac9b0214dbc3fb34.png'),
+          ),
+          Padding(
+            padding: EdgeInsets.only(left: 5),
+            child: Text(
+              _getTime(),
+              style: TextStyle(
+                fontSize: 15,
+                color: Color(0xFF3978C4),
+              ),
+              maxLines: 1,
+            ),
+          ),
+          Padding(
+            padding: EdgeInsets.only(left: 30),
+            child: Container(
+              width: 26,
+              height: 20,
+              child: Image.network('https://pic5.58cdn.com.cn/nowater/frs/n_v3df9d125924c84b129515973e617aebe1.png'),
+            ),
+          ),
+          Expanded(
+            child: Text(
+              _getLocation(),
+              style: TextStyle(color: Color(0xFF3978C4)),
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _DetailTitle() {
+    return Padding(
+      padding: EdgeInsets.fromLTRB(20, 25, 20, 0),
+      child: Text(
+        'Event Details',
+        style: TextStyle(
+            color: Colors.grey, fontSize: 14, fontWeight: FontWeight.w500),
+      ),
+    );
+  }
+
+  /// 详细信息
+  Widget _information() {
+    return Padding(
+      padding: EdgeInsets.fromLTRB(20, 10, 20, 0),
+      child: Text(
+        _getDetailContent(),
+        style: TextStyle(
+            color: Color(0xFF121416),
+            fontSize: 15,
+            fontWeight: FontWeight.w500),
+      ),
+    );
+  }
+
+  String _getAuth() {
+    return fairProps['auth'];
+  }
+
+  String _getTitle() {
+    return fairProps['title'];
+  }
+
+  String _getDes() {
+    return fairProps['des'];
+  }
+
+  String _getTime() {
+    return fairProps['time'];
+  }
+
+  String _getLocation() {
+    return fairProps['location'];
+  }
+
+  String _getDetailContent() {
+    return fairProps['detail'];
+  }
+
+  void _onPress(){
+    print('onPressed');
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+//      floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
+      floatingActionButton: Container(
+        width: Sugar.width(context),
+        height: 45,
+        margin: EdgeInsets.fromLTRB(50, 0, 50, 15),
+        child: ElevatedButton(
+          onPressed:_onPress,
+          child: Text('RSVP to Event'),
+        ),
+      ),
+      body: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          _topWidget(),
+          _outlineWidget(),
+          _timeAndLocation(),
+          _DetailTitle(),
+          _information(),
+        ],
+      ),
+    );
+  }
+}
diff --git a/fair_templates/templates/page/list_card/list_card_item.dart b/fair_templates/templates/page/list_card/list_card_item.dart
@@ -0,0 +1,129 @@
+import 'package:fair/fair.dart';
+import 'package:flutter/material.dart';
+
+@FairPatch()
+class ListCardItem extends StatefulWidget {
+  const ListCardItem({Key? key}) : super(key: key);
+
+  @override
+  State<ListCardItem> createState() => _ListCardItemState();
+}
+
+class _ListCardItemState extends State<ListCardItem> {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      child: Padding(
+        padding: EdgeInsets.fromLTRB(20, 10, 20, 20),
+        child: Column(
+          children: [
+            Row(
+              children: [
+                Expanded(
+                    child: Row(
+                  children: [
+                    CircleAvatar(
+                      radius: 30,
+                      backgroundImage: NetworkImage(
+                          'http://c-ssl.duitang.com/uploads/item/202003/26/20200326223552_nayyt.jpeg'),
+                    ),
+                    SizedBox(
+                      width: 20,
+                    ),
+                    Text(
+                      '贝贝',
+                      style: TextStyle(
+                          fontSize: 15,
+                          fontWeight: FontWeight.bold,
+                          decoration: TextDecoration.none,
+                          color: Colors.black),
+                    )
+                  ],
+                )),
+                Container(
+                  width: 30,
+                  height: 30,
+                  child: Image.network('https://pic6.58cdn.com.cn/nowater/frs/n_v33db8caaa95cc4d1eb9426e9b991bed34.png'),
+                )
+              ],
+            ),
+            Padding(
+              padding: EdgeInsets.fromLTRB(10, 10, 10, 10),
+              child: Row(
+                children: [
+                  Expanded(
+                      child: Text(
+                    '换个头像换个心情😊',
+                    style: TextStyle(
+                        fontSize: 15,
+                        fontWeight: FontWeight.bold,
+                        decoration: TextDecoration.none,
+                        color: Colors.black),
+                  ))
+                ],
+              ),
+            ),
+            Card(
+              child: Image(
+                image: NetworkImage(
+                    'https://img2.baidu.com/it/u=4114138728,2649938841&fm=253&fmt=auto&app=138&f=JPEG'),
+              ),
+            ),
+            Padding(
+              padding: EdgeInsets.fromLTRB(10, 10, 10, 10),
+              child: Row(
+                children: [
+                  Expanded(
+                      child: Row(
+                    children: [
+                      SizedBox(
+                        width: 30,
+                        height: 30,
+                        child: Image.network('https://pic7.58cdn.com.cn/nowater/frs/n_v35812c5fc830e49d991d5e17633729392.png'),
+                      ),
+                      SizedBox(
+                        width: 15,
+                      ),
+                      Text(
+                        '125',
+                        style: TextStyle(
+                            fontSize: 15,
+                            fontWeight: FontWeight.bold,
+                            decoration: TextDecoration.none,
+                            color: Colors.black54),
+                      ),
+                      SizedBox(
+                        width: 30,
+                      ),
+                      SizedBox(
+                        width: 30,
+                        height: 30,
+                        child: Image.network('https://pic4.58cdn.com.cn/nowater/frs/n_v3c264a2d3f9864ecabd8f05ee944ccafe.png'),
+                      ),
+                      SizedBox(
+                        width: 15,
+                      ),
+                      Text(
+                        '66',
+                        style: TextStyle(
+                            fontSize: 15,
+                            fontWeight: FontWeight.bold,
+                            decoration: TextDecoration.none,
+                            color: Colors.black54),
+                      ),
+                    ],
+                  )),
+                  SizedBox(
+                    width: 30,
+                    height: 30,
+                    child: Image.network('https://pic7.58cdn.com.cn/nowater/frs/n_v33e401d24fa6f44a1ac7a7d3319eef7e6.png'),
+                  )
+                ],
+              ),
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}