应付明细

lib/pages/book_pay/controller.dart

@@ -13,11 +13,19 @@ class BookPayController extends GetxController {
     PayModel(type: 3, name: '紫荆币', icon: 'assets/images/pay_coin.png', selected: false),
   ];
 
+  // 时候展示底部视图
+  bool showDetail = false;
+
 
   // 支付方式
   late PayModel _payModel = pays.first;
   PayModel get payModel => _payModel;
 
+  void show(){
+    showDetail = !showDetail;
+    update();
+  }
+
   void setPayModel(PayModel payModel){
     for (PayModel model in pays) {
       if (model.type == payModel.type){

lib/pages/book_pay/widgets/pay_count.dart

 part of book_pay;
 
 class BuildPayCount extends StatelessWidget {
-  const BuildPayCount({Key? key}) : super(key: key);
+  final void Function()? payTap;
+  final void Function()? showTap;
+  const BuildPayCount({
+    Key? key,
+    required this.payTap,
+    required this.showTap
+  }) : super(key: key);
+
 
   @override
   Widget build(BuildContext context) {
@@ -13,19 +20,32 @@ class BuildPayCount extends StatelessWidget {
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         crossAxisAlignment: CrossAxisAlignment.center,
         children: [
-          Row(
-            children: [
-              Text('应付：',style: TextStyle(fontSize:14.w,color: Colours.c3 ,height: 1.1),),
-              Text('￥98.9',style: TextStyle(fontSize:15.w,color:AppTheme.primary,fontWeight: Fonts.medium ,height: 1.1),)
-            ],
+          GestureDetector(
+            onTap: showTap,
+            child: Row(
+              crossAxisAlignment: CrossAxisAlignment.center,
+              children: [
+                Text('应付：',style: TextStyle(fontSize:14.w,color: Colours.c3 ,height: 1.1),),
+                Text('￥98.9',style: TextStyle(fontSize:15.w,color:AppTheme.primary,fontWeight: Fonts.medium ,height: 1.1),),
+                SizedBox(
+                  // color: Colors.cyan,
+                  width: 20.w,
+                  height: 20.w,
+                  child: Image.asset('assets/images/pay_up.png')
+                )
+              ],
+            ),
           ),
-          Container(
-            decoration: BoxDecoration(
-                borderRadius: BorderRadius.circular(15.w),
-                color: AppTheme.primary
+          GestureDetector(
+            onTap: payTap,
+            child: Container(
+              decoration: BoxDecoration(
+                  borderRadius: BorderRadius.circular(15.w),
+                  color: AppTheme.primary
+              ),
+              padding:  EdgeInsets.symmetric(horizontal:13.5.w,vertical: 8.w),
+              child:  Text('确认支付',style: TextStyle(fontSize: 14.w,fontWeight: Fonts.medium,color: Colors.white),),
             ),
-            padding:  EdgeInsets.symmetric(horizontal:13.5.w,vertical: 8.w),
-            child:  Text('确认支付',style: TextStyle(fontSize: 14.w,fontWeight: Fonts.medium,color: Colors.white),),
           )
         ],
       ),

lib/pages/book_shop/controller.dart

@@ -189,6 +189,8 @@ class BookshopController extends GetxController {
       CourseModel(bookName: '哈1',bookId: 111,vipPrice: '12.33',authors: 'John',status: 1),
       CourseModel(bookName: '哈2',bookId: 123,vipPrice: '12.00',authors: 'json',status: 1),
       CourseModel(bookName: '哈3',bookId: 11,vipPrice: '12.43',authors: 'hash',status: 1),
+      CourseModel(bookName: '哈3',bookId: 11,vipPrice: '12.43',authors: 'hash',status: 1),
+      CourseModel(bookName: '哈3',bookId: 11,vipPrice: '12.43',authors: 'hash',status: 1),
     ];
   }
 

lib/pages/main/index.dart

@@ -11,6 +11,7 @@ import '../../routes/index.dart';
 import '../../store/index.dart';
 import '../book_shop/index.dart';
 import '../course/index.dart';
+import '../web/index.dart';