77 changed files with 3694 additions and 976 deletions
|
After Width: | Height: | Size: 196 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 853 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 106 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 791 B |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 4.7 KiB |
@ -0,0 +1,199 @@ |
|||||||
|
import 'package:dio/dio.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
||||||
|
import 'package:huixiang/generated/l10n.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/address.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/base_data.dart'; |
||||||
|
import 'package:huixiang/retrofit/retrofit_api.dart'; |
||||||
|
import 'package:huixiang/utils/font_weight.dart'; |
||||||
|
import 'package:huixiang/view_widget/my_appbar.dart'; |
||||||
|
import 'package:shared_preferences/shared_preferences.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||||
|
|
||||||
|
class BindingAssistantCard extends StatefulWidget { |
||||||
|
@override |
||||||
|
State<StatefulWidget> createState() { |
||||||
|
return _BindingAssistantCard(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class _BindingAssistantCard extends State<BindingAssistantCard> { |
||||||
|
TextEditingController nameController = TextEditingController(); |
||||||
|
TextEditingController mobileController = TextEditingController(); |
||||||
|
TextEditingController addressController = TextEditingController(); |
||||||
|
TextEditingController houseNumberController = TextEditingController(); |
||||||
|
|
||||||
|
ApiService apiService; |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
|
||||||
|
SharedPreferences.getInstance().then((value) => { |
||||||
|
apiService = ApiService(Dio(), |
||||||
|
context: context, token: value.getString('token')), |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Scaffold( |
||||||
|
appBar: MyAppBar( |
||||||
|
title: S.of(context).bangdingfuka, |
||||||
|
titleColor: Colors.black, |
||||||
|
leadingColor: Colors.black, |
||||||
|
background: Colors.transparent, |
||||||
|
), |
||||||
|
body: Stack( |
||||||
|
children: [ |
||||||
|
Expanded( |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
margin: EdgeInsets.only(bottom: 26.h), |
||||||
|
padding: EdgeInsets.only(top: 16.h, bottom: 16.h), |
||||||
|
child: Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.only(left: 16, right: 16), |
||||||
|
child: Text( |
||||||
|
"进行副卡绑定", |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
fontSize: 21.sp, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.only( |
||||||
|
left: 16, right: 16, top: 8, bottom: 32), |
||||||
|
child: Text( |
||||||
|
"主卡最多只能绑定5位副卡，只能解绑3次", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFFFF7A1A), |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 12.sp, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
editItem( |
||||||
|
S.of(context).fukashoujihao, |
||||||
|
"", |
||||||
|
S.of(context).qingshurushoujihao, |
||||||
|
mobileController, |
||||||
|
false), |
||||||
|
Container( |
||||||
|
margin: |
||||||
|
EdgeInsets.symmetric(horizontal: 16, vertical: 5), |
||||||
|
width: double.infinity, |
||||||
|
height: 1, |
||||||
|
color: Color(0xFFF4F4F4), |
||||||
|
), |
||||||
|
Row( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Expanded( |
||||||
|
child: InkWell( |
||||||
|
onTap: () {}, |
||||||
|
child: editItem( |
||||||
|
"验证码", |
||||||
|
"", |
||||||
|
S.of(context).qingshuruyanzhengma, |
||||||
|
addressController, |
||||||
|
false), |
||||||
|
)), |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.only(right: 16, top: 10), |
||||||
|
child: GestureDetector( |
||||||
|
onTap: () {}, |
||||||
|
child: Text( |
||||||
|
"发送验证", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
color: Color(0xFF32A060), |
||||||
|
), |
||||||
|
), |
||||||
|
)), |
||||||
|
], |
||||||
|
), |
||||||
|
Container( |
||||||
|
margin: |
||||||
|
EdgeInsets.symmetric(horizontal: 16, vertical: 5), |
||||||
|
width: double.infinity, |
||||||
|
height: 1, |
||||||
|
color: Color(0xFFF4F4F4), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
Align( |
||||||
|
alignment: Alignment.bottomCenter, |
||||||
|
child: InkWell( |
||||||
|
onTap: () { |
||||||
|
|
||||||
|
}, |
||||||
|
child: Container( |
||||||
|
color: Color(0xFF32A060), |
||||||
|
width: MediaQuery.of(context).size.width, |
||||||
|
padding: EdgeInsets.all(16), |
||||||
|
height: 54, |
||||||
|
alignment: Alignment.center, |
||||||
|
child: Text( |
||||||
|
S.of(context).querenbangding, |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
fontSize: 16.sp, |
||||||
|
color: Colors.white, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
)), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
Widget editItem(start, text, hide, controller, isClick) { |
||||||
|
return Container( |
||||||
|
margin: EdgeInsets.symmetric(horizontal: 16, vertical: 5), |
||||||
|
child: Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
start, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 16.sp, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
color: Color(0xFF353535), |
||||||
|
), |
||||||
|
), |
||||||
|
TextField( |
||||||
|
controller: controller, |
||||||
|
enabled: start != "地址", |
||||||
|
keyboardType: |
||||||
|
start == "电话" ? TextInputType.phone : TextInputType.text, |
||||||
|
decoration: InputDecoration( |
||||||
|
border: InputBorder.none, |
||||||
|
hintText: hide, |
||||||
|
hintStyle: TextStyle( |
||||||
|
color: Color(0xFFA29E9E), |
||||||
|
fontSize: 14.sp, |
||||||
|
), |
||||||
|
contentPadding: EdgeInsets.all(0), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,570 @@ |
|||||||
|
import 'package:dio/dio.dart'; |
||||||
|
import 'package:flutter/cupertino.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
||||||
|
import 'package:flutter_swiper/flutter_swiper.dart'; |
||||||
|
import 'package:huixiang/generated/l10n.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/base_data.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/rank.dart'; |
||||||
|
import 'package:huixiang/retrofit/retrofit_api.dart'; |
||||||
|
import 'package:huixiang/utils/flutter_utils.dart'; |
||||||
|
import 'package:huixiang/utils/font_weight.dart'; |
||||||
|
import 'package:huixiang/view_widget/border_text.dart'; |
||||||
|
import 'package:huixiang/view_widget/mine_vip_view.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||||
|
import 'package:huixiang/view_widget/my_appbar.dart'; |
||||||
|
import 'package:huixiang/view_widget/round_button.dart'; |
||||||
|
import 'package:shared_preferences/shared_preferences.dart'; |
||||||
|
|
||||||
|
class LegalRightDetails extends StatefulWidget { |
||||||
|
@override |
||||||
|
State<StatefulWidget> createState() { |
||||||
|
return _LegalRightDetails(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class _LegalRightDetails extends State<LegalRightDetails> { |
||||||
|
ApiService apiService; |
||||||
|
|
||||||
|
final SwiperController controller = SwiperController(); |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
|
||||||
|
SharedPreferences.getInstance().then((value) { |
||||||
|
apiService = |
||||||
|
ApiService(Dio(), context: context, token: value.getString("token")); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Scaffold( |
||||||
|
backgroundColor: Color(0xFF131416), |
||||||
|
appBar: MyAppBar( |
||||||
|
title: S.of(context).quanyixiangqing, |
||||||
|
titleColor: Colors.white, |
||||||
|
titleSize: 18.sp, |
||||||
|
background: Colors.transparent, |
||||||
|
leadingColor: Colors.white, |
||||||
|
), |
||||||
|
body: SingleChildScrollView( |
||||||
|
physics: BouncingScrollPhysics(), |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
height: 130, |
||||||
|
margin: EdgeInsets.only(top: 24), |
||||||
|
child: ListView.builder( |
||||||
|
scrollDirection: Axis.horizontal, |
||||||
|
physics: BouncingScrollPhysics(), |
||||||
|
padding: EdgeInsets.symmetric(horizontal: 10), |
||||||
|
itemCount: 15, |
||||||
|
itemBuilder: (context, position) { |
||||||
|
return GestureDetector( |
||||||
|
onTap: () { |
||||||
|
setState(() {}); |
||||||
|
}, |
||||||
|
child: legalRightItem(), |
||||||
|
); |
||||||
|
}, |
||||||
|
), |
||||||
|
), |
||||||
|
Container( |
||||||
|
alignment: Alignment.center, |
||||||
|
width: 33, |
||||||
|
height: 16, |
||||||
|
decoration: BoxDecoration( |
||||||
|
border: Border( |
||||||
|
bottom: BorderSide( |
||||||
|
width: 0, |
||||||
|
color: Color(0xFFFFF6E9), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/jian_j.png", |
||||||
|
width: 33, |
||||||
|
height: 16, |
||||||
|
color: Color(0xFFFFF6E9), |
||||||
|
fit: BoxFit.fill, |
||||||
|
), |
||||||
|
), |
||||||
|
Container( |
||||||
|
padding: EdgeInsets.only(left: 16, right: 49), |
||||||
|
decoration: BoxDecoration( |
||||||
|
border: Border.all( |
||||||
|
width: 0, |
||||||
|
color: Color(0xFFFFF6E9), |
||||||
|
), |
||||||
|
color: Color(0xFFFFF6E9), |
||||||
|
borderRadius: new BorderRadius.only( |
||||||
|
topLeft: Radius.circular(8.0), |
||||||
|
topRight: Radius.circular(8.0), |
||||||
|
), |
||||||
|
), |
||||||
|
child: SingleChildScrollView( |
||||||
|
physics: BouncingScrollPhysics(), |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
SizedBox( |
||||||
|
height: 20, |
||||||
|
), |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.end, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
width: 13.w, |
||||||
|
height: 2.h, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
SizedBox(height: 5.h), |
||||||
|
Container( |
||||||
|
width: 9.w, |
||||||
|
height: 2.h, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
SizedBox(height: 5.h), |
||||||
|
Container( |
||||||
|
width: 6.5.w, |
||||||
|
height: 2.h, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox(width: 6.w), |
||||||
|
Text( |
||||||
|
"可绑定5位副卡", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 17.sp, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox(width: 6.w), |
||||||
|
Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
width: 13.w, |
||||||
|
height: 2.h, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
SizedBox(height: 5.h), |
||||||
|
Container( |
||||||
|
width: 9.w, |
||||||
|
height: 2.h, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
SizedBox(height: 5.h), |
||||||
|
Container( |
||||||
|
width: 6.5.w, |
||||||
|
height: 2.h, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
Text( |
||||||
|
S.of(context).quanyijishao, |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.semi_bold, |
||||||
|
fontSize: 14.sp, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 8.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"用户在成为金卡会员/共创会员之后，即可进行副卡绑定。点击添加新副卡，输入需要绑定用户的手机号，输入验证码，" |
||||||
|
"验证通过后，即可绑定成功。点击头像右下方的解除，出现提示弹窗，点击确认即可解除绑定。", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 12.sp, |
||||||
|
height: 1.5, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 20, |
||||||
|
), |
||||||
|
Text( |
||||||
|
S.of(context).quanyishuoming, |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.semi_bold, |
||||||
|
fontSize: 14.sp, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 8, |
||||||
|
), |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
width: 6.w, |
||||||
|
height: 6.h, |
||||||
|
margin: EdgeInsets.fromLTRB(4.w, 7.h, 4.w, 7.h), |
||||||
|
decoration: BoxDecoration( |
||||||
|
borderRadius: BorderRadius.circular(3), |
||||||
|
color: Color(0xFF79572D), |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"副卡用户必须为平台注册用户", |
||||||
|
style: TextStyle( |
||||||
|
textBaseline: TextBaseline.alphabetic, |
||||||
|
fontSize: 12.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 6, |
||||||
|
), |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
width: 6.w, |
||||||
|
height: 6.h, |
||||||
|
margin: EdgeInsets.fromLTRB(4.w, 7.h, 4.w, 7.h), |
||||||
|
decoration: BoxDecoration( |
||||||
|
borderRadius: BorderRadius.circular(3), |
||||||
|
color: Color(0xFF79572D), |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"每位主卡用户只可绑定5位副卡用户,同时，只能解绑3次", |
||||||
|
style: TextStyle( |
||||||
|
textBaseline: TextBaseline.alphabetic, |
||||||
|
fontSize: 12.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 6, |
||||||
|
), |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
width: 6.w, |
||||||
|
height: 6.h, |
||||||
|
margin: EdgeInsets.fromLTRB(4.w, 7.h, 4.w, 7.h), |
||||||
|
decoration: BoxDecoration( |
||||||
|
borderRadius: BorderRadius.circular(3), |
||||||
|
color: Color(0xFF79572D), |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"副卡享受主卡的部分权益，主卡会员失效后，副卡也失效", |
||||||
|
style: TextStyle( |
||||||
|
textBaseline: TextBaseline.alphabetic, |
||||||
|
fontSize: 12.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 6, |
||||||
|
), |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
width: 6.w, |
||||||
|
height: 6.h, |
||||||
|
margin: EdgeInsets.fromLTRB(4.w, 7.h, 4.w, 7.h), |
||||||
|
decoration: BoxDecoration( |
||||||
|
borderRadius: BorderRadius.circular(3), |
||||||
|
color: Color(0xFF79572D), |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"副卡成为金卡会员后，自动与主卡解绑", |
||||||
|
style: TextStyle( |
||||||
|
textBaseline: TextBaseline.alphabetic, |
||||||
|
fontSize: 12.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 20, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"${S.of(context).yibangfuka}(0/5)", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.semi_bold, |
||||||
|
fontSize: 14.sp, |
||||||
|
color: Color(0xFF674119), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 8, |
||||||
|
), |
||||||
|
assistant(), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
///解除绑定弹窗 |
||||||
|
unbindShowDeleteDialog() { |
||||||
|
showDialog( |
||||||
|
context: context, |
||||||
|
builder: (context) { |
||||||
|
return AlertDialog( |
||||||
|
content: Container( |
||||||
|
width: MediaQuery.of(context).size.width - 84, |
||||||
|
height: 146.h, |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"确认要跟当前用户解除绑定？", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 17.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
color: Color(0xFF353535), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 6.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"剩余解绑次数:3次", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
color: Color(0xFFA29E9E), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 16.h, |
||||||
|
), |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Expanded( |
||||||
|
child: InkWell( |
||||||
|
child: BorderText( |
||||||
|
text: "取消", |
||||||
|
textColor: Color(0xFF32A060), |
||||||
|
fontSize: 16.sp, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
borderColor: Color(0xFF32A060), |
||||||
|
radius: 4, |
||||||
|
padding: EdgeInsets.all(12), |
||||||
|
borderWidth: 1, |
||||||
|
), |
||||||
|
onTap: () { |
||||||
|
Navigator.of(context).pop(); |
||||||
|
}, |
||||||
|
), |
||||||
|
flex: 1, |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
width: 16.w, |
||||||
|
), |
||||||
|
Expanded( |
||||||
|
child: InkWell( |
||||||
|
child: RoundButton( |
||||||
|
text: "确定", |
||||||
|
textColor: Colors.white, |
||||||
|
radius: 4, |
||||||
|
padding: EdgeInsets.all(12), |
||||||
|
backgroup: Color(0xFF32A060), |
||||||
|
fontSize: 16.sp, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
), |
||||||
|
onTap: () { |
||||||
|
Navigator.of(context).pop(); |
||||||
|
}, |
||||||
|
), |
||||||
|
flex: 1, |
||||||
|
), |
||||||
|
], |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
///权益列表 |
||||||
|
Widget legalRightItem() { |
||||||
|
return Container( |
||||||
|
margin: EdgeInsets.only(left: 20), |
||||||
|
alignment: Alignment.center, |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Opacity( |
||||||
|
opacity: 1, |
||||||
|
// MImage( |
||||||
|
// "assets/image/badge_img.png", |
||||||
|
// width: 80, |
||||||
|
// height: 80, |
||||||
|
// fit: BoxFit.cover, |
||||||
|
// errorSrc: "assets/image/default_1.png", |
||||||
|
// fadeSrc: "assets/image/default_1.png", |
||||||
|
// ), |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/vip_qy.png", |
||||||
|
width: 50, |
||||||
|
height: 50, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 8.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"储值优惠", |
||||||
|
maxLines: 2, |
||||||
|
overflow: TextOverflow.ellipsis, |
||||||
|
textAlign: TextAlign.center, |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.white, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 12.sp, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
///副卡列表 |
||||||
|
Widget assistant() { |
||||||
|
return Column( |
||||||
|
children: [ |
||||||
|
GridView.builder( |
||||||
|
itemCount: 4, |
||||||
|
shrinkWrap: true, |
||||||
|
physics: NeverScrollableScrollPhysics(), |
||||||
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( |
||||||
|
//一行的Widget数量 |
||||||
|
crossAxisCount: 3, |
||||||
|
//水平子Widget之间间距 |
||||||
|
crossAxisSpacing: 12, |
||||||
|
//垂直子Widget之间间距 |
||||||
|
mainAxisSpacing: 5, |
||||||
|
//子Widget宽高比例 |
||||||
|
// childAspectRatio: AppUtils.textScale(context) > 1 |
||||||
|
// ? (1 - ((AppUtils.textScale(context) - 1))) |
||||||
|
// : 0.48, |
||||||
|
), |
||||||
|
itemBuilder: (context, index) { |
||||||
|
return GestureDetector( |
||||||
|
onTap: () {}, |
||||||
|
child: assistantItem(), |
||||||
|
); |
||||||
|
}, |
||||||
|
), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
Widget assistantItem() { |
||||||
|
return Container( |
||||||
|
alignment: Alignment.center, |
||||||
|
child: |
||||||
|
Column( |
||||||
|
children: [ |
||||||
|
Stack( |
||||||
|
alignment: Alignment.bottomRight, |
||||||
|
children: [ |
||||||
|
Image.asset( |
||||||
|
"assets/image/icon_idea_ya.png", |
||||||
|
width: 50, |
||||||
|
height: 50, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
GestureDetector( |
||||||
|
onTap: () { |
||||||
|
setState(() { |
||||||
|
unbindShowDeleteDialog(); |
||||||
|
}); |
||||||
|
}, |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/fuka_j.png", |
||||||
|
width: 24, |
||||||
|
height: 24, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 5.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"123****6789", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF79572D), |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 12.sp, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
// GestureDetector( |
||||||
|
// onTap: (){ |
||||||
|
// Navigator.of(context).pushNamed('/router/binding_assistant_card'); |
||||||
|
// }, |
||||||
|
// child:Column( |
||||||
|
// children: [ |
||||||
|
// Image.asset( |
||||||
|
// "assets/image/fuka_zj.png", |
||||||
|
// width:50, |
||||||
|
// height:50, |
||||||
|
// fit: BoxFit.cover, |
||||||
|
// ), |
||||||
|
// Text( |
||||||
|
// "添加新副卡", |
||||||
|
// style: TextStyle( |
||||||
|
// color: Color(0xFF79572D), |
||||||
|
// fontWeight: MyFontWeight.regular, |
||||||
|
// fontSize: 12.sp, |
||||||
|
// ), |
||||||
|
// ), |
||||||
|
// ], |
||||||
|
// ), |
||||||
|
// ), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,438 @@ |
|||||||
|
import 'package:flutter/cupertino.dart'; |
||||||
|
import 'package:flutter/foundation.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:huixiang/generated/l10n.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/user_info.dart'; |
||||||
|
import 'package:huixiang/retrofit/retrofit_api.dart'; |
||||||
|
import 'package:huixiang/utils/flutter_utils.dart'; |
||||||
|
import 'package:huixiang/utils/font_weight.dart'; |
||||||
|
import 'package:huixiang/view_widget/border_text.dart'; |
||||||
|
import 'package:huixiang/view_widget/custom_image.dart'; |
||||||
|
import 'package:huixiang/view_widget/my_appbar.dart'; |
||||||
|
import 'package:huixiang/view_widget/round_button.dart'; |
||||||
|
import 'package:pull_to_refresh/pull_to_refresh.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||||
|
|
||||||
|
class MineAttainmentPage extends StatefulWidget { |
||||||
|
final Map<String, dynamic> arguments; |
||||||
|
|
||||||
|
MineAttainmentPage({this.arguments}); |
||||||
|
|
||||||
|
@override |
||||||
|
State<StatefulWidget> createState() { |
||||||
|
return _MineAttainmentPage(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class _MineAttainmentPage extends State<MineAttainmentPage> { |
||||||
|
ApiService apiService; |
||||||
|
final RefreshController _refreshController = RefreshController(); |
||||||
|
UserInfo userInfo; |
||||||
|
var checkIndex = 1; |
||||||
|
|
||||||
|
@override |
||||||
|
void dispose() { |
||||||
|
super.dispose(); |
||||||
|
if (_refreshController != null) _refreshController.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
userInfo = widget.arguments["userInfo"]; |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Container(decoration: BoxDecoration( |
||||||
|
image: DecorationImage( |
||||||
|
fit: BoxFit.fill, |
||||||
|
image: AssetImage("assets/image/attainment_bj.png"), |
||||||
|
), |
||||||
|
),child:Scaffold( |
||||||
|
backgroundColor: Colors.transparent, |
||||||
|
appBar: MyAppBar( |
||||||
|
title: "我的成就", |
||||||
|
titleColor: Colors.black, |
||||||
|
titleSize: 18.sp, |
||||||
|
background: Colors.transparent, |
||||||
|
leadingColor: Colors.black, |
||||||
|
), |
||||||
|
body: SingleChildScrollView( |
||||||
|
physics: BouncingScrollPhysics(), |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
SizedBox(height: 24), |
||||||
|
MImage( |
||||||
|
userInfo?.headimg ?? "", |
||||||
|
isCircle: true, |
||||||
|
width: 58, |
||||||
|
height: 58, |
||||||
|
fit: BoxFit.cover, |
||||||
|
errorSrc: "assets/image/default_user.png", |
||||||
|
fadeSrc: "assets/image/default_user.png", |
||||||
|
), |
||||||
|
SizedBox(height: 8), |
||||||
|
Text( |
||||||
|
userInfo?.nickname ?? S.of(context).denglu, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 16.sp, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
color: Color(0xFF353535), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox(height: 28), |
||||||
|
Container( |
||||||
|
margin: EdgeInsets.only(left: 16, right: 16, top: 26, bottom: 8), |
||||||
|
padding: EdgeInsets.all(20), |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Colors.white, |
||||||
|
boxShadow: [ |
||||||
|
BoxShadow( |
||||||
|
color: Colors.black.withAlpha(12), |
||||||
|
offset: Offset(0, 3), |
||||||
|
blurRadius: 14, |
||||||
|
spreadRadius: 0, |
||||||
|
) |
||||||
|
], |
||||||
|
borderRadius: BorderRadius.all(Radius.circular(8)), |
||||||
|
), |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"成就徽章", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
fontSize: 14.sp, |
||||||
|
color: Color(0xFF353535)), |
||||||
|
), |
||||||
|
SizedBox(width: 4), |
||||||
|
Text( |
||||||
|
"(", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
fontSize: 14, |
||||||
|
color: Color(0xFF353535)), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"0", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
fontSize: 14, |
||||||
|
color: Color(0xFF32A060)), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"/8)", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
fontSize: 14, |
||||||
|
color: Color(0xFF353535)), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox(height: 12), |
||||||
|
attainmentBadge(), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
)), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
///成就徽章列表 |
||||||
|
Widget attainmentBadge() { |
||||||
|
return GridView.builder( |
||||||
|
itemCount: 8, |
||||||
|
shrinkWrap: true, |
||||||
|
physics: NeverScrollableScrollPhysics(), |
||||||
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( |
||||||
|
//一行的Widget数量 |
||||||
|
crossAxisCount: 3, |
||||||
|
//水平子Widget之间间距 |
||||||
|
crossAxisSpacing: 13, |
||||||
|
//垂直子Widget之间间距 |
||||||
|
mainAxisSpacing: 12, |
||||||
|
//子Widget宽高比例 |
||||||
|
childAspectRatio: AppUtils.textScale(context) > 1 |
||||||
|
? (1 - ((AppUtils.textScale(context) - 1))) |
||||||
|
: 0.85, |
||||||
|
), |
||||||
|
itemBuilder: (context, index) { |
||||||
|
return GestureDetector( |
||||||
|
onTap: () { |
||||||
|
showDeleteDialog(); |
||||||
|
}, |
||||||
|
child: badgeItem(), |
||||||
|
); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
Widget badgeItem() { |
||||||
|
return Container( |
||||||
|
alignment: Alignment.center, |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
// MImage( |
||||||
|
// "assets/image/badge_img.png", |
||||||
|
// width: 80, |
||||||
|
// height: 80, |
||||||
|
// fit: BoxFit.cover, |
||||||
|
// errorSrc: "assets/image/default_1.png", |
||||||
|
// fadeSrc: "assets/image/default_1.png", |
||||||
|
// ), |
||||||
|
Image.asset( |
||||||
|
"assets/image/badge_img.png", |
||||||
|
width: 80, |
||||||
|
height: 80, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 4.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"签到", |
||||||
|
overflow: TextOverflow.ellipsis, |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF181818), |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
fontSize: 12.sp, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
///徽章成就弹窗 |
||||||
|
showDeleteDialog() { |
||||||
|
showDialog( |
||||||
|
context: context, |
||||||
|
builder: (context) { |
||||||
|
return StatefulBuilder(builder: (context, state) { |
||||||
|
return AlertDialog( |
||||||
|
content: Container( |
||||||
|
width: MediaQuery.of(context).size.width - 84, |
||||||
|
height: 385.h, |
||||||
|
child: Column( |
||||||
|
// mainAxisAlignment: MainAxisAlignment.spaceAround, |
||||||
|
// crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
GestureDetector( |
||||||
|
onTap: () { |
||||||
|
Navigator.of(context).pop(); |
||||||
|
}, |
||||||
|
child: Row( |
||||||
|
children: [ |
||||||
|
Spacer(), |
||||||
|
Image.asset( |
||||||
|
"assets/image/icon_order_cancel.png", |
||||||
|
width: 24, |
||||||
|
height: 24, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
Image.asset( |
||||||
|
"assets/image/badge_img.png", |
||||||
|
width: 150, |
||||||
|
height: 150, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"消费白银徽章", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 16.sp, |
||||||
|
fontWeight: MyFontWeight.semi_bold, |
||||||
|
color: Color(0xFF181818), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 6.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"再消费268.4元即可升级", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Color(0xFFA3A3A3), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 4.h, |
||||||
|
), |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"奖励:", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 12.sp, |
||||||
|
color: Color(0xFF515151)), |
||||||
|
), |
||||||
|
SizedBox(width: 8), |
||||||
|
Image.asset( |
||||||
|
"assets/image/icon_gold_coin.png", |
||||||
|
width: 14, |
||||||
|
height: 14, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
SizedBox(width: 4), |
||||||
|
Text( |
||||||
|
"+ 10", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 12.sp, |
||||||
|
color: Color(0xFF515151)), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox(height: 5), |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
GestureDetector( |
||||||
|
onTap: () { |
||||||
|
state(() { |
||||||
|
checkIndex = 1; |
||||||
|
}); |
||||||
|
}, |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Image.asset( |
||||||
|
"assets/image/qt_badge.png", |
||||||
|
width: checkIndex != 1 ? 30 : 55, |
||||||
|
height: checkIndex != 1 ? 30 : 55, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
SizedBox(height: 10), |
||||||
|
Text( |
||||||
|
"青铜", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 10.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Color(0xFFA3A3A3), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
Container( |
||||||
|
width: 35.w, |
||||||
|
height: 2.h, |
||||||
|
decoration: new BoxDecoration( |
||||||
|
color: Color(0xFFE1F2F7), |
||||||
|
), |
||||||
|
), |
||||||
|
GestureDetector( |
||||||
|
onTap: () { |
||||||
|
state(() { |
||||||
|
checkIndex = 2; |
||||||
|
}); |
||||||
|
}, |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Image.asset( |
||||||
|
"assets/image/by_badge.png", |
||||||
|
width: checkIndex != 2 ? 35 : 65, |
||||||
|
height: checkIndex != 2 ? 35 : 65, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
SizedBox(height: 10), |
||||||
|
Text( |
||||||
|
"白银", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 10.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Color(0xFFA3A3A3), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
Container( |
||||||
|
width: 35.w, |
||||||
|
height: 2.h, |
||||||
|
decoration: new BoxDecoration( |
||||||
|
color: Color(0xFFE1F2F7), |
||||||
|
), |
||||||
|
), |
||||||
|
GestureDetector( |
||||||
|
onTap: () { |
||||||
|
state(() { |
||||||
|
checkIndex = 3; |
||||||
|
}); |
||||||
|
}, |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Image.asset( |
||||||
|
"assets/image/hj_badge.png", |
||||||
|
width: checkIndex != 3 ? 35 : 65, |
||||||
|
height: checkIndex != 3 ? 35 : 65, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
SizedBox(height: 10), |
||||||
|
Text( |
||||||
|
"黄金", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 10.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Color(0xFFA3A3A3), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
Container( |
||||||
|
width: 35.w, |
||||||
|
height: 2.h, |
||||||
|
decoration: new BoxDecoration( |
||||||
|
color: Color(0xFFE1F2F7), |
||||||
|
), |
||||||
|
), |
||||||
|
GestureDetector( |
||||||
|
onTap: () { |
||||||
|
state(() { |
||||||
|
checkIndex = 4; |
||||||
|
}); |
||||||
|
}, |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Image.asset( |
||||||
|
"assets/image/qt_badge.png", |
||||||
|
width: checkIndex != 4 ? 35 : 65, |
||||||
|
height: checkIndex != 4 ? 35 : 65, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
SizedBox(height: 10), |
||||||
|
Text( |
||||||
|
"铂金", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 10.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Color(0xFFA3A3A3), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
}); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,558 @@ |
|||||||
|
import 'package:dio/dio.dart'; |
||||||
|
import 'package:flutter/cupertino.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
||||||
|
import 'package:flutter_swiper/flutter_swiper.dart'; |
||||||
|
import 'package:huixiang/generated/l10n.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/base_data.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/rank.dart'; |
||||||
|
import 'package:huixiang/retrofit/retrofit_api.dart'; |
||||||
|
import 'package:huixiang/utils/flutter_utils.dart'; |
||||||
|
import 'package:huixiang/utils/font_weight.dart'; |
||||||
|
import 'package:huixiang/view_widget/mine_vip_view.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||||
|
import 'package:huixiang/view_widget/my_appbar.dart'; |
||||||
|
import 'package:huixiang/view_widget/vip_dialog.dart'; |
||||||
|
import 'package:shared_preferences/shared_preferences.dart'; |
||||||
|
|
||||||
|
class MineVipCore extends StatefulWidget { |
||||||
|
final Map<String, dynamic> arguments; |
||||||
|
|
||||||
|
MineVipCore({this.arguments}); |
||||||
|
|
||||||
|
@override |
||||||
|
State<StatefulWidget> createState() { |
||||||
|
return _MineVipCore(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class _MineVipCore extends State<MineVipCore> { |
||||||
|
ApiService apiService; |
||||||
|
List<Rank> ranks = []; |
||||||
|
|
||||||
|
final SwiperController controller = SwiperController(); |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
|
||||||
|
SharedPreferences.getInstance().then((value) { |
||||||
|
apiService = |
||||||
|
ApiService(Dio(), context: context, token: value.getString("token")); |
||||||
|
queryVipLevel(); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
queryVipLevel() async { |
||||||
|
BaseData<List<Rank>> rankData = await apiService.rankList(); |
||||||
|
if (rankData != null && rankData.isSuccess) { |
||||||
|
ranks.clear(); |
||||||
|
ranks.addAll(rankData.data); |
||||||
|
setState(() { |
||||||
|
controller.move((widget.arguments["rankLevel"] - 1), animation: false); |
||||||
|
}); |
||||||
|
} else { |
||||||
|
SmartDialog.showToast(rankData.msg, alignment: Alignment.center); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Scaffold( |
||||||
|
appBar: MyAppBar( |
||||||
|
title: S.of(context).huiyuanzhongxin, |
||||||
|
titleColor: Colors.black, |
||||||
|
titleSize: 18.sp, |
||||||
|
background: Colors.transparent, |
||||||
|
leadingColor: Colors.black, |
||||||
|
), |
||||||
|
body: SingleChildScrollView( |
||||||
|
physics: BouncingScrollPhysics(), |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
///会员卡 |
||||||
|
Container( |
||||||
|
height: (MediaQuery.of(context).size.width) / |
||||||
|
1.78 * |
||||||
|
AppUtils.textScale(context), |
||||||
|
child: Swiper( |
||||||
|
viewportFraction: 0.95, |
||||||
|
loop: false, |
||||||
|
physics: BouncingScrollPhysics(), |
||||||
|
controller: controller, |
||||||
|
itemBuilder: (context, position) { |
||||||
|
return MineVipView( |
||||||
|
vipLevel: !(ranks != null && ranks.isNotEmpty) |
||||||
|
? widget.arguments["rankLevel"] |
||||||
|
: position + 1, |
||||||
|
curLevel: widget.arguments["rankLevel"], |
||||||
|
tag: (widget.arguments["rankLevel"] == (position + 1) || |
||||||
|
!(ranks != null && ranks.isNotEmpty)) |
||||||
|
? "vip" |
||||||
|
: "", |
||||||
|
padding: 6.w, |
||||||
|
rank: !(ranks != null && ranks.isNotEmpty) |
||||||
|
? 0 |
||||||
|
: widget.arguments["points"], |
||||||
|
rankMax: !(ranks != null && ranks.isNotEmpty) |
||||||
|
? 0 |
||||||
|
: (position < (ranks.length - 1)) |
||||||
|
? ranks[position + 1].rankOrigin |
||||||
|
: ranks[position].rankOrigin, |
||||||
|
createTime: widget.arguments["createTime"], |
||||||
|
); |
||||||
|
}, |
||||||
|
itemCount: |
||||||
|
(ranks != null && ranks.isNotEmpty) ? ranks.length : 1, |
||||||
|
), |
||||||
|
), |
||||||
|
|
||||||
|
///会员权益 |
||||||
|
Container( |
||||||
|
margin: EdgeInsets.fromLTRB(0, 16.h, 0, 0), |
||||||
|
padding: EdgeInsets.fromLTRB(16.w, 16.h, 16.w, 16.h), |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Colors.white, |
||||||
|
borderRadius: BorderRadius.only( |
||||||
|
topLeft: Radius.circular(8), |
||||||
|
topRight: Radius.circular(8), |
||||||
|
), |
||||||
|
), |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
width: 4, |
||||||
|
height: 18, |
||||||
|
decoration: BoxDecoration( |
||||||
|
gradient: new LinearGradient( |
||||||
|
begin: Alignment.bottomCenter, |
||||||
|
end: Alignment.topCenter, |
||||||
|
colors: [ |
||||||
|
Color(0xFF000000), |
||||||
|
Color(0xFF585858), |
||||||
|
]), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
width: 4.w, |
||||||
|
), |
||||||
|
Text( |
||||||
|
S.of(context).huiyuanquanyi, |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
fontSize: 16.sp, |
||||||
|
color: Colors.black, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 12.h, |
||||||
|
), |
||||||
|
vipLegalRight(), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
|
||||||
|
///会员规则说明 |
||||||
|
Container( |
||||||
|
margin: EdgeInsets.fromLTRB(0, 16.h, 0, 0), |
||||||
|
padding: EdgeInsets.fromLTRB(16.w, 16.h, 16.w, 16.h), |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Colors.white, |
||||||
|
borderRadius: BorderRadius.only( |
||||||
|
topLeft: Radius.circular(8), |
||||||
|
topRight: Radius.circular(8), |
||||||
|
), |
||||||
|
), |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
width: 4, |
||||||
|
height: 18, |
||||||
|
decoration: BoxDecoration( |
||||||
|
gradient: new LinearGradient( |
||||||
|
begin: Alignment.bottomCenter, |
||||||
|
end: Alignment.topCenter, |
||||||
|
colors: [ |
||||||
|
Color(0xFF000000), |
||||||
|
Color(0xFF585858), |
||||||
|
]), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
width: 4.w, |
||||||
|
), |
||||||
|
Text( |
||||||
|
S.of(context).huiyuanguize, |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
fontSize: 16.sp, |
||||||
|
color: Colors.black, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 12.h, |
||||||
|
), |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.only(left: 8), |
||||||
|
child: Text( |
||||||
|
"会员共分为3个等级，分别是银卡会员、金卡会员、共创会员。其中，银卡会员和金卡会员由用户的消费金额决定，" |
||||||
|
"消费金额越高，会员等级越高，享受到的会员权益也越多。而共创会员需要直接购买，但是它的权益包含银卡和金卡的，属于最高等级会员。", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 12.sp, |
||||||
|
height: 1.5, |
||||||
|
color: Color(0xFF4C4C4C), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
|
||||||
|
///会员级别对照表 |
||||||
|
Container( |
||||||
|
margin: EdgeInsets.fromLTRB(0, 16.h, 0, 0), |
||||||
|
padding: EdgeInsets.fromLTRB(16.w, 16.h, 16.w, 16.h), |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Colors.white, |
||||||
|
borderRadius: BorderRadius.only( |
||||||
|
topLeft: Radius.circular(8), |
||||||
|
topRight: Radius.circular(8), |
||||||
|
), |
||||||
|
), |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
width: 4, |
||||||
|
height: 18, |
||||||
|
decoration: BoxDecoration( |
||||||
|
gradient: new LinearGradient( |
||||||
|
begin: Alignment.bottomCenter, |
||||||
|
end: Alignment.topCenter, |
||||||
|
colors: [ |
||||||
|
Color(0xFF000000), |
||||||
|
Color(0xFF585858), |
||||||
|
]), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
width: 4.w, |
||||||
|
), |
||||||
|
Text( |
||||||
|
S.of(context).huiyuanjibieduizhao, |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
fontSize: 16.sp, |
||||||
|
color: Colors.black, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 12.h, |
||||||
|
), |
||||||
|
Image.asset( |
||||||
|
"assets/image/vip_contrastive_table.png", |
||||||
|
width: double.infinity, |
||||||
|
height: 281, |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 16.h, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
|
||||||
|
///会员如何获得积分 |
||||||
|
Container( |
||||||
|
margin: EdgeInsets.fromLTRB(0, 16.h, 0, 0), |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Colors.white, |
||||||
|
borderRadius: BorderRadius.only( |
||||||
|
topLeft: Radius.circular(8), |
||||||
|
topRight: Radius.circular(8), |
||||||
|
), |
||||||
|
), |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
padding: EdgeInsets.fromLTRB(16.w, 16.h, 16.w, 16.h), |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
width: 4, |
||||||
|
height: 18, |
||||||
|
decoration: BoxDecoration( |
||||||
|
gradient: new LinearGradient( |
||||||
|
begin: Alignment.bottomCenter, |
||||||
|
end: Alignment.topCenter, |
||||||
|
colors: [ |
||||||
|
Color(0xFF000000), |
||||||
|
Color(0xFF585858), |
||||||
|
]), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
width: 4.w, |
||||||
|
), |
||||||
|
Text( |
||||||
|
S.of(context).huiyuanhuodejifen, |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
fontSize: 16.sp, |
||||||
|
color: Colors.black, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 12.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"1.用户每消费1元可获得1个积分。", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 12.sp, |
||||||
|
color: Color(0xFF4C4C4C), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 8.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"2.通过完成积分详情-做任务得积分来获得积分。", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 12.sp, |
||||||
|
color: Color(0xFF4C4C4C), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 8.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"3.优惠金额无法累积积分，订单撤销或其他原因造成的未成功支付的订单，无法获得对应的积分。", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 12.sp, |
||||||
|
height: 1.5, |
||||||
|
color: Color(0xFF4C4C4C), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 8.h, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
InkWell( |
||||||
|
onTap: () { |
||||||
|
setState(() { |
||||||
|
showAlertDialog(); |
||||||
|
}); |
||||||
|
}, |
||||||
|
child: Container( |
||||||
|
decoration: BoxDecoration( |
||||||
|
gradient: new LinearGradient( |
||||||
|
begin: Alignment.centerLeft, |
||||||
|
end: Alignment.centerRight, |
||||||
|
colors: [ |
||||||
|
Color(0xFFFFDCA1), |
||||||
|
Color(0xFFFAE4C0), |
||||||
|
]), |
||||||
|
), |
||||||
|
width: MediaQuery.of(context).size.width, |
||||||
|
padding: EdgeInsets.all(16), |
||||||
|
height: 54, |
||||||
|
alignment: Alignment.center, |
||||||
|
child: Text( |
||||||
|
"${S.of(context).lijikaitong}￥20000/永久", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
fontSize: 16.sp, |
||||||
|
color: Color(0xFF4A4748), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
Widget levelItem(Rank rank, rankOrigin, rankOriginMax) { |
||||||
|
return Container( |
||||||
|
margin: EdgeInsets.symmetric(vertical: 8.h), |
||||||
|
child: Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Expanded( |
||||||
|
child: Text( |
||||||
|
rank?.rankName ?? "", |
||||||
|
textAlign: TextAlign.center, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Color(0xFF353535), |
||||||
|
), |
||||||
|
), |
||||||
|
flex: 1, |
||||||
|
), |
||||||
|
Expanded( |
||||||
|
child: Text( |
||||||
|
"$rankOrigin - ${rankOriginMax == 0 ? "无限" : rankOriginMax}", |
||||||
|
textAlign: TextAlign.center, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Color(0xFF353535), |
||||||
|
), |
||||||
|
), |
||||||
|
flex: 1, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
///会员权益列表 |
||||||
|
Widget vipLegalRight() { |
||||||
|
return GridView.builder( |
||||||
|
itemCount: 13, |
||||||
|
shrinkWrap: true, |
||||||
|
physics: NeverScrollableScrollPhysics(), |
||||||
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( |
||||||
|
//一行的Widget数量 |
||||||
|
crossAxisCount: 4, |
||||||
|
//水平子Widget之间间距 |
||||||
|
crossAxisSpacing: 35, |
||||||
|
//垂直子Widget之间间距 |
||||||
|
mainAxisSpacing: 10, |
||||||
|
//子Widget宽高比例 |
||||||
|
childAspectRatio: AppUtils.textScale(context) > 1 |
||||||
|
? (1 - ((AppUtils.textScale(context) - 1))) |
||||||
|
: 0.85, |
||||||
|
), |
||||||
|
itemBuilder: (context, index) { |
||||||
|
return GestureDetector( |
||||||
|
onTap: () { |
||||||
|
Navigator.of(context) |
||||||
|
.pushNamed('/router/legal_right_details', arguments: {}); |
||||||
|
}, |
||||||
|
child: vipLegalRightItem(), |
||||||
|
); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
Widget vipLegalRightItem() { |
||||||
|
return Container( |
||||||
|
alignment: Alignment.center, |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Stack( |
||||||
|
alignment: Alignment.bottomCenter, |
||||||
|
children: [ |
||||||
|
Opacity( |
||||||
|
opacity: 0.3, |
||||||
|
// MImage( |
||||||
|
// "assets/image/badge_img.png", |
||||||
|
// width: 80, |
||||||
|
// height: 80, |
||||||
|
// fit: BoxFit.cover, |
||||||
|
// errorSrc: "assets/image/default_1.png", |
||||||
|
// fadeSrc: "assets/image/default_1.png", |
||||||
|
// ), |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/vip_qy.png", |
||||||
|
width: 36, |
||||||
|
height: 36, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
), |
||||||
|
Container( |
||||||
|
decoration: new BoxDecoration( |
||||||
|
color: Color(0xFFA29E9E), |
||||||
|
borderRadius: BorderRadius.circular(7.0), |
||||||
|
), |
||||||
|
width: 52.w, |
||||||
|
height: 15.h, |
||||||
|
child: Row( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Icon( |
||||||
|
Icons.lock, |
||||||
|
color: Color(0xFFFFDCA1), |
||||||
|
size: 10, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"暂未开放", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF181818), |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 9.sp, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 5.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"储值优惠", |
||||||
|
maxLines: 2, |
||||||
|
overflow: TextOverflow.ellipsis, |
||||||
|
textAlign: TextAlign.center, |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF181818), |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 12.sp, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
///会员升级弹窗 |
||||||
|
showAlertDialog() { |
||||||
|
//显示对话框 |
||||||
|
showDialog( |
||||||
|
context: context, |
||||||
|
builder: (BuildContext context) { |
||||||
|
return VipDialog(); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,206 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:huixiang/generated/l10n.dart'; |
||||||
|
import 'package:huixiang/utils/font_weight.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||||
|
|
||||||
|
class VipDialog extends StatelessWidget { |
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return SimpleDialog( |
||||||
|
titlePadding: EdgeInsets.all(10), |
||||||
|
backgroundColor: Colors.transparent, |
||||||
|
elevation: 0, |
||||||
|
shape: RoundedRectangleBorder( |
||||||
|
borderRadius: BorderRadius.circular(6), |
||||||
|
), |
||||||
|
children: <Widget>[ |
||||||
|
Stack( |
||||||
|
alignment: Alignment.topCenter, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
margin: EdgeInsets.only(top: 40.h), |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Colors.white, |
||||||
|
borderRadius: BorderRadius.circular(8),), |
||||||
|
child:SingleChildScrollView( |
||||||
|
physics: BouncingScrollPhysics(), |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
alignment: Alignment.center, |
||||||
|
width:double.infinity, |
||||||
|
height: 92, |
||||||
|
padding: EdgeInsets.only(top: 50.h, bottom: 19.h), |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Colors.black, |
||||||
|
borderRadius: BorderRadius.only( |
||||||
|
topLeft: Radius.circular(8), |
||||||
|
topRight: Radius.circular(8), |
||||||
|
),), |
||||||
|
child:Text( |
||||||
|
"${S.of(context).gongxinchengwei}银卡会员", |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.white, |
||||||
|
fontSize: 18.sp, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
Container( |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.only(top:16.h, bottom: 19.h), |
||||||
|
child: Text( |
||||||
|
S.of(context).huodequanyi, |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight:MyFontWeight.medium, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
// vipUpgrade(), |
||||||
|
Container( |
||||||
|
margin: EdgeInsets.only(left: 32,right: 32,bottom: 20), |
||||||
|
decoration: BoxDecoration( |
||||||
|
gradient: new LinearGradient( |
||||||
|
begin: Alignment.centerLeft, |
||||||
|
end: Alignment.centerRight, |
||||||
|
colors: [ |
||||||
|
Color(0xFFFFDCA1), |
||||||
|
Color(0xFFFAE4C0), |
||||||
|
]), |
||||||
|
borderRadius: BorderRadius.circular(22.5), |
||||||
|
), |
||||||
|
width: MediaQuery.of(context).size.width, |
||||||
|
height: 40, |
||||||
|
alignment: Alignment.center, |
||||||
|
child: Text( |
||||||
|
S.of(context).chakanquanyi, |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
fontSize: 16.sp, |
||||||
|
color: Color(0xFF4A4748), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
Image.asset( |
||||||
|
"assets/image/vip_yk.png", |
||||||
|
fit: BoxFit.cover, |
||||||
|
width: 76, |
||||||
|
height: 76, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
///会员升级权益列表 |
||||||
|
Widget vipUpgrade() { |
||||||
|
return GridView.builder( |
||||||
|
itemCount:9, |
||||||
|
shrinkWrap: true, |
||||||
|
physics: NeverScrollableScrollPhysics(), |
||||||
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( |
||||||
|
//一行的Widget数量 |
||||||
|
crossAxisCount:3, |
||||||
|
//水平子Widget之间间距 |
||||||
|
crossAxisSpacing:10, |
||||||
|
//垂直子Widget之间间距 |
||||||
|
mainAxisSpacing: 10, |
||||||
|
), |
||||||
|
itemBuilder: (context, index) { |
||||||
|
return GestureDetector( |
||||||
|
onTap: () { |
||||||
|
Navigator.of(context) |
||||||
|
.pushNamed('/router/legal_right_details', arguments: {}); |
||||||
|
}, |
||||||
|
child: vipUpgradeItem(), |
||||||
|
); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
Widget vipUpgradeItem() { |
||||||
|
return Container( |
||||||
|
alignment: Alignment.center, |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Stack( |
||||||
|
alignment: Alignment.bottomCenter, |
||||||
|
children: [ |
||||||
|
Opacity( |
||||||
|
opacity: 0.3, |
||||||
|
// MImage( |
||||||
|
// "assets/image/badge_img.png", |
||||||
|
// width: 80, |
||||||
|
// height: 80, |
||||||
|
// fit: BoxFit.cover, |
||||||
|
// errorSrc: "assets/image/default_1.png", |
||||||
|
// fadeSrc: "assets/image/default_1.png", |
||||||
|
// ), |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/vip_qy.png", |
||||||
|
width: 36, |
||||||
|
height: 36, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
), |
||||||
|
Container( |
||||||
|
decoration: new BoxDecoration( |
||||||
|
color: Color(0xFFA29E9E), |
||||||
|
borderRadius: BorderRadius.circular(7.0), |
||||||
|
), |
||||||
|
width: 52.w, |
||||||
|
height: 15.h, |
||||||
|
child: Row( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Icon( |
||||||
|
Icons.lock, |
||||||
|
color: Color(0xFFFFDCA1), |
||||||
|
size: 10, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"暂未开放", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF181818), |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 9.sp, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 5.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"储值优惠", |
||||||
|
maxLines: 2, |
||||||
|
overflow: TextOverflow.ellipsis, |
||||||
|
textAlign: TextAlign.center, |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF181818), |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 12.sp, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
Loading…
Reference in new issue