王子贤
3 months ago
11 changed files with 493 additions and 5 deletions
Split View
Diff Options
-
BINassets/images/feedback_bg.png
-
BINassets/images/feedback_icon.png
-
4lib/controller/mine/rose_history_controller.dart
-
2lib/generated/assets.dart
-
60lib/model/mine/user_prop_consume_data.dart
-
2lib/network/api_urls.dart
-
7lib/network/user_api.dart
-
41lib/network/user_api.g.dart
-
373lib/pages/mine/feedback_page.dart
-
4lib/pages/mine/rose_history_page.dart
-
5lib/pages/mine/user_help_center_page.dart
| Before | After |
|---|---|
|
|
| Width: 3887 | Height: 3125 | Size: 2.1 MiB |
| Before | After |
|---|---|
|
|
| Width: 574 | Height: 574 | Size: 30 KiB |
@ -0,0 +1,60 @@ |
|||
class UserPropConsumeData { |
|||
List<Records>? records; |
|||
int? total; |
|||
int? size; |
|||
int? current; |
|||
int? pages; |
|||
|
|||
UserPropConsumeData( |
|||
{this.records, this.total, this.size, this.current, this.pages}); |
|||
|
|||
UserPropConsumeData.fromJson(Map<String, dynamic> json) { |
|||
if (json['records'] != null) { |
|||
records = <Records>[]; |
|||
json['records'].forEach((v) { |
|||
records!.add(new Records.fromJson(v)); |
|||
}); |
|||
} |
|||
total = json['total']; |
|||
size = json['size']; |
|||
current = json['current']; |
|||
pages = json['pages']; |
|||
} |
|||
|
|||
Map<String, dynamic> toJson() { |
|||
final Map<String, dynamic> data = new Map<String, dynamic>(); |
|||
if (this.records != null) { |
|||
data['records'] = this.records!.map((v) => v.toJson()).toList(); |
|||
} |
|||
data['total'] = this.total; |
|||
data['size'] = this.size; |
|||
data['current'] = this.current; |
|||
data['pages'] = this.pages; |
|||
return data; |
|||
} |
|||
} |
|||
|
|||
class Records { |
|||
int? type; |
|||
int? num; |
|||
String? remark; |
|||
String? createTime; |
|||
|
|||
Records({this.type, this.num, this.remark, this.createTime}); |
|||
|
|||
Records.fromJson(Map<String, dynamic> json) { |
|||
type = json['type']; |
|||
num = json['num']; |
|||
remark = json['remark']; |
|||
createTime = json['createTime']; |
|||
} |
|||
|
|||
Map<String, dynamic> toJson() { |
|||
final Map<String, dynamic> data = new Map<String, dynamic>(); |
|||
data['type'] = this.type; |
|||
data['num'] = this.num; |
|||
data['remark'] = this.remark; |
|||
data['createTime'] = this.createTime; |
|||
return data; |
|||
} |
|||
} |
|||
@ -0,0 +1,373 @@ |
|||
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 FeedbackPage extends StatefulWidget { |
|||
const FeedbackPage({super.key}); |
|||
|
|||
@override |
|||
State<FeedbackPage> createState() => _FeedbackPageState(); |
|||
} |
|||
|
|||
class _FeedbackPageState extends State<FeedbackPage> { |
|||
|
|||
String message = ''; |
|||
final TextEditingController _messageController = TextEditingController(); |
|||
String phone = ''; |
|||
final TextEditingController _phoneController = TextEditingController(); |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Stack( |
|||
children: [ |
|||
Container( |
|||
width: 375.w, |
|||
height: 812.h, |
|||
color: Colors.white, |
|||
), |
|||
Positioned( |
|||
top: -320.w, |
|||
left: -270.w, |
|||
child: Image.asset( |
|||
Assets.imagesFeedbackBg, |
|||
width: 971.75.w, |
|||
height: 781.25.w, |
|||
fit: BoxFit.cover, |
|||
), |
|||
), |
|||
Positioned( |
|||
top: 53.w, |
|||
left: 207.w, |
|||
child: Image.asset( |
|||
Assets.imagesFeedbackIcon, |
|||
width: 140.w, |
|||
height: 140.w, |
|||
), |
|||
), |
|||
Scaffold( |
|||
appBar: PageAppbar(title: "", backgroundColor: Colors.transparent,), |
|||
backgroundColor: Colors.transparent, |
|||
body: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Container( |
|||
padding: EdgeInsets.symmetric( |
|||
vertical: 22.w, |
|||
horizontal: 14.w |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
"意见反馈", |
|||
style: TextStyle( |
|||
fontSize: 21.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
), |
|||
SizedBox(height: 5.w,), |
|||
Text( |
|||
"Hi,给出你的小建议吧~", |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
Expanded( |
|||
child: Container( |
|||
width: 375.w, |
|||
padding: EdgeInsets.symmetric( |
|||
vertical: 11.w, |
|||
horizontal: 14.w |
|||
), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.vertical(top: Radius.circular(9.w)), |
|||
color: Colors.white |
|||
), |
|||
child: SingleChildScrollView( |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
RichText( |
|||
text: TextSpan( |
|||
style: TextStyle( |
|||
fontSize: 16.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
children: [ |
|||
TextSpan( |
|||
text: "选择问题的类型", |
|||
style: TextStyle( |
|||
color: const Color.fromRGBO(51, 51, 51, 1) |
|||
) |
|||
), |
|||
TextSpan( |
|||
text: "*", |
|||
style: TextStyle( |
|||
color: const Color.fromRGBO(248, 85, 66, 1) |
|||
) |
|||
) |
|||
] |
|||
), |
|||
), |
|||
SizedBox(height: 11.w,), |
|||
Wrap( |
|||
alignment: WrapAlignment.spaceBetween, |
|||
spacing: 10.w, |
|||
runSpacing: 10.w, |
|||
children: [ |
|||
TagItem(title: "举报投诉"), |
|||
TagItem(title: "账号与个人信息"), |
|||
TagItem(title: "现有功能建议"), |
|||
TagItem(title: "新功能或玩法建议"), |
|||
], |
|||
), |
|||
SizedBox(height: 20.w,), |
|||
RichText( |
|||
text: TextSpan( |
|||
style: TextStyle( |
|||
fontSize: 16.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
children: [ |
|||
TextSpan( |
|||
text: "问题描述", |
|||
style: TextStyle( |
|||
color: const Color.fromRGBO(51, 51, 51, 1) |
|||
) |
|||
), |
|||
TextSpan( |
|||
text: "*", |
|||
style: TextStyle( |
|||
color: const Color.fromRGBO(248, 85, 66, 1) |
|||
) |
|||
) |
|||
] |
|||
), |
|||
), |
|||
SizedBox(height: 11.w,), |
|||
Container( |
|||
padding: EdgeInsets.all(14.w), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(8.w)), |
|||
color: const Color.fromRGBO(245, 245, 245, 1) |
|||
), |
|||
child: TextField( |
|||
controller: _messageController, |
|||
maxLength: 500, // 上限 |
|||
minLines: 5, // 多行 |
|||
maxLines: 5, // 自适应高度 |
|||
style: TextStyle( |
|||
fontSize: ScreenUtil().setWidth(13), |
|||
height: 1 |
|||
), |
|||
decoration: InputDecoration( |
|||
contentPadding: EdgeInsets.symmetric( |
|||
vertical: 0, |
|||
horizontal: 0 |
|||
), |
|||
hintText: "请输入交友心声", |
|||
|
|||
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){ |
|||
message = value; |
|||
}, |
|||
), |
|||
), |
|||
SizedBox(height: 10.w,), |
|||
Wrap( |
|||
alignment: WrapAlignment.spaceBetween, |
|||
spacing: 10.w, |
|||
runSpacing: 10.w, |
|||
children: [ |
|||
Container( |
|||
width: 70.w, |
|||
height: 70.w, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(9.w)), |
|||
border: Border.all(width: 1, color: const Color.fromRGBO(224, 224, 224, 1)) |
|||
), |
|||
), |
|||
Container( |
|||
width: 70.w, |
|||
height: 70.w, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(9.w)), |
|||
border: Border.all(width: 1, color: const Color.fromRGBO(224, 224, 224, 1)) |
|||
), |
|||
), |
|||
Container( |
|||
width: 70.w, |
|||
height: 70.w, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(9.w)), |
|||
border: Border.all(width: 1, color: const Color.fromRGBO(224, 224, 224, 1)) |
|||
), |
|||
), |
|||
Container( |
|||
width: 70.w, |
|||
height: 70.w, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(9.w)), |
|||
border: Border.all(width: 1, color: const Color.fromRGBO(224, 224, 224, 1)) |
|||
), |
|||
), |
|||
], |
|||
), |
|||
SizedBox(height: 10.w,), |
|||
Text( |
|||
"上传问题截图可以让问题快速解决！", |
|||
style: TextStyle( |
|||
fontSize: 11.w, |
|||
color: const Color.fromRGBO(189, 189, 189, 1) |
|||
), |
|||
), |
|||
SizedBox(height: 20.w,), |
|||
RichText( |
|||
text: TextSpan( |
|||
style: TextStyle( |
|||
fontSize: 16.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
children: [ |
|||
TextSpan( |
|||
text: "联系方式", |
|||
style: TextStyle( |
|||
color: const Color.fromRGBO(51, 51, 51, 1) |
|||
) |
|||
), |
|||
] |
|||
), |
|||
), |
|||
Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 13.w), |
|||
margin: EdgeInsets.only(top: 7.w), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(8.w)), |
|||
color: const Color.fromRGBO(245, 245, 245, 1) |
|||
), |
|||
child: TextField( |
|||
controller: _phoneController, |
|||
keyboardType: TextInputType.number, |
|||
style: TextStyle( |
|||
fontSize: ScreenUtil().setWidth(14), |
|||
height: 1 |
|||
), |
|||
decoration: InputDecoration( |
|||
hintText: "留下手机号、QQ、邮箱，以便我们回复您", |
|||
contentPadding: EdgeInsets.symmetric( |
|||
vertical: 0, |
|||
horizontal: 0 |
|||
), |
|||
|
|||
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){ |
|||
phone = value; |
|||
setState(() { |
|||
|
|||
}); |
|||
}, |
|||
), |
|||
), |
|||
Container( |
|||
margin: EdgeInsets.symmetric(vertical: 30.w), |
|||
child: Container( |
|||
width: 350.w, |
|||
height: 45.w, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(45.w)), |
|||
gradient: LinearGradient( |
|||
begin: Alignment.centerLeft, // 90deg: 从左到右 |
|||
end: Alignment.centerRight, |
|||
colors: [ |
|||
Color.fromRGBO(131, 89, 255, 1), // 起点颜色 |
|||
Color.fromRGBO(77, 127, 231, 1), // 中间颜色 |
|||
Color.fromRGBO(61, 138, 224, 1), // 终点颜色 |
|||
], |
|||
stops: [0.0, 0.7753, 1.0], // 对应 0%、77.53%、100% |
|||
), |
|||
), |
|||
child: Center( |
|||
child: Text( |
|||
"确认", |
|||
style: TextStyle( |
|||
fontSize: 18.w, |
|||
color: Colors.white, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
), |
|||
), |
|||
), |
|||
) |
|||
], |
|||
), |
|||
), |
|||
), |
|||
) |
|||
], |
|||
), |
|||
) |
|||
], |
|||
); |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
class TagItem extends StatefulWidget { |
|||
final String title; |
|||
const TagItem({super.key, required this.title}); |
|||
|
|||
@override |
|||
State<TagItem> createState() => _TagItemState(); |
|||
} |
|||
|
|||
class _TagItemState extends State<TagItem> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
padding: EdgeInsets.symmetric( |
|||
vertical: 9.w, |
|||
horizontal: 14.w |
|||
), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(8.w)), |
|||
border: Border.all(width: 1, color: const Color.fromRGBO(207, 207, 207, 1)) |
|||
), |
|||
child: Text( |
|||
widget.title, |
|||
style: TextStyle( |
|||
fontSize: 13.w |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
Write
Preview
Loading…
Cancel
Save