dating_touchme_app/lib/pages/mine/withdraw_page.dart

import 'package:dating_touchme_app/components/page_appbar.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class WithdrawPage extends StatefulWidget {
  const WithdrawPage({super.key});

  @override
  State<WithdrawPage> createState() => _WithdrawPageState();
}

class _WithdrawPageState extends State<WithdrawPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: PageAppbar(title: "提现"),
      body: SingleChildScrollView(
        child: Column(
          children: [
            Container(
              padding: EdgeInsetsGeometry.symmetric(
                horizontal: 16.w,
                vertical: 19.w
              ),
              margin: EdgeInsets.only(
                bottom: 17.w
              ),
              child: Row(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    "到账银行卡",
                    style: TextStyle(
                      fontSize: 12.w,
                    ),
                  ),
                  SizedBox(width: 24.w,),
                  Expanded(
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Text(
                              "工商银行（7846）",
                              style: TextStyle(
                                fontSize: 13.w,
                                fontWeight: FontWeight.w500
                              ),
                            ),
                            SizedBox(height: 6.w,),
                            Text(
                              "1个工作日内到账",
                              style: TextStyle(
                                fontSize: 12.w,
                                color: const Color.fromRGBO(153, 153, 153, 1)
                              ),
                            )
                          ],
                        ),
                        Icon(
                            Icons.keyboard_arrow_right,
                          size: 15.w,
                          color: const Color.fromRGBO(153, 153, 153, 1),
                        )
                      ],
                    ),
                  )
                ],
              ),
            ),
            Container(
              padding:  EdgeInsetsGeometry.symmetric(
                horizontal: 16.w
              ),
              child: Column(
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.start,
                    children: [
                      Text(
                        "提现金额",
                        style: TextStyle(
                          fontSize: 12.w,
                          color: Colors.black
                        ),
                      )
                    ],
                  ),
                  SizedBox(height: 12.w,),
                  Row(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        "￥",
                        style: TextStyle(
                          fontSize: 24.w,
                          color: Colors.black,
                          fontWeight: FontWeight.w500
                        ),
                      )
                    ],
                  ),
                  SizedBox(height: 16.w,),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Text(
                        "可提现金额：3880.00元",
                        style: TextStyle(
                          fontSize: 12.w,
                          color: const Color.fromRGBO(153, 153, 153, 1)
                        ),
                      ),
                      Text(
                        "提现记录",
                        style: TextStyle(
                          fontSize: 12.w,
                          color: const Color.fromRGBO(25, 114, 248, 1)
                        ),
                      )
                    ],
                  )
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
}