我的界面主页 调整布局

lib/pages/mine/view.dart

@@ -13,8 +13,11 @@ class _MinePageState extends State<MinePage> {
   Widget build(BuildContext context) {
     return GetBuilder<MineController>(
       init: MineController(),
-        builder:(controller) => Scaffold(
-          backgroundColor:Colours.cF9,
+        builder:(controller) => Stack(
+          children: [
+            Image.asset('assets/images/mine_bg.png'),
+            Scaffold(
+              backgroundColor:Colors.transparent,
               appBar: CustomAppBar(
                 backgroundColor: Colors.transparent,
                 actions: [
@@ -60,10 +63,10 @@ class _MinePageState extends State<MinePage> {
                 ],
               ),
               body: Container(
-            color: Colours.cF9,
+                color: Colors.transparent,
                 child: SingleChildScrollView(
                   child: Container(
-                margin: const EdgeInsets.symmetric(horizontal: AppTheme.margin),
+                    // margin: const EdgeInsets.symmetric(horizontal: AppTheme.margin),
                     child: Column(
                       children: [
                         BuildUser(userInfo:controller.userInfo,onTap: (){
@@ -83,13 +86,14 @@ class _MinePageState extends State<MinePage> {
                           padding: const EdgeInsets.symmetric(horizontal: 10),
                           child: BuildBanner(items:controller.ads),
                         ):const SizedBox(),
-                    Gaps.vGaps10,
+                        Gaps.vGaps5,
                         BuildAccount(items:controller.accounts,),
                         Gaps.vGaps10,
                         Container(
+                          margin: const EdgeInsets.symmetric(horizontal: AppTheme.margin),
                           decoration: BoxDecoration(
                             borderRadius: BorderRadius.circular(8),
-                        color: const Color(0xFFF9F9F9),
+                            color: Colors.white,
                             boxShadow: [
                               BoxShadow(
                                 color: const Color(0xFFC7C7C7).withOpacity(0.5),
@@ -114,6 +118,8 @@ class _MinePageState extends State<MinePage> {
                   ),
                 ),
               ),
+            )
+          ],
         ),
     );
   }
@@ -135,10 +141,10 @@ class _MinePageState extends State<MinePage> {
           crossAxisAlignment: CrossAxisAlignment.center,
           children: [
             Text(title,style: const TextStyle(fontSize: 14,color: Colours.c3,),),
-            Container(
+            SizedBox(
               width: 5,
               height: 8,
-              color: Colors.cyan,
+              child: Image.asset('assets/images/right_arrow.png'),
             )
           ],
         ),

lib/pages/mine/widgets/account.dart

@@ -12,9 +12,10 @@ class BuildAccount extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
+      margin: const EdgeInsets.symmetric(horizontal: AppTheme.margin),
       decoration: BoxDecoration(
         borderRadius: BorderRadius.circular(8),
-        color: const Color(0xFFF9F9F9),
+        color:Colors.white,
         boxShadow: [
           BoxShadow(
             color: const Color(0xFFC7C7C7).withOpacity(0.5),

lib/pages/mine/widgets/read.dart

@@ -14,20 +14,27 @@ class BuildRead extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return GestureDetector(
-      child: Container(
-        padding: const EdgeInsets.symmetric(vertical: 16.5),
-        decoration: BoxDecoration(
-          borderRadius: BorderRadius.circular(8),
-          color: const Color(0xFFF9F9F9),
-          boxShadow: [
-            BoxShadow(
-              color: const Color(0xFFC7C7C7).withOpacity(0.5),
-              offset: const Offset(3, 0),
-              blurRadius: 10.w,
-              spreadRadius: 0.w,
-            ),
-          ],
+      child: Stack(
+        children: [
+          Container(
+            width: double.infinity,
+              child: Image.asset('assets/images/read_bg.png',fit: BoxFit.cover,)
           ),
+          Container(
+            padding: const EdgeInsets.symmetric(vertical: 16.5),
+            color: Colors.transparent,
+            // decoration: BoxDecoration(
+            //   borderRadius: BorderRadius.circular(8),
+            //   color: Colors.transparent,
+            //   boxShadow: [
+            //     BoxShadow(
+            //       color: const Color(0xFFC7C7C7).withOpacity(0.5),
+            //       offset: const Offset(3, 0),
+            //       blurRadius: 10.w,
+            //       spreadRadius: 0.w,
+            //     ),
+            //   ],
+            // ),
             child: Row(
               mainAxisAlignment: MainAxisAlignment.spaceEvenly,
               children: items.map((model){
@@ -53,6 +60,8 @@ class BuildRead extends StatelessWidget {
                 );
               }).toList(),
             ),
+          )
+        ],
       ),
     );
   }

lib/pages/mine/widgets/user.dart

@@ -17,7 +17,13 @@ class BuildUser extends StatelessWidget {
     return GestureDetector(
       behavior: HitTestBehavior.opaque,
       onTap:onTap,
+      child: Container(
+        margin: EdgeInsets.only(left: 10,right: 10),
+        color: Colors.transparent,
         child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            Row(
               children: [
                 Container(
                   width: 45.w,
@@ -27,11 +33,14 @@ class BuildUser extends StatelessWidget {
                     color: Colors.cyan,
                   ),
                   // color: Colors.cyan,
-            child: CustomImage.network(url: userInfo.containsKey('head_img')?userInfo['head_img']:''),
+                  child: CustomImage.network(url: userInfo.containsKey('head_img')?userInfo['head_img']:'',radius: 22.5,),
                 ),
                 Gaps.hGaps10,
                 Column(
                   crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Row(
+                      crossAxisAlignment: CrossAxisAlignment.center,
                       children: [
                         Text(userInfo.containsKey('name')?userInfo['name']:'',style: TextStyle(
                             color: Colours.c3,
@@ -39,6 +48,41 @@ class BuildUser extends StatelessWidget {
                             fontWeight: Fonts.medium,
                             height: 1.6.w
                         ),),
+                        Gaps.hGaps20,
+                        Stack(
+                          children: [
+                            Container(
+                              padding: EdgeInsets.only(right:8,left: 8),
+                              height: 20,
+                              decoration: BoxDecoration(
+                                borderRadius: BorderRadius.circular(21),
+                                gradient: LinearGradient(
+                                  colors: [AppTheme.primary.withOpacity(0.03),AppTheme.primary.withOpacity(0.1)] , // 不可点击时的颜色，透明度为0.7
+                                  begin: Alignment.centerLeft,
+                                  end: Alignment.centerRight,
+                                ),
+                              ),
+                              child: Row(
+                                children: [
+                                  Container(
+                                    width: 16,
+                                    height: 17,
+                                  ),
+                                  const Text('初级学者',style: TextStyle(fontSize: 11,color: AppTheme.primary),)
+                                ],
+                              ),
+                            ),
+                            Positioned(
+                              left: 8,
+                              child: SizedBox(
+                                  width: 16, height:17,
+                                  child: Image.asset('assets/images/grade.png')
+                              ),
+                            )
+                          ],
+                        )
+                      ],
+                    ),
                     Gaps.vGaps5,
                     Text(userInfo.containsKey('phone')?userInfo['phone']:'',style: TextStyle(
                         fontSize: 12.w,
@@ -47,13 +91,16 @@ class BuildUser extends StatelessWidget {
                   ],
                 ),
                 Gaps.hGaps20,
-          Container(
+              ],
+            ),
+            SizedBox(
               width: 5,
               height: 9,
-            color: Colors.cyan,
+              child: Image.asset('assets/images/right_arrow.png'),
             )
           ],
         ),
+      ),
     );
   }
 }