Skip to content

B
book-app
提交 4b8b09ce authored 作者: yueweilu's avatar yueweilu
浏览文件
操作

我的界面主页 调整布局

上级 9731fd18
显示空白字符变更
内嵌 并排
正在显示 包含 88 行增加 和 25 行删除
lib/pages/mine/view.dart
浏览文件 @ 4b8b09ce
...@@ -13,8 +13,11 @@ class _MinePageState extends State<MinePage> { ...@@ -13,8 +13,11 @@ class _MinePageState extends State<MinePage> {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return GetBuilder<MineController>( return GetBuilder<MineController>(
init: MineController(), init: MineController(),
builder:(controller) => Scaffold( builder:(controller) => Stack(
backgroundColor:Colours.cF9, children: [
Image.asset('assets/images/mine_bg.png'),
Scaffold(
backgroundColor:Colors.transparent,
appBar: CustomAppBar( appBar: CustomAppBar(
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
actions: [ actions: [
...@@ -60,10 +63,10 @@ class _MinePageState extends State<MinePage> { ...@@ -60,10 +63,10 @@ class _MinePageState extends State<MinePage> {
], ],
), ),
body: Container( body: Container(
color: Colours.cF9, color: Colors.transparent,
child: SingleChildScrollView( child: SingleChildScrollView(
child: Container( child: Container(
margin: const EdgeInsets.symmetric(horizontal: AppTheme.margin), // margin: const EdgeInsets.symmetric(horizontal: AppTheme.margin),
child: Column( child: Column(
children: [ children: [
BuildUser(userInfo:controller.userInfo,onTap: (){ BuildUser(userInfo:controller.userInfo,onTap: (){
...@@ -83,13 +86,14 @@ class _MinePageState extends State<MinePage> { ...@@ -83,13 +86,14 @@ class _MinePageState extends State<MinePage> {
padding: const EdgeInsets.symmetric(horizontal: 10), padding: const EdgeInsets.symmetric(horizontal: 10),
child: BuildBanner(items:controller.ads), child: BuildBanner(items:controller.ads),
):const SizedBox(), ):const SizedBox(),
Gaps.vGaps10, Gaps.vGaps5,
BuildAccount(items:controller.accounts,), BuildAccount(items:controller.accounts,),
Gaps.vGaps10, Gaps.vGaps10,
Container( Container(
margin: const EdgeInsets.symmetric(horizontal: AppTheme.margin),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(8),
color: const Color(0xFFF9F9F9), color: Colors.white,
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
color: const Color(0xFFC7C7C7).withOpacity(0.5), color: const Color(0xFFC7C7C7).withOpacity(0.5),
...@@ -114,6 +118,8 @@ class _MinePageState extends State<MinePage> { ...@@ -114,6 +118,8 @@ class _MinePageState extends State<MinePage> {
), ),
), ),
), ),
)
],
), ),
); );
} }
...@@ -135,10 +141,10 @@ class _MinePageState extends State<MinePage> { ...@@ -135,10 +141,10 @@ class _MinePageState extends State<MinePage> {
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
children: [ children: [
Text(title,style: const TextStyle(fontSize: 14,color: Colours.c3,),), Text(title,style: const TextStyle(fontSize: 14,color: Colours.c3,),),
Container( SizedBox(
width: 5, width: 5,
height: 8, height: 8,
color: Colors.cyan, child: Image.asset('assets/images/right_arrow.png'),
) )
], ],
), ),
......
lib/pages/mine/widgets/account.dart
浏览文件 @ 4b8b09ce
...@@ -12,9 +12,10 @@ class BuildAccount extends StatelessWidget { ...@@ -12,9 +12,10 @@ class BuildAccount extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
margin: const EdgeInsets.symmetric(horizontal: AppTheme.margin),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(8),
color: const Color(0xFFF9F9F9), color:Colors.white,
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
color: const Color(0xFFC7C7C7).withOpacity(0.5), color: const Color(0xFFC7C7C7).withOpacity(0.5),
......
lib/pages/mine/widgets/read.dart
浏览文件 @ 4b8b09ce
...@@ -14,20 +14,27 @@ class BuildRead extends StatelessWidget { ...@@ -14,20 +14,27 @@ class BuildRead extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return GestureDetector( return GestureDetector(
child: Container( child: Stack(
padding: const EdgeInsets.symmetric(vertical: 16.5), children: [
decoration: BoxDecoration( Container(
borderRadius: BorderRadius.circular(8), width: double.infinity,
color: const Color(0xFFF9F9F9), child: Image.asset('assets/images/read_bg.png',fit: BoxFit.cover,)
boxShadow: [
BoxShadow(
color: const Color(0xFFC7C7C7).withOpacity(0.5),
offset: const Offset(3, 0),
blurRadius: 10.w,
spreadRadius: 0.w,
),
],
), ),
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( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly, mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: items.map((model){ children: items.map((model){
...@@ -53,6 +60,8 @@ class BuildRead extends StatelessWidget { ...@@ -53,6 +60,8 @@ class BuildRead extends StatelessWidget {
); );
}).toList(), }).toList(),
), ),
)
],
), ),
); );
} }
......
lib/pages/mine/widgets/user.dart
浏览文件 @ 4b8b09ce
...@@ -17,7 +17,13 @@ class BuildUser extends StatelessWidget { ...@@ -17,7 +17,13 @@ class BuildUser extends StatelessWidget {
return GestureDetector( return GestureDetector(
behavior: HitTestBehavior.opaque, behavior: HitTestBehavior.opaque,
onTap:onTap, onTap:onTap,
child: Container(
margin: EdgeInsets.only(left: 10,right: 10),
color: Colors.transparent,
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [ children: [
Container( Container(
width: 45.w, width: 45.w,
...@@ -27,11 +33,14 @@ class BuildUser extends StatelessWidget { ...@@ -27,11 +33,14 @@ class BuildUser extends StatelessWidget {
color: Colors.cyan, color: Colors.cyan,
), ),
// 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, Gaps.hGaps10,
Column( Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [ children: [
Text(userInfo.containsKey('name')?userInfo['name']:'',style: TextStyle( Text(userInfo.containsKey('name')?userInfo['name']:'',style: TextStyle(
color: Colours.c3, color: Colours.c3,
...@@ -39,6 +48,41 @@ class BuildUser extends StatelessWidget { ...@@ -39,6 +48,41 @@ class BuildUser extends StatelessWidget {
fontWeight: Fonts.medium, fontWeight: Fonts.medium,
height: 1.6.w 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, Gaps.vGaps5,
Text(userInfo.containsKey('phone')?userInfo['phone']:'',style: TextStyle( Text(userInfo.containsKey('phone')?userInfo['phone']:'',style: TextStyle(
fontSize: 12.w, fontSize: 12.w,
...@@ -47,13 +91,16 @@ class BuildUser extends StatelessWidget { ...@@ -47,13 +91,16 @@ class BuildUser extends StatelessWidget {
], ],
), ),
Gaps.hGaps20, Gaps.hGaps20,
Container( ],
),
SizedBox(
width: 5, width: 5,
height: 9, height: 9,
color: Colors.cyan, child: Image.asset('assets/images/right_arrow.png'),
) )
], ],
), ),
),
); );
} }
} }
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论