add addBankPages

lib/pages/addBankCard/index.dart

+
+import 'package:flutter/material.dart';
+import '../../widgets/layout/BasicPage.dart';
+
+
+class AddBankPage extends BasicPage {
+  AddBankPage({Key? key}) : super(key: key) {
+    naviTitle = '绑定银行卡';
+  }
+
+
+  @override
+  Widget builder(BuildContext context) {
+    return Container(
+      alignment: Alignment.center,
+
+      child: Column(
+        children: []
+    ),
+    );
+
+  }
+}

lib/pages/bankList/index.dart

+import 'package:dotted_border/dotted_border.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:get/get.dart';
     naviTitle = '我的银行卡';
   }
 
+void goAddBank(){
+    Get.toNamed('/addBankCard');
+}
 
   @override
   Widget builder(BuildContext context) {
     return Container(
+      alignment: Alignment.center,
+
       child: Column(
         children: [
           BankCard(),
+          BankCard(),
+          BankCard(),
+      Container(
+        height: 120.w,
+        alignment: Alignment.bottomCenter,
+        child:       GestureDetector(
+          onTap: () {
+            goAddBank();
+          },
+          child:DottedBorder(
+            borderType: BorderType.RRect,
+            color: Color(0xffBFBFBF),
+            radius: Radius.circular(20),
+            dashPattern: [3, 3 ,3, 3],
+            child: ClipRRect(
+              child: Container(
+                alignment: Alignment.center,
+                width: 345.w,
+                height: 45.w,
+                // color: Colors.amber,
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+
+                  children: [
+                    Padding(padding: EdgeInsets.fromLTRB(0, 0, 10, 0),
+
+                      child: Icon(Icons.add_circle_outline),
+                    ),
+                    Text('添加银行卡',style: TextStyle(
+                      fontWeight: FontWeight.bold,
+                      fontSize: 19.sp,
+
+                    ),)
+                  ],
+                ),
+              ),
+            ),
+          ),
+        ),
+      )
+
         ],
       ),
 

lib/pages/bankList/widget/BankCard.dart

 import 'package:flutter/material.dart';
-
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 class BankCard extends StatelessWidget {
   const BankCard({Key? key}) : super(key: key);
   @override
   Widget build(BuildContext context) {
     return Container(
-      child: Text('sdasdasdasd'),
+      alignment: Alignment.center,
+      padding: EdgeInsets.fromLTRB(20.w, 20.w, 20.w, 20.w),
+      margin: EdgeInsets.fromLTRB(0, 7, 0, 7),
+      width: 345.w,
+      height: 120.w,
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(20),
+        gradient: LinearGradient(
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+          colors: [
+            Color(0xffE7B820),
+            Color(0xff0069B7),
+          ],
+        ),
+
+        // border: Border.all(
+        //   color: Colors.blue,
+        //   width: 2,
+        // ),
+      ),
+      child: Column(
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+
+            children: [
+              Row(
+                children: [
+                  Container(
+                    width: 32.w,
+                    height: 32.w,
+                    alignment: Alignment.center,
+                    // margin: EdgeInsets.fromLTRB(20.w, 20.w, 0, 0),
+                    padding: EdgeInsets.fromLTRB(5, 5, 5, 5),
+                    decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(100),
+                        color: Colors.white),
+                    child: Image(
+                      image: NetworkImage(
+                          'https://yz-offical.oss-accelerate.aliyuncs.com/bank-logo/3.png'),
+                      width: 20.w,
+                      height: 20.w,
+                    ),
+                  ),
+                  Container(
+                    margin: EdgeInsets.fromLTRB(15.w,0, 0, 0),
+                    padding: EdgeInsets.fromLTRB(0, 0, 0, 15),
+                    child: Text('中国瑞士军刀银行', style: TextStyle(
+                      color: Colors.white,
+                    ),),
+                  )
+                ],
+              ),
+              Container(
+                padding: EdgeInsets.fromLTRB(0, 0, 0, 15),
+                child: Text('**** 8888', style: TextStyle(
+                  fontSize: 18.sp,
+                  color: Colors.white,
+                ),),
+              )
+
+            ],
+          ),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.end,
+            children: [
+              Container(
+                height: 45.w,
+                alignment: Alignment.bottomRight,
+                child:  GestureDetector(
+                  onTap: () {
+                    print('点我接触绑定');
+                  },
+                  child: Text(
+                    '解除绑定',
+                    style: TextStyle(
+                      color: Colors.white,
+                    ),
+                  ),
+                ),
+              ),
+
+            ],
+          ),
+        ],
+      ),
     );
   }
 }

lib/pages/index.dart

 export 'orderDetail/index.dart';
 export 'machineryList/index.dart';
 export 'bankList/index.dart';
+export 'addBankCard/index.dart';
+

lib/routes/pages.dart

 
 
 
+
 List<GetPage> pages=[
   GetPage(name: '/', page: (){
     GetStorage box=GetStorage();
   GetPage(name: '/orderDetail', page: () => OrderDetail()),
   GetPage(name: '/machineryList', page: () => MachineryList()),
   GetPage(name: '/bankList', page: () => BankListPages()),
+  GetPage(name: '/addBankCard', page: () => AddBankPage()),
 ];

pubspec.lock

       url: "https://pub.dartlang.org"
     source: hosted
     version: "4.0.6"
+  dotted_border:
+    dependency: "direct main"
+    description:
+      name: dotted_border
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0+2"
   fake_async:
     dependency: transitive
     description:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.8.0"
+  path_drawing:
+    dependency: transitive
+    description:
+      name: path_drawing
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
+  path_parsing:
+    dependency: transitive
+    description:
+      name: path_parsing
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
   path_provider:
     dependency: transitive
     description:

pubspec.yaml

   amap_flutter_location: ^3.0.0
   permission_handler: ^9.2.0
   json_serializable: ^6.1.5
+  dotted_border: ^2.0.0
 
 dev_dependencies:
   flutter_test: