add bottom button

hmxc
张萌 4 years ago
parent c954ef2a42
commit 1fe0e62773

@ -48,43 +48,45 @@ class _LifePayPageState extends State<LifePayPage> {
String title, String title,
String detail, String detail,
) { ) {
return Padding( return Material(
padding: EdgeInsets.all(32.w), color: kForeGroundColor,
child: Column( child: Padding(
crossAxisAlignment: CrossAxisAlignment.start, padding: EdgeInsets.all(32.w),
children: [ child: Column(
'报修房屋'.text.black.size(28.sp).make(), crossAxisAlignment: CrossAxisAlignment.start,
32.w.heightBox, children: [
GestureDetector( '当前房屋'.text.black.size(28.sp).make(),
onTap: () {}, 32.w.heightBox,
child: Row( GestureDetector(
children: [ onTap: () {},
Image.asset( child: Row(
R.ASSETS_ICONS_HOUSE_PNG, children: [
width: 60.w, Image.asset(
height: 60.w, R.ASSETS_ICONS_HOUSE_PNG,
), width: 60.w,
40.w.widthBox, height: 60.w,
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
title.text.black.size(32.sp).bold.make(),
10.w.heightBox,
detail.text.black.size(32.sp).bold.make()
],
), ),
), 40.w.widthBox,
Icon( Expanded(
CupertinoIcons.chevron_forward, child: Column(
size: 40.w, crossAxisAlignment: CrossAxisAlignment.start,
), children: [
], title.text.black.size(32.sp).bold.make(),
10.w.heightBox,
detail.text.black.size(32.sp).bold.make()
],
),
),
Icon(
CupertinoIcons.chevron_forward,
size: 40.w,
),
],
),
), ),
), 24.w.heightBox,
24.w.heightBox, ],
BeeDivider.horizontal(), ),
],
), ),
); );
} }
@ -96,11 +98,17 @@ class _LifePayPageState extends State<LifePayPage> {
child: Row( child: Row(
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
children: [ children: [
BeeCheckBox.round( Column(
onChange: (value) {}, mainAxisAlignment: MainAxisAlignment.center,
children: [
BeeCheckBox.round(
onChange: (value) {},
),
],
), ),
Column( Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [ children: [
'${BeeParse.getCustomYears(model.years)}(${model.years})' '${BeeParse.getCustomYears(model.years)}(${model.years})'
.text .text
@ -132,6 +140,8 @@ class _LifePayPageState extends State<LifePayPage> {
], ],
), ),
Column( Column(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.start,
children: [ children: [
GestureDetector( GestureDetector(
onTap: () {}, onTap: () {},
@ -145,7 +155,6 @@ class _LifePayPageState extends State<LifePayPage> {
child: '选择明细'.text.color(Colors.white).size(22.sp).make(), child: '选择明细'.text.color(Colors.white).size(22.sp).make(),
), ),
), ),
Spacer(),
], ],
), ),
], ],
@ -179,22 +188,76 @@ class _LifePayPageState extends State<LifePayPage> {
.toList(); .toList();
}, },
builder: (items) { builder: (items) {
return return Column(
Column(
children: [ children: [
// _buildHouseCard(kEstateName, userProvider.userDetailModel.estateNames.isEmpty _buildHouseCard(
// ? '' kEstateName,
// : BeeParse.getEstateName( userProvider.userDetailModel.estateNames.isEmpty
// userProvider.userDetailModel.estateNames[0])), ? ''
ListView.builder( : BeeParse.getEstateName(
itemBuilder: (context, index) { userProvider.userDetailModel.estateNames[0])),
return _buildCard(items[index]); 16.w.heightBox,
}, Container(
itemCount: items.length, padding: EdgeInsets.all(32.w),
).expand(), width: double.infinity,
color: kForeGroundColor,
constraints: BoxConstraints(minHeight: 20.w),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
'缴费账单'.text.color(ktextPrimary).size(28.sp).make(),
...List.generate(
items.length, (index) => _buildCard(items[index])),
],
),
),
], ],
); );
}), }),
bottomNavi: Container(
padding: EdgeInsets.fromLTRB(
32.w, 16.w, 32.w, 12.w + MediaQuery.of(context).padding.bottom),
child: Row(
children: [
BeeCheckBox.round(
onChange: (value) {},
size: 40.w,
),
Spacer(),
Column(
crossAxisAlignment: CrossAxisAlignment.end,
mainAxisSize: MainAxisSize.min,
children: [
RichText(
text: TextSpan(
text: '合计:',
style: TextStyle(
color: ktextPrimary,
fontSize: 32.sp,
fontWeight: FontWeight.bold),
children: [
TextSpan(
text: '¥3009.84',
style: TextStyle(
color: kDangerColor,
fontSize: 32.sp,
fontWeight: FontWeight.bold)),
])),
'已选10项'.text.color(ktextSubColor).size(20.sp).make(),
],
),
MaterialButton(
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(37.w)),
color: kPrimaryColor,
padding: EdgeInsets.symmetric(horizontal: 50.w, vertical: 15.w),
onPressed: () {},
child: '去缴费'.text.black.size(32.sp).bold.make(),
),
],
),
),
); );
} }
} }

Loading…
Cancel
Save