You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
356 lines
13 KiB
356 lines
13 KiB
import 'package:flutter/cupertino.dart'; |
|
import 'package:flutter/material.dart'; |
|
import 'package:huixiang/view_widget/border_text.dart'; |
|
|
|
class GuidePage extends StatefulWidget { |
|
@override |
|
State<StatefulWidget> createState() { |
|
return _GuidePage(); |
|
} |
|
} |
|
|
|
class _GuidePage extends State<GuidePage> { |
|
|
|
@override |
|
Widget build(BuildContext context) { |
|
return Scaffold( |
|
body: PageView( |
|
scrollDirection: Axis.horizontal, |
|
reverse: false, |
|
controller: PageController( |
|
initialPage: 0, |
|
viewportFraction: 1, |
|
keepPage: true, |
|
), |
|
physics: BouncingScrollPhysics(), |
|
pageSnapping: true, |
|
onPageChanged: (index) { |
|
//监听事件 |
|
print('index=====$index'); |
|
}, |
|
children: <Widget>[ |
|
Container( |
|
alignment: Alignment.center, |
|
color: Colors.white, |
|
child: Center( |
|
child: Container( |
|
margin: EdgeInsets.only(top: 120, left: 19, right: 19), |
|
child: Stack( |
|
children: [ |
|
Column( |
|
children: [ |
|
Align( |
|
alignment: Alignment.center, |
|
child: Image.asset( |
|
"assets/image/icon_guide_1.png", |
|
// height: 307, |
|
), |
|
), |
|
SizedBox( |
|
height: 66, |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 37, right: 37), |
|
child: Text( |
|
"会员最新资讯抢先看", |
|
style: TextStyle( |
|
fontSize: 24, |
|
fontWeight: FontWeight.bold, |
|
color: Color(0XFF32A060)), |
|
), |
|
), |
|
SizedBox( |
|
height: 23, |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 19, right: 19), |
|
child: Text( |
|
"新增多项功能，海量优惠资讯实时推送", |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
fontSize: 16, |
|
height:1.5, |
|
fontWeight: FontWeight.w600, |
|
color: Color(0XFF727272)), |
|
), |
|
), |
|
], |
|
), |
|
Container( |
|
alignment: Alignment.bottomCenter, |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.center, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Text( |
|
"●", |
|
style: TextStyle(fontSize: 8, color: Colors.black), |
|
), |
|
SizedBox( |
|
width: 10, |
|
), |
|
Text( |
|
"●", |
|
style: TextStyle( |
|
fontSize: 8, color: Color(0xffB2B2B2)), |
|
), |
|
SizedBox( |
|
width: 10, |
|
), |
|
Text( |
|
"●", |
|
style: TextStyle( |
|
fontSize: 8, color: Color(0xffB2B2B2)), |
|
), |
|
SizedBox( |
|
height: 98, |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
), |
|
), |
|
), |
|
Container( |
|
alignment: Alignment.center, |
|
color: Colors.white, |
|
child: Center( |
|
child: Container( |
|
margin: EdgeInsets.only(top: 120, left: 19, right: 19), |
|
child: Stack( |
|
children: [ |
|
Column( |
|
children: [ |
|
Align( |
|
alignment: Alignment.center, |
|
child: Image.asset( |
|
"assets/image/icon_guide_2.png", |
|
// height: 307, |
|
), |
|
), |
|
SizedBox( |
|
height: 66, |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 37, right: 37), |
|
child: Text( |
|
"全新集团联盟店会员点餐", |
|
style: TextStyle( |
|
fontSize: 24, |
|
fontWeight: FontWeight.bold, |
|
color: Color(0XFF32A060)), |
|
), |
|
), |
|
SizedBox( |
|
height: 23, |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 19, right: 19), |
|
child: Text( |
|
"新增多项功能，使用平台钱包优惠多多，更有充值优惠享不停", |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
fontSize: 16, |
|
height:1.5, |
|
fontWeight: FontWeight.w600, |
|
color: Color(0XFF727272)), |
|
), |
|
), |
|
], |
|
), |
|
Container( |
|
alignment: Alignment.bottomCenter, |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.center, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Text( |
|
"●", |
|
style: TextStyle( |
|
fontSize: 8, color: Color(0xffB2B2B2)), |
|
), |
|
SizedBox( |
|
width: 10, |
|
), |
|
Text( |
|
"●", |
|
style: TextStyle(fontSize: 8, color: Colors.black), |
|
), |
|
SizedBox( |
|
width: 10, |
|
), |
|
Text( |
|
"●", |
|
style: TextStyle( |
|
fontSize: 8, color: Color(0xffB2B2B2)), |
|
), |
|
SizedBox( |
|
height: 98, |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
), |
|
), |
|
), |
|
Container( |
|
alignment: Alignment.center, |
|
color: Colors.white, |
|
child: Center( |
|
child: Container( |
|
margin: EdgeInsets.only(top: 120, left: 19, right: 19), |
|
child: Stack( |
|
children: [ |
|
Column( |
|
children: [ |
|
Align( |
|
alignment: Alignment.center, |
|
child: Image.asset( |
|
"assets/image/icon_guide_3.png", |
|
// height: 307, |
|
), |
|
), |
|
SizedBox( |
|
height: 66, |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 37, right: 37), |
|
child: Text( |
|
"会员活动专区", |
|
style: TextStyle( |
|
fontSize: 24, |
|
fontWeight: FontWeight.bold, |
|
color: Color(0XFF32A060)), |
|
), |
|
), |
|
SizedBox( |
|
height: 23, |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 19, right: 19), |
|
child: Text( |
|
"新增会员任务得积分，消费可得绿金、积分商城换购", |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
fontSize: 16, |
|
height:1.5, |
|
fontWeight: FontWeight.w600, |
|
color: Color(0XFF727272)), |
|
), |
|
), |
|
], |
|
), |
|
Container( |
|
alignment: Alignment.bottomCenter, |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.center, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Text( |
|
"●", |
|
style: TextStyle( |
|
fontSize: 8, color: Color(0xffB2B2B2)), |
|
), |
|
SizedBox( |
|
width: 10, |
|
), |
|
Text( |
|
"●", |
|
style: TextStyle( |
|
fontSize: 8, color: Color(0xffB2B2B2)), |
|
), |
|
SizedBox( |
|
width: 10, |
|
), |
|
Text( |
|
"●", |
|
style: TextStyle(fontSize: 8, color: Colors.black), |
|
), |
|
SizedBox( |
|
height: 98, |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
), |
|
), |
|
), |
|
Container( |
|
alignment: Alignment.center, |
|
color: Colors.white, |
|
child: Center( |
|
child: Container( |
|
margin: EdgeInsets.only(top: 108), |
|
child: |
|
Column( |
|
children: [ |
|
Image.asset( |
|
"assets/image/icon_guide_4.png", |
|
width: double.infinity, |
|
fit: BoxFit.fill, |
|
), |
|
SizedBox( |
|
height: 66, |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 104, right: 104), |
|
child: Text( |
|
"会员活动专区", |
|
style: TextStyle( |
|
fontSize: 24, |
|
fontWeight: FontWeight.bold, |
|
color: Color(0XFF32A060)), |
|
), |
|
), |
|
SizedBox( |
|
height: 23, |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 52, right: 52), |
|
child: Text( |
|
"传递友爱纯净健康有机环保智慧理念", |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
fontSize: 16, |
|
height:1.5, |
|
fontWeight: FontWeight.w600, |
|
color: Color(0XFF727272)), |
|
), |
|
), |
|
SizedBox( |
|
height: 50, |
|
), |
|
GestureDetector( |
|
onTap: (){ |
|
Navigator.of(context).pushNamed('/router/login_page'); |
|
}, |
|
child:Container( |
|
margin: EdgeInsets.only(left: 71,right: 71), |
|
alignment: Alignment.bottomCenter, |
|
child:BorderText( |
|
padding: EdgeInsets.all(11), |
|
text: "立即体验", |
|
fontSize: 20, |
|
textColor: Color(0xFF32A060), |
|
borderColor: Color(0xFF32A060), |
|
borderWidth: 1, |
|
radius: 26.5, |
|
), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
), |
|
) |
|
], |
|
), |
|
); |
|
} |
|
}
|
|
|