王子贤
4 months ago
19 changed files with 26220 additions and 38 deletions
Split View
Diff Options
-
BINassets/images/cert_avatar.png
-
BINassets/images/cert_phone.png
-
BINassets/images/cert_realname.png
-
BINassets/images/help_bg.png
-
BINassets/images/phone_help.png
-
BINassets/images/realname_help.png
-
BINassets/images/updata_bg.png
-
BINassets/images/updata_font.png
-
BINassets/images/updata_icon.png
-
18lib/controller/mine/edit_info_controller.dart
-
8lib/controller/mine/mine_controller.dart
-
9lib/generated/assets.dart
-
25035lib/model/mine/address_data.dart
-
111lib/pages/mine/blacklist_page.dart
-
46lib/pages/mine/edit_info_page.dart
-
99lib/pages/mine/help_info_page.dart
-
72lib/pages/mine/mine_page.dart
-
410lib/pages/mine/setting_page.dart
-
450lib/pages/mine/user_help_center_page.dart
| Before | After |
|---|---|
|
|
| Width: 145 | Height: 146 | Size: 1.6 KiB |
| Before | After |
|---|---|
|
|
| Width: 110 | Height: 156 | Size: 3.9 KiB |
| Before | After |
|---|---|
|
|
| Width: 143 | Height: 160 | Size: 2.0 KiB |
| Before | After |
|---|---|
|
|
| Width: 3887 | Height: 3125 | Size: 2.1 MiB |
| Before | After |
|---|---|
|
|
| Width: 167 | Height: 193 | Size: 20 KiB |
| Before | After |
|---|---|
|
|
| Width: 211 | Height: 181 | Size: 25 KiB |
| Before | After |
|---|---|
|
|
| Width: 1196 | Height: 782 | Size: 268 KiB |
| Before | After |
|---|---|
|
|
| Width: 317 | Height: 220 | Size: 39 KiB |
| Before | After |
|---|---|
|
|
| Width: 146 | Height: 146 | Size: 21 KiB |
25035
lib/model/mine/address_data.dart
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,111 @@ |
|||
import 'package:dating_touchme_app/components/page_appbar.dart'; |
|||
import 'package:dating_touchme_app/generated/assets.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
|
|||
class BlacklistPage extends StatefulWidget { |
|||
const BlacklistPage({super.key}); |
|||
|
|||
@override |
|||
State<BlacklistPage> createState() => _BlacklistPageState(); |
|||
} |
|||
|
|||
class _BlacklistPageState extends State<BlacklistPage> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: PageAppbar(title: "黑名单"), |
|||
body: SingleChildScrollView( |
|||
child: Container( |
|||
padding: EdgeInsets.symmetric( |
|||
vertical: 20.w, |
|||
horizontal: 15.w |
|||
), |
|||
child: Column( |
|||
children: [ |
|||
BlackItem(), |
|||
BlackItem(), |
|||
BlackItem(), |
|||
BlackItem(), |
|||
BlackItem(), |
|||
BlackItem(), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class BlackItem extends StatefulWidget { |
|||
const BlackItem({super.key}); |
|||
|
|||
@override |
|||
State<BlackItem> createState() => _BlackItemState(); |
|||
} |
|||
|
|||
class _BlackItemState extends State<BlackItem> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
margin: EdgeInsets.only( |
|||
bottom: 20.w |
|||
), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
ClipRRect( |
|||
borderRadius: BorderRadius.all(Radius.circular(40.w)), |
|||
child: Image.asset( |
|||
Assets.imagesUserAvatar, |
|||
width: 40.w, |
|||
height: 40.w, |
|||
), |
|||
), |
|||
SizedBox(width: 12.w,), |
|||
Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
"法大师傅", |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
), |
|||
Text( |
|||
"拉黑时间：11月7日", |
|||
style: TextStyle( |
|||
fontSize: 11.w, |
|||
color: const Color.fromRGBO(144, 144, 144, 1) |
|||
), |
|||
) |
|||
], |
|||
) |
|||
], |
|||
), |
|||
Container( |
|||
width: 70.w, |
|||
height: 25.w, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(25.w)), |
|||
border: Border.all(width: 1, color: const Color.fromRGBO(51, 51, 51, 1)) |
|||
), |
|||
child: Center( |
|||
child: Text( |
|||
"拆除", |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
), |
|||
), |
|||
) |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
@ -0,0 +1,99 @@ |
|||
import 'package:dating_touchme_app/components/page_appbar.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
|
|||
class HelpInfoPage extends StatefulWidget { |
|||
const HelpInfoPage({super.key}); |
|||
|
|||
@override |
|||
State<HelpInfoPage> createState() => _HelpInfoPageState(); |
|||
} |
|||
|
|||
class _HelpInfoPageState extends State<HelpInfoPage> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: PageAppbar(title: "充值了会员为什么无法畅聊"), |
|||
body: SingleChildScrollView( |
|||
child: Container( |
|||
padding: EdgeInsets.symmetric( |
|||
vertical: 22.w, |
|||
horizontal: 15.w |
|||
), |
|||
child: Column( |
|||
children: [ |
|||
Text( |
|||
"" |
|||
), |
|||
Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceAround, |
|||
children: [ |
|||
Container( |
|||
width: 130.w, |
|||
height: 37.w, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(9.w)), |
|||
border: Border.all( |
|||
width: 1, |
|||
color: const Color.fromRGBO(144, 144, 144, 1) |
|||
) |
|||
), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Icon( |
|||
Icons.thumb_up_off_alt, |
|||
size: 22.w, |
|||
color: const Color.fromRGBO(144, 144, 144, 1), |
|||
), |
|||
SizedBox(width: 14.w,), |
|||
Text( |
|||
"有用", |
|||
style: TextStyle( |
|||
fontSize: 16.w, |
|||
color: const Color.fromRGBO(144, 144, 144, 1), |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
) |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
width: 130.w, |
|||
height: 37.w, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(9.w)), |
|||
border: Border.all( |
|||
width: 1, |
|||
color: const Color.fromRGBO(144, 144, 144, 1) |
|||
) |
|||
), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Icon( |
|||
Icons.thumb_down_off_alt, |
|||
size: 22.w, |
|||
color: const Color.fromRGBO(144, 144, 144, 1), |
|||
), |
|||
SizedBox(width: 14.w,), |
|||
Text( |
|||
"没用", |
|||
style: TextStyle( |
|||
fontSize: 16.w, |
|||
color: const Color.fromRGBO(144, 144, 144, 1), |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
) |
|||
], |
|||
), |
|||
), |
|||
], |
|||
) |
|||
], |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -0,0 +1,410 @@ |
|||
import 'package:dating_touchme_app/components/page_appbar.dart'; |
|||
import 'package:dating_touchme_app/extension/ex_widget.dart'; |
|||
import 'package:dating_touchme_app/generated/assets.dart'; |
|||
import 'package:dating_touchme_app/pages/mine/blacklist_page.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:get/get.dart'; |
|||
import 'package:get/get_core/src/get_main.dart'; |
|||
import 'package:tdesign_flutter/tdesign_flutter.dart'; |
|||
|
|||
class SettingPage extends StatefulWidget { |
|||
const SettingPage({super.key}); |
|||
|
|||
@override |
|||
State<SettingPage> createState() => _SettingPageState(); |
|||
} |
|||
|
|||
class _SettingPageState extends State<SettingPage> { |
|||
|
|||
|
|||
bool blockUser = false; |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
backgroundColor: const Color.fromRGBO(250, 250, 250, 1), |
|||
appBar: PageAppbar(title: "设置"), |
|||
body: SingleChildScrollView( |
|||
child: Container( |
|||
padding: EdgeInsets.symmetric( |
|||
vertical: 15.w, |
|||
horizontal: 10.w |
|||
), |
|||
child: Column( |
|||
children: [ |
|||
BlockItem( |
|||
children: [ |
|||
Item( |
|||
label: "后台播放", |
|||
child: TDSwitch( |
|||
isOn: blockUser, |
|||
trackOnColor: const Color.fromRGBO(117, 98, 249, 1), |
|||
onChanged: (bool e){ |
|||
print(e); |
|||
blockUser = e; |
|||
setState(() { |
|||
|
|||
}); |
|||
return e; |
|||
}, |
|||
), |
|||
), |
|||
LineItem(), |
|||
Item( |
|||
label: "语音/视频通话提示音", |
|||
child: TDSwitch( |
|||
isOn: blockUser, |
|||
trackOnColor: const Color.fromRGBO(117, 98, 249, 1), |
|||
onChanged: (bool e){ |
|||
print(e); |
|||
blockUser = e; |
|||
setState(() { |
|||
|
|||
}); |
|||
return e; |
|||
}, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
BlockItem( |
|||
children: [ |
|||
Item( |
|||
label: "安全中心", |
|||
child: Icon( |
|||
Icons.keyboard_arrow_right, |
|||
size: 10.w, |
|||
color: const Color.fromRGBO(191, 191, 191, 1), |
|||
), |
|||
), |
|||
LineItem(), |
|||
Item( |
|||
label: "黑名单", |
|||
child: Icon( |
|||
Icons.keyboard_arrow_right, |
|||
size: 10.w, |
|||
color: const Color.fromRGBO(191, 191, 191, 1), |
|||
), |
|||
).onTap((){ |
|||
Get.to(() => BlacklistPage()); |
|||
}), |
|||
], |
|||
), |
|||
BlockItem( |
|||
children: [ |
|||
Item( |
|||
label: "隐私设置", |
|||
child: Icon( |
|||
Icons.keyboard_arrow_right, |
|||
size: 10.w, |
|||
color: const Color.fromRGBO(191, 191, 191, 1), |
|||
), |
|||
), |
|||
LineItem(), |
|||
Item( |
|||
label: "青少年模式", |
|||
child: Icon( |
|||
Icons.keyboard_arrow_right, |
|||
size: 10.w, |
|||
color: const Color.fromRGBO(191, 191, 191, 1), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
BlockItem( |
|||
children: [ |
|||
Item( |
|||
label: "系统权限管理", |
|||
child: Icon( |
|||
Icons.keyboard_arrow_right, |
|||
size: 10.w, |
|||
color: const Color.fromRGBO(191, 191, 191, 1), |
|||
), |
|||
), |
|||
LineItem(), |
|||
Item( |
|||
label: "消息通知", |
|||
child: Icon( |
|||
Icons.keyboard_arrow_right, |
|||
size: 10.w, |
|||
color: const Color.fromRGBO(191, 191, 191, 1), |
|||
), |
|||
), |
|||
LineItem(), |
|||
Item( |
|||
label: "检查更新", |
|||
child: Row( |
|||
children: [ |
|||
Text( |
|||
"版本号 1.0.000", |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
color: const Color.fromRGBO(117, 98, 249, 1) |
|||
), |
|||
), |
|||
SizedBox(width: 10.w,), |
|||
Icon( |
|||
Icons.keyboard_arrow_right, |
|||
size: 10.w, |
|||
color: const Color.fromRGBO(191, 191, 191, 1), |
|||
) |
|||
], |
|||
), |
|||
).onTap((){ |
|||
Navigator.of(context).push(TDSlidePopupRoute( |
|||
modalBarrierColor: TDTheme.of(context).fontGyColor2, |
|||
slideTransitionFrom: SlideTransitionFrom.center, |
|||
builder: (context) { |
|||
return Material( |
|||
color: Colors.transparent, |
|||
child: Container( |
|||
color: Colors.transparent, |
|||
width: 299.w, |
|||
padding: EdgeInsets.only( |
|||
top: 56.w |
|||
), |
|||
child: Stack( |
|||
clipBehavior: Clip.none, |
|||
children: [ |
|||
Container( |
|||
width: 299.w, |
|||
padding: EdgeInsets.only( |
|||
top: 147.w, |
|||
left: 30.w, |
|||
right: 30.w, |
|||
bottom: 25.w |
|||
), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(18.w)), |
|||
color: Colors.white |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
Text( |
|||
"体验全新升级v1.2.0", |
|||
style: TextStyle( |
|||
fontSize: 16.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
), |
|||
SizedBox(height: 14.w,), |
|||
Row( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Container( |
|||
width: 2.w, |
|||
height: 5.w, |
|||
margin: EdgeInsets.only( |
|||
right: 10.w, |
|||
top: 6.w |
|||
), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(2.w)), |
|||
color: const Color.fromRGBO(51, 51, 51, 1) |
|||
), |
|||
), |
|||
SizedBox( |
|||
width: 204.w, |
|||
child: Text( |
|||
"首页风格改版，更全面的内容，恍然一新的视觉用户体验。", |
|||
style: TextStyle( |
|||
fontSize: 12.w, |
|||
), |
|||
), |
|||
) |
|||
], |
|||
), |
|||
SizedBox(height: 8.w,), |
|||
Row( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Container( |
|||
width: 2.w, |
|||
height: 5.w, |
|||
margin: EdgeInsets.only( |
|||
right: 10.w, |
|||
top: 6.w |
|||
), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(2.w)), |
|||
color: const Color.fromRGBO(51, 51, 51, 1) |
|||
), |
|||
), |
|||
SizedBox( |
|||
width: 204.w, |
|||
child: Text( |
|||
"优化了动画细节，让产品更流畅。", |
|||
style: TextStyle( |
|||
fontSize: 12.w, |
|||
), |
|||
), |
|||
) |
|||
], |
|||
), |
|||
SizedBox(height: 32.w,), |
|||
Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
Container( |
|||
width: 113.w, |
|||
height: 40.w, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(9.w)), |
|||
color: const Color.fromRGBO(245, 245, 245, 1) |
|||
), |
|||
child: Center( |
|||
child: Text( |
|||
"暂不更新", |
|||
style: TextStyle( |
|||
fontSize: 15.w, |
|||
color: const Color.fromRGBO(144, 144, 144, 1) |
|||
), |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
width: 113.w, |
|||
height: 40.w, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(9.w)), |
|||
color: const Color.fromRGBO(245, 245, 245, 1), |
|||
gradient: const LinearGradient( |
|||
begin: Alignment.centerLeft, |
|||
end: Alignment.centerRight, // 对应 CSS 90deg |
|||
colors: [ |
|||
Color.fromRGBO(131, 89, 255, 1), // rgba(131, 89, 255, 1) |
|||
Color.fromRGBO(61, 138, 224, 1), // rgba(61, 138, 224, 1) |
|||
], |
|||
), |
|||
), |
|||
child: Center( |
|||
child: Text( |
|||
"立即升级", |
|||
style: TextStyle( |
|||
fontSize: 15.w, |
|||
fontWeight: FontWeight.w500, |
|||
color: Colors.white |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
) |
|||
], |
|||
), |
|||
), |
|||
Positioned( |
|||
left: 0, |
|||
top: -56.w, |
|||
child: Image.asset( |
|||
Assets.imagesUpdataBg, |
|||
width: 299.w, |
|||
), |
|||
), |
|||
Positioned( |
|||
left: 11.w, |
|||
top: -14.w, |
|||
child: Image.asset( |
|||
Assets.imagesUpdataIcon, |
|||
width: 36.w, |
|||
), |
|||
), |
|||
Positioned( |
|||
left: 43.w, |
|||
top: 29.w, |
|||
child: Image.asset( |
|||
Assets.imagesUpdataFont, |
|||
width: 76.w, |
|||
), |
|||
) |
|||
], |
|||
), |
|||
), |
|||
); |
|||
})); |
|||
}), |
|||
], |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class BlockItem extends StatefulWidget { |
|||
final List<Widget> children; |
|||
const BlockItem({super.key, required this.children}); |
|||
|
|||
@override |
|||
State<BlockItem> createState() => _BlockItemState(); |
|||
} |
|||
|
|||
class _BlockItemState extends State<BlockItem> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
padding: EdgeInsets.symmetric( |
|||
horizontal: 14.w |
|||
), |
|||
margin: EdgeInsets.only( |
|||
bottom: 10.w |
|||
), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(9.w)), |
|||
color: Colors.white |
|||
), |
|||
child: Column( |
|||
children: widget.children, |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class Item extends StatefulWidget { |
|||
final String label; |
|||
final Widget child; |
|||
const Item({super.key, required this.label, required this.child}); |
|||
|
|||
@override |
|||
State<Item> createState() => _ItemState(); |
|||
} |
|||
|
|||
class _ItemState extends State<Item> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return SizedBox( |
|||
height: 54.w, |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
Text( |
|||
widget.label, |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
), |
|||
widget.child |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class LineItem extends StatelessWidget { |
|||
const LineItem({super.key}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
width: 320.w, |
|||
height: 2.w, |
|||
color: const Color.fromRGBO(245, 245, 245, 1), |
|||
); |
|||
} |
|||
} |
|||
@ -0,0 +1,450 @@ |
|||
import 'package:dating_touchme_app/components/page_appbar.dart'; |
|||
import 'package:dating_touchme_app/extension/ex_widget.dart'; |
|||
import 'package:dating_touchme_app/generated/assets.dart'; |
|||
import 'package:dating_touchme_app/pages/mine/help_info_page.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:get/get.dart'; |
|||
import 'package:get/get_core/src/get_main.dart'; |
|||
|
|||
class UserHelpCenterPage extends StatefulWidget { |
|||
const UserHelpCenterPage({super.key}); |
|||
|
|||
@override |
|||
State<UserHelpCenterPage> createState() => _UserHelpCenterPageState(); |
|||
} |
|||
|
|||
class _UserHelpCenterPageState extends State<UserHelpCenterPage> { |
|||
|
|||
String search = ''; |
|||
final TextEditingController searchController = TextEditingController(); |
|||
|
|||
List<String> navList = [ |
|||
"推荐", "投诉举报", "账号问题", "充值提现", "产品功能" |
|||
]; |
|||
|
|||
int actionNav = 0; |
|||
|
|||
List<Map> serviceList = [ |
|||
{"icon": Assets.imagesRealnameHelp, "label": "实名认证"}, |
|||
{"icon": Assets.imagesPhoneHelp, "label": "手机绑定"}, |
|||
]; |
|||
|
|||
List<String> questionList = [ |
|||
"充值了会员为什么无法畅聊", |
|||
"私聊/语音/视频聊天收费标准是什么", |
|||
"如何交换联系方式", |
|||
"如何取消VIP自动续费", |
|||
"账号注销问题" |
|||
]; |
|||
|
|||
changeNav(int i){ |
|||
actionNav = i; |
|||
setState(() { |
|||
|
|||
}); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Stack( |
|||
children: [ |
|||
Positioned( |
|||
child: Container( |
|||
width: 375.w, |
|||
height: 821.h, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
Positioned( |
|||
left: -175.w, |
|||
top: -200.w, |
|||
child: Image.asset( |
|||
Assets.imagesHelpBg, |
|||
width: 750.w, |
|||
fit: BoxFit.cover, |
|||
), |
|||
), |
|||
Scaffold( |
|||
backgroundColor: Colors.transparent, |
|||
appBar: PageAppbar(title: "用户帮助中心", backgroundColor: Colors.transparent,), |
|||
body: SingleChildScrollView( |
|||
child: Column( |
|||
children: [ |
|||
Container( |
|||
padding: EdgeInsets.only( |
|||
left: 11.w, |
|||
right: 20.w |
|||
), |
|||
margin: EdgeInsets.only( |
|||
bottom: 10.w |
|||
), |
|||
child: Container( |
|||
height: 45.w, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(9.w)), |
|||
color: Colors.white |
|||
), |
|||
child: TextField( |
|||
controller: searchController, |
|||
keyboardType: TextInputType.number, |
|||
style: TextStyle( |
|||
fontSize: ScreenUtil().setWidth(13), |
|||
height: 1 |
|||
), |
|||
decoration: InputDecoration( |
|||
contentPadding: EdgeInsets.symmetric( |
|||
vertical: 0, |
|||
horizontal: 0.w |
|||
), |
|||
|
|||
prefixIcon: Icon( |
|||
Icons.search, |
|||
size: 18.w, |
|||
color: const Color.fromRGBO(51, 51, 51, 1), |
|||
), |
|||
|
|||
hintText: "请输入要查询的内容", |
|||
|
|||
hintStyle: TextStyle( |
|||
color: const Color.fromRGBO(191, 191, 191, 1) |
|||
|
|||
), |
|||
|
|||
border: const OutlineInputBorder( |
|||
borderSide: BorderSide.none, // 这将移除边框 // 可选：设置圆角 |
|||
), |
|||
// 如果你希望聚焦时和未聚焦时都没有边框，也可以设置 focusedBorder 和 enabledBorder |
|||
focusedBorder: const OutlineInputBorder( |
|||
borderSide: BorderSide.none, |
|||
borderRadius: BorderRadius.all(Radius.circular(8.0)), |
|||
), |
|||
enabledBorder: const OutlineInputBorder( |
|||
borderSide: BorderSide.none, |
|||
borderRadius: BorderRadius.all(Radius.circular(8.0)), |
|||
), |
|||
), |
|||
onChanged: (value){ |
|||
search = value; |
|||
setState(() { |
|||
|
|||
}); |
|||
}, |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
padding: EdgeInsets.only( |
|||
left: 11.w, |
|||
right: 17.w |
|||
), |
|||
margin: EdgeInsets.only( |
|||
bottom: 9.w |
|||
), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
...navList.asMap().entries.map((entry){ |
|||
return NavItem(index: entry.key, action: actionNav, label: entry.value, cb: changeNav); |
|||
}), |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
padding: EdgeInsets.symmetric( |
|||
vertical: 15.w, |
|||
horizontal: 10.w |
|||
), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.vertical( |
|||
top: Radius.circular(9.w) |
|||
) |
|||
), |
|||
child: Column( |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Text( |
|||
"自助服务", |
|||
style: TextStyle( |
|||
fontSize: 16.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
) |
|||
], |
|||
), |
|||
Container( |
|||
padding: EdgeInsets.symmetric( |
|||
horizontal: 15.w |
|||
), |
|||
margin: EdgeInsets.only( |
|||
top: 17.w, |
|||
bottom: 30.w |
|||
), |
|||
child: Row( |
|||
children: [ |
|||
...serviceList.map((e){ |
|||
return ServiceItem(icon: e["icon"], label: e["label"]); |
|||
}) |
|||
], |
|||
), |
|||
), |
|||
Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
Text( |
|||
"常见问题", |
|||
style: TextStyle( |
|||
fontSize: 16.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
), |
|||
Row( |
|||
children: [ |
|||
Text( |
|||
"查看更多", |
|||
style: TextStyle( |
|||
fontSize: 11.w, |
|||
color: const Color.fromRGBO(144, 144, 144, 1), |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
), |
|||
SizedBox(width: 10.w,), |
|||
Icon( |
|||
Icons.keyboard_arrow_right, |
|||
size: 20.w, |
|||
color: const Color.fromRGBO(191, 191, 191, 1), |
|||
) |
|||
], |
|||
) |
|||
], |
|||
), |
|||
SizedBox( |
|||
height: 16.w, |
|||
), |
|||
Container( |
|||
padding: EdgeInsets.only( |
|||
top: 20.w, |
|||
right: 10.w, |
|||
left: 17.w |
|||
), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(9.w)), |
|||
color: const Color.fromRGBO(250, 250, 250, 1) |
|||
), |
|||
child: Column( |
|||
children: [ |
|||
...questionList.asMap().entries.map((entry){ |
|||
return QuestionItem(index: entry.key, label: entry.value).onTap((){ |
|||
Get.to(() => HelpInfoPage()); |
|||
}); |
|||
}), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
height: 40.w, |
|||
padding: EdgeInsets.symmetric( |
|||
vertical: 10.w |
|||
), |
|||
child: Row( |
|||
children: [ |
|||
Expanded( |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Image.asset( |
|||
Assets.imagesEdit, |
|||
width: 15.w, |
|||
), |
|||
SizedBox(width: 9.w,), |
|||
Text( |
|||
"意见反馈", |
|||
style: TextStyle( |
|||
fontSize: 16.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
) |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
width: 1, |
|||
height: 20.w, |
|||
color: const Color.fromRGBO(230, 230, 230, 1), |
|||
), |
|||
Expanded( |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Image.asset( |
|||
Assets.imagesCustomer, |
|||
width: 15.w, |
|||
), |
|||
SizedBox(width: 9.w,), |
|||
Text( |
|||
"联系客服", |
|||
style: TextStyle( |
|||
fontSize: 16.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
) |
|||
], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
) |
|||
], |
|||
), |
|||
), |
|||
) |
|||
], |
|||
); |
|||
} |
|||
} |
|||
|
|||
class NavItem extends StatefulWidget { |
|||
final int index; |
|||
final int action; |
|||
final String label; |
|||
final void Function(int) cb; |
|||
const NavItem({super.key, |
|||
required this.index, |
|||
required this.action, |
|||
required this.label, |
|||
required this.cb, |
|||
}); |
|||
|
|||
@override |
|||
State<NavItem> createState() => _NavItemState(); |
|||
} |
|||
|
|||
class _NavItemState extends State<NavItem> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
padding: EdgeInsets.symmetric( |
|||
vertical: 2.w, |
|||
horizontal: 10.w |
|||
), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(4.w)), |
|||
color: widget.index == widget.action ? Colors.white : const Color.fromRGBO(245, 245, 245, 1) |
|||
), |
|||
child: Center( |
|||
child: Text( |
|||
widget.label, |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
color: widget.index == widget.action ? const Color.fromRGBO(51, 51, 51, 1) : const Color.fromRGBO(144, 144, 144, 1), |
|||
fontWeight: widget.index == widget.action ? FontWeight.w500 : FontWeight.w400 |
|||
), |
|||
), |
|||
), |
|||
).onTap((){ |
|||
widget.cb(widget.index); |
|||
}); |
|||
} |
|||
} |
|||
|
|||
class ServiceItem extends StatefulWidget { |
|||
final String icon; |
|||
final String label; |
|||
const ServiceItem({super.key, required this.icon, required this.label}); |
|||
|
|||
@override |
|||
State<ServiceItem> createState() => _ServiceItemState(); |
|||
} |
|||
|
|||
class _ServiceItemState extends State<ServiceItem> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
margin: EdgeInsets.only( |
|||
right: 22.w |
|||
), |
|||
child: Column( |
|||
children: [ |
|||
Container( |
|||
width: 64.w, |
|||
height: 64.w, |
|||
margin: EdgeInsets.only(bottom: 5.w), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(64.w)), |
|||
color: const Color.fromRGBO(245, 245, 245, 1) |
|||
), |
|||
child: Center( |
|||
child: Image.asset( |
|||
widget.icon, |
|||
width: 44.w, |
|||
), |
|||
), |
|||
), |
|||
Text( |
|||
widget.label, |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
) |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class QuestionItem extends StatefulWidget { |
|||
final int index; |
|||
final String label; |
|||
const QuestionItem({super.key, required this.index, required this.label}); |
|||
|
|||
@override |
|||
State<QuestionItem> createState() => _QuestionItemState(); |
|||
} |
|||
|
|||
class _QuestionItemState extends State<QuestionItem> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
margin: EdgeInsets.only( |
|||
bottom: 20.w |
|||
), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
RichText( |
|||
text: TextSpan( |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
children: [ |
|||
TextSpan( |
|||
text: "${widget.index + 1}. ", |
|||
style: TextStyle( |
|||
color: const Color.fromRGBO(248, 85, 66, 1) |
|||
) |
|||
), |
|||
TextSpan( |
|||
text: "${widget.label}", |
|||
style: TextStyle( |
|||
color: const Color.fromRGBO(51, 51, 51, 1) |
|||
) |
|||
), |
|||
] |
|||
), |
|||
), |
|||
Icon( |
|||
Icons.play_arrow, |
|||
size: 15.w, |
|||
color: const Color.fromRGBO(204, 204, 204, 1), |
|||
) |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save