After Width: | Height: | Size: 131 KiB |
After Width: | Height: | Size: 81 KiB |
After Width: | Height: | Size: 48 KiB |
After Width: | Height: | Size: 43 KiB |
After Width: | Height: | Size: 826 B |
After Width: | Height: | Size: 277 KiB |
After Width: | Height: | Size: 169 KiB |
After Width: | Height: | Size: 91 KiB |
After Width: | Height: | Size: 90 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 52 KiB |
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 387 B |
@ -0,0 +1,356 @@ |
|||||||
|
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: 125, 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: 125, 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: 125, 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, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |