224 lines
8.8 KiB
Dart
224 lines
8.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:wgshare/main.dart';
|
|
import 'package:wgshare/pages/userPage/user_logic.dart';
|
|
import '../../common/store/user_store.dart';
|
|
import '../../utils/color_util.dart';
|
|
import '../../utils/hint_dialog.dart';
|
|
import '../../utils/storage.dart';
|
|
|
|
class UserPage extends StatefulWidget {
|
|
const UserPage({super.key});
|
|
|
|
@override
|
|
State<UserPage> createState() => UserPageState();
|
|
}
|
|
|
|
class UserPageState extends State<UserPage> {
|
|
|
|
final logic = Get.put(UserLogic());
|
|
final state = Get.find<UserLogic>().state;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
surfaceTintColor: Colors.white,
|
|
elevation: 0,
|
|
toolbarHeight: 0,
|
|
systemOverlayStyle: const SystemUiOverlayStyle(
|
|
statusBarColor: Colors.transparent,
|
|
systemNavigationBarColor: Color(0xFF000000),
|
|
systemNavigationBarIconBrightness: Brightness.light,
|
|
statusBarIconBrightness: Brightness.dark,
|
|
statusBarBrightness: Brightness.light,
|
|
),
|
|
backgroundColor: Colors.white,
|
|
),
|
|
body: Container(
|
|
color: ColorUtil.Color_244_244_244,
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
width: double.infinity,
|
|
height: 44.h,
|
|
color: Colors.white,
|
|
alignment: Alignment.center,
|
|
child: Text(
|
|
'我的',
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: ColorUtil.Color_51_51_51,
|
|
fontWeight: FontWeight.w500
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
width: double.infinity,
|
|
child: Container(
|
|
width: double.infinity,
|
|
color: Colors.white,
|
|
margin: const EdgeInsets.only(top: 1),
|
|
padding: const EdgeInsets.only(bottom: 60),
|
|
child: Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 20, bottom: 6),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: ColorUtil.Color_85_117_242
|
|
/*image: DecorationImage(
|
|
fit: BoxFit.cover,
|
|
image: NetworkImage(
|
|
"https://ts4.cn.mm.bing.net/th?id=OIP-C.QDl_Z7HdQWX_XbVYgBLJLQAAAA&w=250&h=250&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2",
|
|
),
|
|
),*/
|
|
),
|
|
width: 132.w,
|
|
height: 132.h,
|
|
alignment: Alignment.center,
|
|
child: Text(
|
|
UserStore.to.userInfoEntity.value!.userName.length >= 3
|
|
? UserStore.to.userInfoEntity.value!.userName.substring(1,UserStore.to.userInfoEntity.value!.userName.length)
|
|
: UserStore.to.userInfoEntity.value!.userName,
|
|
style: TextStyle(
|
|
fontSize: 30.sp,
|
|
color: ColorUtil.Color_244_244_244
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
child: Text(
|
|
UserStore.to.userInfoEntity.value!.userName,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
fontWeight: FontWeight.w500,
|
|
color: ColorUtil.Color_85_117_242
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
padding: const EdgeInsets.only(left: 16, right: 16),
|
|
margin: const EdgeInsets.only(top: 20),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'名称',
|
|
style: TextStyle(
|
|
fontSize: 12.sp,
|
|
color: ColorUtil.Color_134_134_134
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
UserStore.to.userInfoEntity.value!.userName,
|
|
style: TextStyle(
|
|
fontSize: 12.sp,
|
|
color: ColorUtil.Color_51_51_51
|
|
),
|
|
),
|
|
SizedBox(width: 12.w),
|
|
Image.asset(
|
|
'assets/images/user_right.png',
|
|
width: 10.w,
|
|
height: 10.h,
|
|
)
|
|
],
|
|
),
|
|
],
|
|
)
|
|
),
|
|
Container(
|
|
width: double.infinity,
|
|
height: 1.h,
|
|
color: ColorUtil.Color_230_230_230,
|
|
margin: const EdgeInsets.only(top: 12, left: 16, right: 16),
|
|
),
|
|
Container(
|
|
padding: const EdgeInsets.only(left: 16, right: 16),
|
|
margin: const EdgeInsets.only(top: 20),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'登录密码',
|
|
style: TextStyle(
|
|
fontSize: 12.sp,
|
|
color: ColorUtil.Color_134_134_134
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
'********',
|
|
style: TextStyle(
|
|
fontSize: 12.sp,
|
|
color: ColorUtil.Color_51_51_51
|
|
),
|
|
),
|
|
SizedBox(width: 12.w),
|
|
Image.asset(
|
|
'assets/images/user_right.png',
|
|
width: 10.w,
|
|
height: 10.h,
|
|
)
|
|
],
|
|
),
|
|
],
|
|
)
|
|
),
|
|
Container(
|
|
width: double.infinity,
|
|
height: 1.h,
|
|
color: ColorUtil.Color_230_230_230,
|
|
margin: const EdgeInsets.only(top: 12, left: 16, right: 16),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
|
|
GestureDetector(
|
|
onTap: (){
|
|
|
|
},
|
|
child: Container(
|
|
width: 280.w,
|
|
height: 44.h,
|
|
margin: const EdgeInsets.only(top: 40),
|
|
decoration: const BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(99)),
|
|
color: ColorUtil.Color_85_117_242,
|
|
),
|
|
alignment: Alignment.center,
|
|
child: Text(
|
|
'退出登录',
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
)
|
|
);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
Get.delete<UserLogic>();
|
|
super.dispose();
|
|
}
|
|
|
|
}
|