parent
862f4f351c
commit
a034c5c9f5
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 623 B |
|
After Width: | Height: | Size: 685 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 321 KiB |
|
After Width: | Height: | Size: 126 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 103 KiB |
@ -0,0 +1,92 @@
|
|||||||
|
|
||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:project_telephony/utils/headers.dart';
|
||||||
|
|
||||||
|
const ktextPrimary = Color(0xff333333);
|
||||||
|
const ktextSubColor = Color(0xff666666);
|
||||||
|
const ktextThirdColor = Color(0xff999999);
|
||||||
|
const kForeGroundColor = Color(0xFFFFFFFF);
|
||||||
|
const kPrimaryColor = Color(0xFF027AFF);
|
||||||
|
const kDarkPrimaryColor = Color(0xFFFF8200);
|
||||||
|
const kDangerColor = Color(0xFFFF3B30);
|
||||||
|
const kDarkSubColor = Color(0xFF979797);
|
||||||
|
const kBalckSubColor = Color(0xFF000000);
|
||||||
|
const bgColor = Color(0xFFF8F9FB);
|
||||||
|
|
||||||
|
class BaseStyle {
|
||||||
|
///字体类
|
||||||
|
static final double fontSize14 = 14.sp;
|
||||||
|
|
||||||
|
static final double fontSize16 = 16.sp;
|
||||||
|
|
||||||
|
static final double fontSize18 = 18.sp;
|
||||||
|
|
||||||
|
static final double fontSize20 = 20.sp;
|
||||||
|
|
||||||
|
static final double fontSize22 = 22.sp;
|
||||||
|
|
||||||
|
static final double fontSize24 = 24.sp;
|
||||||
|
|
||||||
|
static final double fontSize26 = 26.sp;
|
||||||
|
|
||||||
|
static final double fontSize28 = 28.sp;
|
||||||
|
|
||||||
|
static final double fontSize30 = 30.sp;
|
||||||
|
|
||||||
|
static final double fontSize32 = 32.sp;
|
||||||
|
|
||||||
|
static final double fontSize34 = 34.sp;
|
||||||
|
|
||||||
|
static final double fontSize36 = 36.sp;
|
||||||
|
|
||||||
|
static final double fontSize38 = 38.sp;
|
||||||
|
|
||||||
|
static final double fontSize40 = 40.sp;
|
||||||
|
|
||||||
|
static final double fontSize48 = 48.sp;
|
||||||
|
|
||||||
|
static final double fontSize52 = 52.sp;
|
||||||
|
|
||||||
|
///颜色
|
||||||
|
|
||||||
|
static const Color color111111 = Color(0xff111111);
|
||||||
|
|
||||||
|
static const Color color333333 = Color(0xff333333);
|
||||||
|
|
||||||
|
static const Color color666666 = Color(0xff666666);
|
||||||
|
|
||||||
|
static const Color color999999 = Color(0xff999999);
|
||||||
|
|
||||||
|
static const Color colorcccccc = Color(0xffcccccc);
|
||||||
|
|
||||||
|
static const Color colordddddd = Color(0xffdddddd);
|
||||||
|
|
||||||
|
static const Color colorfafafa = Color(0xfffafafa);
|
||||||
|
|
||||||
|
static const Color colorf3f3f3 = Color(0xfff3f3f3);
|
||||||
|
|
||||||
|
static const Color colorf6f6f6 = Color(0xfff6f6f6);
|
||||||
|
|
||||||
|
static const Color colorf9f9f9 = Color(0xfff9f9f9);
|
||||||
|
|
||||||
|
static const Color color474747 = Color(0xff474747);
|
||||||
|
|
||||||
|
static const Color colord8d8d8 = Color(0xffd8d8d8);
|
||||||
|
|
||||||
|
static const Color coloreeeeee = Color(0xffeeeeee);
|
||||||
|
|
||||||
|
static const Color colorff8500 = Color(0xffff8500);
|
||||||
|
|
||||||
|
static const Color colorffd000 = Color(0xffffd000);
|
||||||
|
|
||||||
|
static const Color color575757 = Color(0xff575757);
|
||||||
|
|
||||||
|
static const Color color4a4b51 = Color(0xff4a4b51);
|
||||||
|
|
||||||
|
static const Color colorababab = Color(0xffababab);
|
||||||
|
|
||||||
|
static const Color colorffc40c = Color(0xffffc40c);
|
||||||
|
|
||||||
|
static const Color color979797 = Color(0xff979797);
|
||||||
|
}
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
extension ColorExt on Color {
|
||||||
|
///获得此颜色的互补色
|
||||||
|
Color get complementary {
|
||||||
|
var r = ~red;
|
||||||
|
var g = ~green;
|
||||||
|
var b = ~blue;
|
||||||
|
return Color.fromARGB(alpha, r, g, b);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
|
||||||
|
extension NumExt on num {
|
||||||
|
Widget get wb => SizedBox(width: w);
|
||||||
|
|
||||||
|
Widget get hb => SizedBox(height: w);
|
||||||
|
}
|
||||||
@ -0,0 +1,71 @@
|
|||||||
|
|
||||||
|
|
||||||
|
import 'package:lpinyin/lpinyin.dart';
|
||||||
|
|
||||||
|
// import '../constants/api/api.dart';
|
||||||
|
|
||||||
|
extension ImageOnString on String? {
|
||||||
|
// String get imageWithHost => '${API.imageHost}/$this';
|
||||||
|
|
||||||
|
// String sizeImage(int width, [int? height]) {
|
||||||
|
// var parts = <String>[];
|
||||||
|
// parts.add('w=$width');
|
||||||
|
// if (height != null) parts.add('h=$height');
|
||||||
|
// return '$imageWithHost@${parts.join('&')}';
|
||||||
|
// }
|
||||||
|
|
||||||
|
String get toSnake {
|
||||||
|
RegExp exp = RegExp(r'(?<=[a-z])[A-Z]');
|
||||||
|
if (this == null) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
return this!
|
||||||
|
.replaceAllMapped(exp, (Match m) => ('_${m.group(0)!}'))
|
||||||
|
.toLowerCase();
|
||||||
|
}
|
||||||
|
|
||||||
|
String get pinyin => PinyinHelper.getPinyinE(this ?? '');
|
||||||
|
|
||||||
|
String get tag => pinyin.substring(0, 1).toUpperCase();
|
||||||
|
|
||||||
|
int get minPrice {
|
||||||
|
if (this == null || this!.isEmpty) {
|
||||||
|
return 0;
|
||||||
|
} else if (this!.contains('不限')) {
|
||||||
|
return 0;
|
||||||
|
} else if (this!.contains('以下')) {
|
||||||
|
return 0;
|
||||||
|
} else if (this!.contains('以上')) {
|
||||||
|
return int.parse(this!.substring(0, this!.length - 3)) * 10000;
|
||||||
|
} else {
|
||||||
|
{
|
||||||
|
var list = this!.split('-');
|
||||||
|
return int.parse(list[0]) * 10000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
int get maxPrice {
|
||||||
|
if (this == null || this!.isEmpty) {
|
||||||
|
return 0;
|
||||||
|
} else if (this!.contains('不限')) {
|
||||||
|
return 0;
|
||||||
|
} else if (this!.contains('以下')) {
|
||||||
|
return int.parse(this!.substring(0, this!.length - 3)) * 10000;
|
||||||
|
}
|
||||||
|
if (this!.contains('以上')) {
|
||||||
|
return 0;
|
||||||
|
} else {
|
||||||
|
var list = this!.split('-');
|
||||||
|
return int.parse(list[1].substring(0, list[1].length - 1)) * 10000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
int get maxMile {
|
||||||
|
if (this == null || this!.isEmpty) {
|
||||||
|
return 0;
|
||||||
|
} else {
|
||||||
|
return int.parse(this!.substring(0, this!.length - 4));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,41 @@
|
|||||||
|
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
import 'num_ext.dart';
|
||||||
|
|
||||||
|
extension WidgetListExt on List<Widget> {
|
||||||
|
List<Widget> sepWidget({Widget? separate}) {
|
||||||
|
if (isEmpty) return [];
|
||||||
|
return List.generate(length * 2 - 1, (index) {
|
||||||
|
if (index.isEven) {
|
||||||
|
return this[index ~/ 2];
|
||||||
|
} else {
|
||||||
|
return separate ?? 10.wb;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
extension OddListExt<T> on List<T> {
|
||||||
|
List<T> oddList() {
|
||||||
|
List<T> _newList = [];
|
||||||
|
for (var element in this) {
|
||||||
|
if (indexOf(element).isEven) {
|
||||||
|
_newList.add(element);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return _newList;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
extension EvenListExt<T> on List<T> {
|
||||||
|
List<T> evenList() {
|
||||||
|
List<T> _newList = [];
|
||||||
|
forEach((element) {
|
||||||
|
if (indexOf(element).isOdd) {
|
||||||
|
_newList.add(element);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return _newList;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,147 @@
|
|||||||
|
/// GENERATED CODE - DO NOT MODIFY BY HAND
|
||||||
|
/// *****************************************************
|
||||||
|
/// FlutterGen
|
||||||
|
/// *****************************************************
|
||||||
|
|
||||||
|
// coverage:ignore-file
|
||||||
|
// ignore_for_file: type=lint
|
||||||
|
// ignore_for_file: directives_ordering,unnecessary_import
|
||||||
|
|
||||||
|
import 'package:flutter/widgets.dart';
|
||||||
|
|
||||||
|
class $AssetsIconsGen {
|
||||||
|
const $AssetsIconsGen();
|
||||||
|
|
||||||
|
/// File path: assets/icons/home_ selected.png
|
||||||
|
AssetGenImage get homeSelected =>
|
||||||
|
const AssetGenImage('assets/icons/home_ selected.png');
|
||||||
|
|
||||||
|
/// File path: assets/icons/home_noSelected.png
|
||||||
|
AssetGenImage get homeNoSelected =>
|
||||||
|
const AssetGenImage('assets/icons/home_noSelected.png');
|
||||||
|
|
||||||
|
/// File path: assets/icons/my_noselected.png
|
||||||
|
AssetGenImage get myNoselected =>
|
||||||
|
const AssetGenImage('assets/icons/my_noselected.png');
|
||||||
|
|
||||||
|
/// File path: assets/icons/my_selected.png
|
||||||
|
AssetGenImage get mySelected =>
|
||||||
|
const AssetGenImage('assets/icons/my_selected.png');
|
||||||
|
|
||||||
|
/// File path: assets/icons/permissions.png
|
||||||
|
AssetGenImage get permissions =>
|
||||||
|
const AssetGenImage('assets/icons/permissions.png');
|
||||||
|
|
||||||
|
/// File path: assets/icons/privacy.png
|
||||||
|
AssetGenImage get privacy => const AssetGenImage('assets/icons/privacy.png');
|
||||||
|
|
||||||
|
/// File path: assets/icons/switch1.png
|
||||||
|
AssetGenImage get switch1 => const AssetGenImage('assets/icons/switch1.png');
|
||||||
|
|
||||||
|
/// File path: assets/icons/weixin.png
|
||||||
|
AssetGenImage get weixin => const AssetGenImage('assets/icons/weixin.png');
|
||||||
|
|
||||||
|
/// File path: assets/icons/zhifubao.png
|
||||||
|
AssetGenImage get zhifubao =>
|
||||||
|
const AssetGenImage('assets/icons/zhifubao.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
class $AssetsImagesGen {
|
||||||
|
const $AssetsImagesGen();
|
||||||
|
|
||||||
|
/// File path: assets/images/answer.png
|
||||||
|
AssetGenImage get answer => const AssetGenImage('assets/images/answer.png');
|
||||||
|
|
||||||
|
/// File path: assets/images/banner.png
|
||||||
|
AssetGenImage get banner => const AssetGenImage('assets/images/banner.png');
|
||||||
|
|
||||||
|
/// File path: assets/images/bg.png
|
||||||
|
AssetGenImage get bg => const AssetGenImage('assets/images/bg.png');
|
||||||
|
|
||||||
|
/// File path: assets/images/home_bg.png
|
||||||
|
AssetGenImage get homeBg => const AssetGenImage('assets/images/home_bg.png');
|
||||||
|
|
||||||
|
/// File path: assets/images/portrait.png
|
||||||
|
AssetGenImage get portrait =>
|
||||||
|
const AssetGenImage('assets/images/portrait.png');
|
||||||
|
|
||||||
|
/// File path: assets/images/refused.png
|
||||||
|
AssetGenImage get refused => const AssetGenImage('assets/images/refused.png');
|
||||||
|
|
||||||
|
/// File path: assets/images/vipbanner.png
|
||||||
|
AssetGenImage get vipbanner =>
|
||||||
|
const AssetGenImage('assets/images/vipbanner.png');
|
||||||
|
|
||||||
|
/// File path: assets/images/vipbg.png
|
||||||
|
AssetGenImage get vipbg => const AssetGenImage('assets/images/vipbg.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
class Assets {
|
||||||
|
Assets._();
|
||||||
|
|
||||||
|
static const $AssetsIconsGen icons = $AssetsIconsGen();
|
||||||
|
static const $AssetsImagesGen images = $AssetsImagesGen();
|
||||||
|
}
|
||||||
|
|
||||||
|
class AssetGenImage {
|
||||||
|
const AssetGenImage(this._assetName);
|
||||||
|
|
||||||
|
final String _assetName;
|
||||||
|
|
||||||
|
Image image({
|
||||||
|
Key? key,
|
||||||
|
AssetBundle? bundle,
|
||||||
|
ImageFrameBuilder? frameBuilder,
|
||||||
|
ImageErrorWidgetBuilder? errorBuilder,
|
||||||
|
String? semanticLabel,
|
||||||
|
bool excludeFromSemantics = false,
|
||||||
|
double? scale,
|
||||||
|
double? width,
|
||||||
|
double? height,
|
||||||
|
Color? color,
|
||||||
|
Animation<double>? opacity,
|
||||||
|
BlendMode? colorBlendMode,
|
||||||
|
BoxFit? fit,
|
||||||
|
AlignmentGeometry alignment = Alignment.center,
|
||||||
|
ImageRepeat repeat = ImageRepeat.noRepeat,
|
||||||
|
Rect? centerSlice,
|
||||||
|
bool matchTextDirection = false,
|
||||||
|
bool gaplessPlayback = false,
|
||||||
|
bool isAntiAlias = false,
|
||||||
|
String? package,
|
||||||
|
FilterQuality filterQuality = FilterQuality.low,
|
||||||
|
int? cacheWidth,
|
||||||
|
int? cacheHeight,
|
||||||
|
}) {
|
||||||
|
return Image.asset(
|
||||||
|
_assetName,
|
||||||
|
key: key,
|
||||||
|
bundle: bundle,
|
||||||
|
frameBuilder: frameBuilder,
|
||||||
|
errorBuilder: errorBuilder,
|
||||||
|
semanticLabel: semanticLabel,
|
||||||
|
excludeFromSemantics: excludeFromSemantics,
|
||||||
|
scale: scale,
|
||||||
|
width: width,
|
||||||
|
height: height,
|
||||||
|
color: color,
|
||||||
|
opacity: opacity,
|
||||||
|
colorBlendMode: colorBlendMode,
|
||||||
|
fit: fit,
|
||||||
|
alignment: alignment,
|
||||||
|
repeat: repeat,
|
||||||
|
centerSlice: centerSlice,
|
||||||
|
matchTextDirection: matchTextDirection,
|
||||||
|
gaplessPlayback: gaplessPlayback,
|
||||||
|
isAntiAlias: isAntiAlias,
|
||||||
|
package: package,
|
||||||
|
filterQuality: filterQuality,
|
||||||
|
cacheWidth: cacheWidth,
|
||||||
|
cacheHeight: cacheHeight,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
String get path => _assetName;
|
||||||
|
|
||||||
|
String get keyName => _assetName;
|
||||||
|
}
|
||||||
@ -0,0 +1,44 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:project_telephony/utils/headers.dart';
|
||||||
|
|
||||||
|
import '../../base/base_style.dart';
|
||||||
|
import '../widget/plone_back_button.dart';
|
||||||
|
import '../widget/plone_bottom.dart';
|
||||||
|
|
||||||
|
class ContentDetailsPage extends StatefulWidget {
|
||||||
|
const ContentDetailsPage({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_ContentDetailsPageState createState() => _ContentDetailsPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ContentDetailsPageState extends State<ContentDetailsPage> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: Text(
|
||||||
|
'选择短信内容',
|
||||||
|
style: Theme.of(context).textTheme.headline6,
|
||||||
|
),
|
||||||
|
leading: const CloudBackButton(isSpecial: true),
|
||||||
|
backgroundColor: kForeGroundColor
|
||||||
|
),
|
||||||
|
body: _getBox(),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
_getBox(){
|
||||||
|
return Column(children: [
|
||||||
|
Container(
|
||||||
|
width: 622.w,
|
||||||
|
height: 960.w,
|
||||||
|
decoration: BoxDecoration(color: BaseStyle.colorcccccc,borderRadius: BorderRadius.circular(16)),
|
||||||
|
margin: EdgeInsets.only(left: 32.w,right: 32.w,top: 32.w,bottom: 298.w),
|
||||||
|
child: const Text('请输入短信内容'),),
|
||||||
|
PloneBottom(onTap: (){
|
||||||
|
|
||||||
|
},text: "保存",)
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,86 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:project_telephony/base/base_style.dart';
|
||||||
|
import 'package:project_telephony/ui/home/content_details_page.dart';
|
||||||
|
import 'package:project_telephony/ui/widget/plone_back_button.dart';
|
||||||
|
import 'package:project_telephony/utils/headers.dart';
|
||||||
|
|
||||||
|
class ContentPage extends StatefulWidget {
|
||||||
|
const ContentPage({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_ContentPageState createState() => _ContentPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ContentPageState extends State<ContentPage> {
|
||||||
|
List<String> textList = ['欢迎你的来电', '祝您生活愉快', '感谢您的来电我们会尽快处理的'];
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: Text(
|
||||||
|
'选择短信内容',
|
||||||
|
style: Theme.of(context).textTheme.headline6,
|
||||||
|
),
|
||||||
|
leading: const CloudBackButton(isSpecial: true),
|
||||||
|
backgroundColor: kForeGroundColor,
|
||||||
|
),
|
||||||
|
body: Column(children: [
|
||||||
|
Expanded(
|
||||||
|
child: _getList(),
|
||||||
|
),
|
||||||
|
_getBox2("自定义短信内容"),
|
||||||
|
32.hb
|
||||||
|
]),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
_getList() {
|
||||||
|
return ListView.builder(
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
return _getBox(textList[index], index == 0);
|
||||||
|
},
|
||||||
|
itemCount: textList.length,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
_getBox(String content, bool pd) {
|
||||||
|
return Container(
|
||||||
|
width: 686.w,
|
||||||
|
height: 122.w,
|
||||||
|
margin: EdgeInsets.only(top: 32.w, left: 32.w, right: 32.w),
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 32.w, vertical: 30.w),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(16),
|
||||||
|
color: pd ? Colors.blue : Colors.white,
|
||||||
|
),
|
||||||
|
child: Text(content,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: BaseStyle.fontSize28,
|
||||||
|
color: pd ? const Color(0xFFF9F9F9) : BaseStyle.color333333)),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
_getBox2(
|
||||||
|
String content,
|
||||||
|
) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
Get.to(() => const ContentDetailsPage());
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
width: 686.w,
|
||||||
|
height: 122.w,
|
||||||
|
margin: EdgeInsets.only(top: 32.w, left: 32.w, right: 32.w),
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 32.w, vertical: 30.w),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(16),
|
||||||
|
color: Colors.white,
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
content,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: BaseStyle.fontSize28, color: const Color(0xFF000000)),
|
||||||
|
)),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,112 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:project_telephony/ui/home/content_page.dart';
|
||||||
|
import 'package:project_telephony/utils/headers.dart';
|
||||||
|
|
||||||
|
class HomePage extends StatefulWidget {
|
||||||
|
const HomePage({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_HomePageState createState() => _HomePageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _HomePageState extends State<HomePage> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: Colors.white,
|
||||||
|
body: Column(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
//margin:EdgeInsets.symmetric(horizontal: 32.w,vertical: 16.w),
|
||||||
|
child: Image.asset(
|
||||||
|
Assets.images.homeBg.path,
|
||||||
|
)),
|
||||||
|
12.hb,
|
||||||
|
_getBody(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
_getBody() {
|
||||||
|
return Container(
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 32.w),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
"短信助手",
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 64.sp,
|
||||||
|
color: Colors.black,
|
||||||
|
fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
32.hb,
|
||||||
|
Text(
|
||||||
|
"希望能成为您的短信小助手",
|
||||||
|
style: TextStyle(fontSize: 32.sp, color: const Color(0xFF999999)),
|
||||||
|
),
|
||||||
|
50.hb,
|
||||||
|
_getContainer("接听后", "编辑接听后发送的短信内容", Assets.images.answer.path,
|
||||||
|
const Color(0xFF74BCFF), const Color(0xFF1890FF)),
|
||||||
|
30.hb,
|
||||||
|
_getContainer("拒接/未接后", "编辑拒接/未接后发送的短信内容", Assets.images.refused.path,
|
||||||
|
const Color(0xFF72E4C8), const Color(0xFF13CA9D))
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
_getContainer(String title, String text, String image, Color cl1, Color cl2) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
print(title);
|
||||||
|
if (title == "接听后") {
|
||||||
|
Get.to(() => const ContentPage());
|
||||||
|
// print("接听");
|
||||||
|
} else {
|
||||||
|
print("未接听");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(16.w),
|
||||||
|
gradient: LinearGradient(
|
||||||
|
begin: Alignment.centerLeft,
|
||||||
|
end: Alignment.centerRight,
|
||||||
|
colors: [cl1, cl2])),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: 532.w,
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 32.w, vertical: 16.w),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(title,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 36.sp,
|
||||||
|
color: const Color(0xFFFFFFFF),
|
||||||
|
fontWeight: FontWeight.bold)),
|
||||||
|
24.hb,
|
||||||
|
Text(
|
||||||
|
text,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 28.sp,
|
||||||
|
color: const Color(0xFFFFFFFF).withOpacity(0.6)),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
45.wb,
|
||||||
|
Image.asset(
|
||||||
|
image,
|
||||||
|
width: 108.w,
|
||||||
|
height: 66.h,
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,369 @@
|
|||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/foundation.dart';
|
||||||
|
import 'package:flutter/gestures.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/services.dart';
|
||||||
|
import 'package:project_telephony/utils/headers.dart';
|
||||||
|
|
||||||
|
import '../../base/base_style.dart';
|
||||||
|
import '../tab_navigator.dart';
|
||||||
|
import '../widget/image_scaffold.dart';
|
||||||
|
import '../widget/plone_bottom.dart';
|
||||||
|
|
||||||
|
class LoginPage extends StatefulWidget {
|
||||||
|
const LoginPage({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_LoginPageState createState() => _LoginPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _LoginPageState extends State<LoginPage> {
|
||||||
|
// String _operator="";
|
||||||
|
// String _phone="";
|
||||||
|
// bool _chooseAgreement = false;
|
||||||
|
// bool _getCodeEnable = true;
|
||||||
|
// late Timer _timer;
|
||||||
|
//
|
||||||
|
// ///时钟
|
||||||
|
// String _countDownStr = "发送验证码";
|
||||||
|
//
|
||||||
|
// ///初始化文本
|
||||||
|
// int _countDownNum = 59;
|
||||||
|
|
||||||
|
///时间倒计数值
|
||||||
|
late final TextEditingController _phoneController =
|
||||||
|
TextEditingController(text: "");
|
||||||
|
late final TextEditingController _smsCodeController =
|
||||||
|
TextEditingController(text: "");
|
||||||
|
|
||||||
|
// // late FocusNode _smsCodeFocusNode=FocusNode (canRequestFocus: );
|
||||||
|
// bool _cantSelected = false;
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
// _operator = '中国移动认证';
|
||||||
|
// _phone = '12345678909';
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return CloudScaffold(
|
||||||
|
systemStyle: const SystemUiOverlayStyle(
|
||||||
|
statusBarIconBrightness: Brightness.dark,
|
||||||
|
),
|
||||||
|
path: Assets.images.bg.path,
|
||||||
|
appbar: Row(
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.only(top: 88.w, left: 8.w),
|
||||||
|
child: const Icon(
|
||||||
|
CupertinoIcons.chevron_back,
|
||||||
|
color: Colors.black,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.only(left: 239.w, top: 88.w),
|
||||||
|
child: Text(
|
||||||
|
"登录/注册",
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: BaseStyle.fontSize34,
|
||||||
|
color: BaseStyle.color333333,
|
||||||
|
fontWeight: FontWeight.bold),
|
||||||
|
))
|
||||||
|
],
|
||||||
|
),
|
||||||
|
extendBody: true,
|
||||||
|
body: Container(
|
||||||
|
padding: EdgeInsets.only(left: 64.w, right: 64.w, top: 138.w),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
"短信帮手",
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 64.sp,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
color: Colors.black),
|
||||||
|
),
|
||||||
|
32.hb,
|
||||||
|
Text(
|
||||||
|
"希望能成为您的短信小助手",
|
||||||
|
style: TextStyle(fontSize: 32.sp, color: const Color(0xFF999999)),
|
||||||
|
),
|
||||||
|
80.hb,
|
||||||
|
_phoneTFWidget(),
|
||||||
|
_codeWidget(),
|
||||||
|
112.hb,
|
||||||
|
PloneBottom(
|
||||||
|
onTap: () {
|
||||||
|
Get.to(() => const TabNavigator());
|
||||||
|
},
|
||||||
|
text: "立即登录",
|
||||||
|
),
|
||||||
|
32.hb,
|
||||||
|
_getText()
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
// 输入手机号
|
||||||
|
|
||||||
|
_phoneTFWidget() {
|
||||||
|
return Container(
|
||||||
|
alignment: Alignment.centerLeft,
|
||||||
|
// padding: EdgeInsets.symmetric(horizontal: 72.w),
|
||||||
|
height: 40 * 2.h,
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: <Widget>[
|
||||||
|
Expanded(
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: <Widget>[
|
||||||
|
Expanded(
|
||||||
|
child: TextField(
|
||||||
|
onChanged: (String phone) {
|
||||||
|
// setState(() {
|
||||||
|
// if (phone.length >= 11) {
|
||||||
|
// _getCodeEnable = true;
|
||||||
|
// } else {
|
||||||
|
// _getCodeEnable = false;
|
||||||
|
// }
|
||||||
|
// if (kDebugMode) {
|
||||||
|
// //print(_loginEnable);
|
||||||
|
// }
|
||||||
|
// }); 判断手机号长度
|
||||||
|
},
|
||||||
|
// enabled: false,
|
||||||
|
controller: _phoneController,
|
||||||
|
// focusNode: _phoneFocusNode,
|
||||||
|
keyboardType: TextInputType.number,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 36.sp, color: const Color(0xFF999999)),
|
||||||
|
inputFormatters: [
|
||||||
|
LengthLimitingTextInputFormatter(11),
|
||||||
|
],
|
||||||
|
cursorColor: Colors.black,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
// contentPadding: EdgeInsets.only(
|
||||||
|
// left: rSize(10), top: rSize(13)),
|
||||||
|
// prefixIcon: Container(
|
||||||
|
// // padding: EdgeInsets.only(right: 10.w),
|
||||||
|
// width: 50.w,
|
||||||
|
// alignment: Alignment.centerLeft,
|
||||||
|
// child: Text(
|
||||||
|
// "+86",
|
||||||
|
// style: TextStyle(
|
||||||
|
// fontSize: 32.sp,
|
||||||
|
// color: const Color(0xFF000000)),
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
prefixText: "+86",
|
||||||
|
prefixStyle: TextStyle(
|
||||||
|
color: Colors.black,
|
||||||
|
),
|
||||||
|
enabledBorder: const UnderlineInputBorder(
|
||||||
|
// 不是焦点的时候颜色
|
||||||
|
borderSide: BorderSide(
|
||||||
|
color: Color(0xffdddddd),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
// focusedBorder: const UnderlineInputBorder( // 焦点集中的时候颜色
|
||||||
|
// borderSide: BorderSide(
|
||||||
|
// color: Color(0x19000000)
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
//border: InputBorder.none,
|
||||||
|
hintText:
|
||||||
|
"请输入手机号", // hintText: _phone.replaceFirst(RegExp(r'\d{4}'), '****', 3),
|
||||||
|
hintStyle: TextStyle(
|
||||||
|
color: const Color(0xFFCCCCCC), fontSize: 32.sp),
|
||||||
|
suffixIcon: GestureDetector(
|
||||||
|
onTap: () {},
|
||||||
|
// onTap: !_getCodeEnable
|
||||||
|
// ? () {}
|
||||||
|
// : () async {
|
||||||
|
// // await apiClient
|
||||||
|
// // .request(API.login.phoneCode, data: {
|
||||||
|
// // 'phone':
|
||||||
|
// // UserTool.userProvider.userInfo.phone,
|
||||||
|
// // });
|
||||||
|
// _beginCountDown();
|
||||||
|
// if (_cantSelected) return;
|
||||||
|
// _cantSelected = true;
|
||||||
|
// Future.delayed(const Duration(seconds: 1),
|
||||||
|
// () {
|
||||||
|
// _cantSelected = false;
|
||||||
|
// });
|
||||||
|
// },
|
||||||
|
child: Container(
|
||||||
|
width: 180.w,
|
||||||
|
alignment: Alignment.centerRight,
|
||||||
|
color: Colors.transparent,
|
||||||
|
child: const Text("获取验证码"
|
||||||
|
// _countDownStr,
|
||||||
|
// style: TextStyle(
|
||||||
|
// color: _getCodeEnable
|
||||||
|
// ? kPrimaryColor
|
||||||
|
// : BaseStyle.colorcccccc),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
//_bottomLineWidget(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 输入验证码
|
||||||
|
_codeWidget() {
|
||||||
|
return Container(
|
||||||
|
alignment: Alignment.centerLeft,
|
||||||
|
//margin: EdgeInsets.symmetric(horizontal: 20.w),
|
||||||
|
// padding: EdgeInsets.symmetric(horizontal: 72.w),
|
||||||
|
height: 40 * 2.h,
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: <Widget>[
|
||||||
|
Expanded(
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: <Widget>[
|
||||||
|
Expanded(
|
||||||
|
child: TextField(
|
||||||
|
onChanged: (String phone) {
|
||||||
|
setState(() {});
|
||||||
|
},
|
||||||
|
controller: _smsCodeController,
|
||||||
|
// focusNode: _smsCodeFocusNode,
|
||||||
|
keyboardType: TextInputType.number,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 36.sp, color: BaseStyle.color999999),
|
||||||
|
inputFormatters: [
|
||||||
|
LengthLimitingTextInputFormatter(4),
|
||||||
|
],
|
||||||
|
cursorColor: Colors.black,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
// prefixIcon: Container(
|
||||||
|
// width: 10.w,
|
||||||
|
// alignment: Alignment.centerLeft,
|
||||||
|
// child: Text(
|
||||||
|
// "验证码",
|
||||||
|
// style: TextStyle(
|
||||||
|
// fontSize: 32.sp,
|
||||||
|
// color: const Color(0xFF000000)),
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
prefixText: "验证码",
|
||||||
|
prefixStyle: const TextStyle(
|
||||||
|
color: Colors.black,
|
||||||
|
),
|
||||||
|
enabledBorder: const UnderlineInputBorder(
|
||||||
|
// 不是焦点的时候颜色
|
||||||
|
borderSide: BorderSide(
|
||||||
|
color: BaseStyle.color999999,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
hintText: "请输入验证码",
|
||||||
|
hintStyle: TextStyle(
|
||||||
|
color: BaseStyle.colorcccccc, fontSize: 36.sp),
|
||||||
|
)),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
//_bottomLineWidget(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// // 倒计时
|
||||||
|
// _beginCountDown() {
|
||||||
|
// ///开始倒计时
|
||||||
|
// setState(() {
|
||||||
|
// _getCodeEnable = false;
|
||||||
|
// _countDownStr = "重新获取($_countDownNum)";
|
||||||
|
// });
|
||||||
|
// _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
|
||||||
|
// if (!mounted) {
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
// setState(() {
|
||||||
|
// if (_countDownNum == 0) {
|
||||||
|
// _countDownNum = 59;
|
||||||
|
// _countDownStr = "获取验证码";
|
||||||
|
// _getCodeEnable = true;
|
||||||
|
// _timer.cancel();
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
// _countDownStr = "重新获取(${_countDownNum--})";
|
||||||
|
// });
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
|
||||||
|
// 协议
|
||||||
|
_recognizer(context, int type) {
|
||||||
|
final TapGestureRecognizer recognizer = TapGestureRecognizer();
|
||||||
|
recognizer.onTap = () {
|
||||||
|
if (kDebugMode) {
|
||||||
|
print("点击协议了");
|
||||||
|
}
|
||||||
|
|
||||||
|
///跳转到用户协议页面
|
||||||
|
};
|
||||||
|
return recognizer;
|
||||||
|
}
|
||||||
|
|
||||||
|
_getText() {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
// _chooseAgreement = !_chooseAgreement;
|
||||||
|
setState(() {});
|
||||||
|
},
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: 50.w,
|
||||||
|
height: 50.w,
|
||||||
|
padding: EdgeInsets.only(top: 6.w, right: 5.w),
|
||||||
|
child: const Icon(CupertinoIcons.circle,
|
||||||
|
size: 18, color: Color(0xFFdddddd))),
|
||||||
|
// !_chooseAgreement
|
||||||
|
// ? const Icon(CupertinoIcons.circle,
|
||||||
|
// size: 18, color: Color(0xFFdddddd))
|
||||||
|
// : const Icon(CupertinoIcons.checkmark_circle,
|
||||||
|
// size: 18, color: Colors.red)),
|
||||||
|
RichText(
|
||||||
|
text: TextSpan(
|
||||||
|
text: "我已阅读并同意",
|
||||||
|
style: TextStyle(
|
||||||
|
color: BaseStyle.colorcccccc, fontSize: 12 * 2.sp),
|
||||||
|
children: [
|
||||||
|
TextSpan(
|
||||||
|
text: '《用户服务协议》',
|
||||||
|
style: TextStyle(color: kPrimaryColor, fontSize: 12 * 2.sp),
|
||||||
|
recognizer: _recognizer(context, 2)),
|
||||||
|
TextSpan(
|
||||||
|
text: "和",
|
||||||
|
style: TextStyle(
|
||||||
|
color: BaseStyle.colorcccccc, fontSize: 12 * 2.sp),
|
||||||
|
),
|
||||||
|
TextSpan(
|
||||||
|
text: '《隐私协议》',
|
||||||
|
style: TextStyle(color: kPrimaryColor, fontSize: 12 * 2.sp),
|
||||||
|
recognizer: _recognizer(context, 1)),
|
||||||
|
])),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,97 @@
|
|||||||
|
import 'package:bot_toast/bot_toast.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:project_telephony/ui/user/user_page.dart';
|
||||||
|
import 'package:project_telephony/utils/headers.dart';
|
||||||
|
|
||||||
|
import 'home/home_page.dart';
|
||||||
|
|
||||||
|
class TabNavigator extends StatefulWidget {
|
||||||
|
final int? index;
|
||||||
|
const TabNavigator({Key? key, this.index}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_TabNavigatorState createState() => _TabNavigatorState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _TabNavigatorState extends State<TabNavigator>
|
||||||
|
with SingleTickerProviderStateMixin {
|
||||||
|
TabController? _tabController;
|
||||||
|
int _pageIndex = 0;
|
||||||
|
DateTime? _lastPressed;
|
||||||
|
|
||||||
|
// 页面列表
|
||||||
|
List<Widget> _pages = <Widget>[];
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
//页面加载调用
|
||||||
|
Future.delayed(const Duration(milliseconds: 0), () async {
|
||||||
|
// Hive.initFLutter;
|
||||||
|
// await HiveStore.init()
|
||||||
|
});
|
||||||
|
_pages = [const HomePage(), const UserPage()];
|
||||||
|
_tabController = TabController(
|
||||||
|
length: _pages.length, vsync: this, initialIndex: widget.index ?? 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
//选中与未选中图标样式
|
||||||
|
_buildBottomBar(String title, String unSelected, String selected) {
|
||||||
|
return BottomNavigationBarItem(
|
||||||
|
icon: Image.asset(
|
||||||
|
unSelected,
|
||||||
|
height: 44.w,
|
||||||
|
width: 44.w,
|
||||||
|
),
|
||||||
|
activeIcon: Image.asset(
|
||||||
|
selected,
|
||||||
|
height: 44.w,
|
||||||
|
width: 44.w,
|
||||||
|
),
|
||||||
|
label: title,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
//底部导航来
|
||||||
|
List<BottomNavigationBarItem> _bottomNav = <BottomNavigationBarItem>[
|
||||||
|
_buildBottomBar("首页", Assets.icons.homeNoSelected.path,
|
||||||
|
Assets.icons.homeSelected.path),
|
||||||
|
_buildBottomBar(
|
||||||
|
"我的", Assets.icons.myNoselected.path, Assets.icons.mySelected.path)
|
||||||
|
];
|
||||||
|
return Scaffold(
|
||||||
|
body: WillPopScope(
|
||||||
|
onWillPop: () async {
|
||||||
|
if (_lastPressed == null ||
|
||||||
|
DateTime.now().difference(_lastPressed!) >
|
||||||
|
const Duration(seconds: 1)) {
|
||||||
|
//两次点击间隔超过1秒重新计算
|
||||||
|
_lastPressed = DateTime.now();
|
||||||
|
BotToast.showText(text: '再点击一次返回退出');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
// 否则关闭APP
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
child: TabBarView(
|
||||||
|
children: _pages,
|
||||||
|
controller: _tabController,
|
||||||
|
physics: const NeverScrollableScrollPhysics(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
bottomNavigationBar: BottomNavigationBar(
|
||||||
|
items: _bottomNav,
|
||||||
|
backgroundColor: Colors.white,
|
||||||
|
currentIndex: _pageIndex,
|
||||||
|
selectedFontSize: 20.sp,
|
||||||
|
unselectedFontSize: 20.sp,
|
||||||
|
onTap: (index) {
|
||||||
|
_tabController!.animateTo(index, curve: Curves.easeInOutCubic);
|
||||||
|
setState(() => _pageIndex = index);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,305 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
import 'package:project_telephony/base/base_style.dart';
|
||||||
|
import 'package:project_telephony/ui/widget/check_radio.dart';
|
||||||
|
// import 'package:project_telephony/ui/widget/check_radio.dart';
|
||||||
|
|
||||||
|
import 'package:project_telephony/ui/widget/plone_back_button.dart';
|
||||||
|
import 'package:project_telephony/ui/widget/plone_bottom.dart';
|
||||||
|
import 'package:project_telephony/ui/widget/putup_widget.dart';
|
||||||
|
import 'package:project_telephony/utils/headers.dart';
|
||||||
|
|
||||||
|
class MembersPage extends StatelessWidget {
|
||||||
|
MembersPage({Key? key}) : super(key: key);
|
||||||
|
ChooseItems? _chooseItem;
|
||||||
|
List<dynamic>? data;
|
||||||
|
final List<ChooseItems> _piceList = [
|
||||||
|
ChooseItems(
|
||||||
|
month: 12,
|
||||||
|
pice: 10,
|
||||||
|
),
|
||||||
|
ChooseItems(
|
||||||
|
month: 1,
|
||||||
|
pice: 1,
|
||||||
|
),
|
||||||
|
];
|
||||||
|
int _selectIndex = 0;
|
||||||
|
List payWay = [
|
||||||
|
{
|
||||||
|
'payName': '微信支付',
|
||||||
|
'payUrl': Assets.icons.weixin.path,
|
||||||
|
},
|
||||||
|
{'payName': '支付宝支付', 'payUrl': Assets.icons.zhifubao.path}
|
||||||
|
];
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
body: Stack(
|
||||||
|
children: [
|
||||||
|
Align(
|
||||||
|
child: SizedBox(
|
||||||
|
width: 750.w,
|
||||||
|
height: 1624.w,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Positioned(
|
||||||
|
child: Image.asset(
|
||||||
|
Assets.images.vipbg.path,
|
||||||
|
)),
|
||||||
|
Positioned(top: 256.w, left: 32.w, child: _getBanner()),
|
||||||
|
Positioned(
|
||||||
|
top: 480.w,
|
||||||
|
child: Container(
|
||||||
|
height: 1208.w,
|
||||||
|
width: 750.w,
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
color: Colors.white,
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
topLeft: Radius.circular(20),
|
||||||
|
topRight: Radius.circular(20))),
|
||||||
|
child: Column(children: [
|
||||||
|
_getRecharge(),
|
||||||
|
_getSpay(payWay),
|
||||||
|
PloneBottom(
|
||||||
|
border: true,
|
||||||
|
onTap: () {},
|
||||||
|
textColor: const Color(0xFF333333),
|
||||||
|
text: "立即开通",
|
||||||
|
color1: const Color(0xFFFFF6D8),
|
||||||
|
color2: const Color(0xFFFFEAB0),
|
||||||
|
)
|
||||||
|
]),
|
||||||
|
)),
|
||||||
|
Positioned(
|
||||||
|
top: 68.w,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
const CloudBackButton(
|
||||||
|
isSpecial: true,
|
||||||
|
),
|
||||||
|
154.wb,
|
||||||
|
Text('会员中心', style: Theme.of(context).textTheme.headline6),
|
||||||
|
],
|
||||||
|
)),
|
||||||
|
],
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
// _get() {
|
||||||
|
// return Stack(
|
||||||
|
// children: [
|
||||||
|
// Align(
|
||||||
|
// child: SizedBox(
|
||||||
|
// width: 750.w,
|
||||||
|
// height: 1410.w,
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
// Positioned(
|
||||||
|
// child: _getBanner(),
|
||||||
|
// ),
|
||||||
|
// Positioned(
|
||||||
|
// top: 224.w,
|
||||||
|
// child: Container(
|
||||||
|
// height: 1140.w,
|
||||||
|
// width: 750.w,
|
||||||
|
// decoration: const BoxDecoration(
|
||||||
|
// color: Colors.white,
|
||||||
|
// borderRadius: BorderRadius.only(
|
||||||
|
// topLeft: Radius.circular(20),
|
||||||
|
// topRight: Radius.circular(20))),
|
||||||
|
// child: Column(children: []),
|
||||||
|
// ))
|
||||||
|
// ],
|
||||||
|
// );
|
||||||
|
// }
|
||||||
|
|
||||||
|
//banner
|
||||||
|
_getBanner() {
|
||||||
|
return SizedBox(
|
||||||
|
// margin: EdgeInsets.symmetric(horizontal: 32.w),
|
||||||
|
child: Stack(children: [
|
||||||
|
Align(
|
||||||
|
child: SizedBox(
|
||||||
|
width: 686.w,
|
||||||
|
child: Image.asset(
|
||||||
|
Assets.images.vipbanner.path,
|
||||||
|
width: 622.w,
|
||||||
|
height: 244.w,
|
||||||
|
fit: BoxFit.fill,
|
||||||
|
),
|
||||||
|
)),
|
||||||
|
Positioned(
|
||||||
|
child: Container(
|
||||||
|
margin: EdgeInsets.symmetric(horizontal: 64.w, vertical: 16.w),
|
||||||
|
child: _getText()))
|
||||||
|
]),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
//banner 文字
|
||||||
|
_getText() {
|
||||||
|
return Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
_getVip(),
|
||||||
|
18.hb,
|
||||||
|
Text(
|
||||||
|
"解锁全部功能",
|
||||||
|
style: TextStyle(
|
||||||
|
color: Colors.white,
|
||||||
|
fontSize: BaseStyle.fontSize32,
|
||||||
|
fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
16.hb,
|
||||||
|
Text(
|
||||||
|
"解锁全部功能",
|
||||||
|
style: TextStyle(color: Colors.white, fontSize: BaseStyle.fontSize24),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
_getVip() {
|
||||||
|
return Row(
|
||||||
|
children: [
|
||||||
|
const Text(
|
||||||
|
"vip",
|
||||||
|
style: TextStyle(color: Color(0xFFFFEAB0)),
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
width: 8.w,
|
||||||
|
height: 8.w,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(4),
|
||||||
|
color: const Color(0xFFFFEAB0),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Text(
|
||||||
|
"未开通会员",
|
||||||
|
style: TextStyle(color: Color(0xFFFFEAB0)),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
//充值金额
|
||||||
|
_getRecharge() {
|
||||||
|
return Container(
|
||||||
|
width: double.infinity,
|
||||||
|
decoration: const BoxDecoration(),
|
||||||
|
clipBehavior: Clip.antiAlias,
|
||||||
|
child: ListView(
|
||||||
|
shrinkWrap: true,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 80.w, vertical: 32.w),
|
||||||
|
child: SortWidget(
|
||||||
|
crossAxisSpacing: 24.w,
|
||||||
|
itemList: _piceList,
|
||||||
|
childAspectRatio: 288 / 216,
|
||||||
|
crossAxisCount: 2,
|
||||||
|
mainAxisSpacing: 20.w,
|
||||||
|
callback: (item, index) {
|
||||||
|
_chooseItem = item;
|
||||||
|
// setState(() {});
|
||||||
|
},
|
||||||
|
pickItem: _chooseItem,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
// 762.hb,
|
||||||
|
//40.hb,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
_getSpay(List item) {
|
||||||
|
return Container(
|
||||||
|
// color: Colors.red,
|
||||||
|
width: double.infinity,
|
||||||
|
height: 500.w,
|
||||||
|
margin: EdgeInsets.symmetric(horizontal: 64.w),
|
||||||
|
child: ListView.builder(
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
_selectIndex = index;
|
||||||
|
// setState(() {});
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 24.w, vertical: 40.w),
|
||||||
|
color: Colors.white,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
child: Image.asset(
|
||||||
|
item[index]['payUrl'],
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.h,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
20.wb,
|
||||||
|
SizedBox(
|
||||||
|
width: 200.w,
|
||||||
|
child: Text(
|
||||||
|
item[index]['payName'],
|
||||||
|
style: TextStyle(
|
||||||
|
color: BaseStyle.color333333,
|
||||||
|
fontSize: BaseStyle.fontSize28),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Spacer(),
|
||||||
|
BeeCheckRadio(
|
||||||
|
value: index,
|
||||||
|
groupValue: [_selectIndex],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
)),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
itemCount: item.length,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
// ListView.builder(
|
||||||
|
// itemBuilder: (context, index) {
|
||||||
|
// return GestureDetector(
|
||||||
|
// onTap: () {
|
||||||
|
// _selectIndex = index;
|
||||||
|
// // setState(() {});
|
||||||
|
// },
|
||||||
|
// child: Container(
|
||||||
|
// padding: EdgeInsets.symmetric(horizontal: 24.w, vertical: 40.w),
|
||||||
|
// color: Colors.white,
|
||||||
|
// child: Row(
|
||||||
|
// children: [
|
||||||
|
// SizedBox(
|
||||||
|
// child: Image.asset(
|
||||||
|
// item[index]['payUrl'],
|
||||||
|
// width: 40.w,
|
||||||
|
// height: 40.h,
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
// 20.wb,
|
||||||
|
// SizedBox(
|
||||||
|
// width: 200.w,
|
||||||
|
// child: Text(
|
||||||
|
// item[index]['payName'],
|
||||||
|
// style: TextStyle(
|
||||||
|
// color: BaseStyle.color333333,
|
||||||
|
// fontSize: BaseStyle.fontSize28),
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
// const Spacer(),
|
||||||
|
// BeeCheckRadio(
|
||||||
|
// value: index,
|
||||||
|
// groupValue: [_selectIndex],
|
||||||
|
// ),
|
||||||
|
// ],
|
||||||
|
// )),
|
||||||
|
// );
|
||||||
|
// },
|
||||||
|
// itemCount: item.length,
|
||||||
|
// );
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,203 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/services.dart';
|
||||||
|
import 'package:project_telephony/base/base_style.dart';
|
||||||
|
import 'package:project_telephony/ui/home/home_page.dart';
|
||||||
|
import 'package:project_telephony/ui/user/members_page.dart';
|
||||||
|
import 'package:project_telephony/ui/widget/image_scaffold.dart';
|
||||||
|
import 'package:project_telephony/ui/widget/plone_bottom.dart';
|
||||||
|
import 'package:project_telephony/utils/headers.dart';
|
||||||
|
|
||||||
|
class UserPage extends StatefulWidget {
|
||||||
|
const UserPage({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_UserPageState createState() => _UserPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _UserPageState extends State<UserPage> {
|
||||||
|
bool bl = true;
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return CloudScaffold(
|
||||||
|
systemStyle: const SystemUiOverlayStyle(
|
||||||
|
statusBarIconBrightness: Brightness.dark,
|
||||||
|
// systemNavigationBarColor: Colors.white,
|
||||||
|
),
|
||||||
|
path: Assets.images.bg.path,
|
||||||
|
bodyColor: Colors.white,
|
||||||
|
extendBody: true,
|
||||||
|
body: Column(children: [
|
||||||
|
_getUser(),
|
||||||
|
36.hb,
|
||||||
|
_getBanner(),
|
||||||
|
120.hb,
|
||||||
|
_getSwitch(Assets.icons.switch1.path, "功能开关", true),
|
||||||
|
_getSwitch(Assets.icons.privacy.path, "隐私政策", false),
|
||||||
|
_getSwitch(Assets.icons.permissions.path, "权限说明", false),
|
||||||
|
// const Spacer(),
|
||||||
|
PloneBottom(
|
||||||
|
border: false,
|
||||||
|
onTap: () {
|
||||||
|
Get.to(() => const HomePage());
|
||||||
|
},
|
||||||
|
textColor: const Color(0xFF1890FF),
|
||||||
|
color1: const Color(0xFFEBF5FF),
|
||||||
|
color2: const Color(0xFFEBF5FF),
|
||||||
|
text: "退出登录",
|
||||||
|
)
|
||||||
|
]),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
//头像
|
||||||
|
_getUser() {
|
||||||
|
return Container(
|
||||||
|
margin: EdgeInsets.only(left: 32.w, right: 32.w, top: 199.w),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Column(
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
bl ? "登录/注册" : "xxxxx",
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: BaseStyle.fontSize48,
|
||||||
|
color: BaseStyle.color333333,
|
||||||
|
fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
24.hb,
|
||||||
|
Text(
|
||||||
|
bl ? "登录获取更多信息" : "欢迎您登录短信帮手",
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: BaseStyle.fontSize28,
|
||||||
|
color: BaseStyle.color333333),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const Spacer(),
|
||||||
|
Container(
|
||||||
|
child: ClipOval(
|
||||||
|
child: Image.asset(
|
||||||
|
Assets.images.portrait.path,
|
||||||
|
height: 128.w,
|
||||||
|
width: 128.w,
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
//banner
|
||||||
|
_getBanner() {
|
||||||
|
return SizedBox(
|
||||||
|
// margin: EdgeInsets.symmetric(horizontal: 32.w),
|
||||||
|
height: 144.w,
|
||||||
|
child: Stack(children: [
|
||||||
|
Align(
|
||||||
|
child: SizedBox(
|
||||||
|
width: 686.w,
|
||||||
|
child: Image.asset(
|
||||||
|
Assets.images.banner.path,
|
||||||
|
fit: BoxFit.fill,
|
||||||
|
),
|
||||||
|
)),
|
||||||
|
Positioned(
|
||||||
|
child: Container(
|
||||||
|
margin: EdgeInsets.symmetric(horizontal: 64.w, vertical: 16.w),
|
||||||
|
child: Row(
|
||||||
|
children: [_getText(), const Spacer(), _getBotton()],
|
||||||
|
),
|
||||||
|
))
|
||||||
|
]),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
//banner botton
|
||||||
|
_getBotton() {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
Get.to(() => MembersPage());
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 32.w, vertical: 16.w),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(30),
|
||||||
|
gradient: const LinearGradient(
|
||||||
|
colors: [Color(0xFFFFF6D8), Color(0xFFFFEAB0)],
|
||||||
|
begin: Alignment.centerLeft,
|
||||||
|
end: Alignment.centerRight)),
|
||||||
|
child: Text(
|
||||||
|
"立即开通",
|
||||||
|
style: TextStyle(
|
||||||
|
color: const Color(0xFF001F3F), fontSize: BaseStyle.fontSize24),
|
||||||
|
)),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
//banner 文字
|
||||||
|
_getText() {
|
||||||
|
return Column(
|
||||||
|
children: [
|
||||||
|
_getVip(),
|
||||||
|
16.hb,
|
||||||
|
Text(
|
||||||
|
"解锁全部功能",
|
||||||
|
style: TextStyle(color: Colors.white, fontSize: BaseStyle.fontSize24),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
_getVip() {
|
||||||
|
return Row(
|
||||||
|
children: [
|
||||||
|
const Text(
|
||||||
|
"vip",
|
||||||
|
style: TextStyle(color: Color(0xFFFFEAB0)),
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
width: 8.w,
|
||||||
|
height: 8.w,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(4),
|
||||||
|
color: const Color(0xFFFFEAB0),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Text(
|
||||||
|
"未开通会员",
|
||||||
|
style: TextStyle(color: Color(0xFFFFEAB0)),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
//内容
|
||||||
|
_getSwitch(String url, String name, bool pd) {
|
||||||
|
bool vle = false;
|
||||||
|
return ListTile(
|
||||||
|
// onTap: (() {}),
|
||||||
|
leading: Image.asset(
|
||||||
|
url,
|
||||||
|
height: 54.w,
|
||||||
|
width: 56.w,
|
||||||
|
fit: BoxFit.fill,
|
||||||
|
),
|
||||||
|
title: Text(
|
||||||
|
name,
|
||||||
|
style: TextStyle(
|
||||||
|
color: BaseStyle.color333333,
|
||||||
|
fontSize: BaseStyle.fontSize34,
|
||||||
|
fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
trailing: pd
|
||||||
|
? Switch(
|
||||||
|
value: vle,
|
||||||
|
onChanged: (value) {
|
||||||
|
vle = value;
|
||||||
|
// setState(() {});
|
||||||
|
})
|
||||||
|
: const Icon(Icons.keyboard_arrow_right));
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,68 @@
|
|||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:project_telephony/base/base_style.dart';
|
||||||
|
import 'package:project_telephony/utils/headers.dart';
|
||||||
|
|
||||||
|
class BeeCheckRadio<T> extends StatefulWidget {
|
||||||
|
final T? value;
|
||||||
|
final List<T>? groupValue;
|
||||||
|
final Widget? indent;
|
||||||
|
final Color? backColor;
|
||||||
|
final bool? border;
|
||||||
|
const BeeCheckRadio({
|
||||||
|
Key? key,
|
||||||
|
this.value,
|
||||||
|
this.groupValue,
|
||||||
|
this.indent,
|
||||||
|
this.backColor,
|
||||||
|
this.border = true,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
_BeeCheckRadioState createState() => _BeeCheckRadioState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _BeeCheckRadioState extends State<BeeCheckRadio> {
|
||||||
|
bool get _selected {
|
||||||
|
if (widget.groupValue!.contains(widget.value)) {
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return AnimatedContainer(
|
||||||
|
height: 40.w,
|
||||||
|
width: 40.w,
|
||||||
|
decoration: widget.border!
|
||||||
|
? BoxDecoration(
|
||||||
|
color: widget.backColor ??
|
||||||
|
kPrimaryColor.withOpacity(_selected ? 1 : 0),
|
||||||
|
border: Border.all(
|
||||||
|
color: widget.backColor != null
|
||||||
|
? kForeGroundColor
|
||||||
|
: (_selected ? kPrimaryColor : const Color(0xFFcccccc)),
|
||||||
|
width: 2.w,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(20.w),
|
||||||
|
)
|
||||||
|
: const BoxDecoration(),
|
||||||
|
duration: const Duration(milliseconds: 300),
|
||||||
|
curve: Curves.easeInOutCubic,
|
||||||
|
alignment: Alignment.center,
|
||||||
|
child: AnimatedOpacity(
|
||||||
|
duration: const Duration(milliseconds: 500),
|
||||||
|
curve: Curves.easeInOutCubic,
|
||||||
|
opacity: _selected ? 1 : 0,
|
||||||
|
child: widget.indent ??
|
||||||
|
Icon(
|
||||||
|
CupertinoIcons.checkmark,
|
||||||
|
color: widget.border! ? Colors.white : const Color(0xFF027AFF),
|
||||||
|
size: 28.w,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,142 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/services.dart';
|
||||||
|
import 'package:project_telephony/utils/headers.dart';
|
||||||
|
|
||||||
|
class CloudScaffold extends StatelessWidget {
|
||||||
|
///沉浸式带背景的APPBar
|
||||||
|
///path未背景图的path
|
||||||
|
final Widget? body;
|
||||||
|
final Widget? appbar;
|
||||||
|
final Color bodyColor;
|
||||||
|
final Widget? bottomNavi;
|
||||||
|
final FloatingActionButton? fab;
|
||||||
|
final bool extendBody;
|
||||||
|
final String? path;
|
||||||
|
final SystemUiOverlayStyle systemStyle;
|
||||||
|
final bool normal;
|
||||||
|
final String? title;
|
||||||
|
final List<Widget> actions;
|
||||||
|
final Color? appBarBackColor;
|
||||||
|
final PreferredSizeWidget? appBarBottom;
|
||||||
|
final Widget? endDrawer;
|
||||||
|
|
||||||
|
const CloudScaffold({
|
||||||
|
Key? key,
|
||||||
|
this.body,
|
||||||
|
this.appbar,
|
||||||
|
this.bodyColor = const Color(0xFFF9F9F9),
|
||||||
|
this.bottomNavi,
|
||||||
|
this.fab,
|
||||||
|
// this.systemStyle = SystemStyle.initial,
|
||||||
|
this.extendBody = false,
|
||||||
|
this.path,
|
||||||
|
this.endDrawer,
|
||||||
|
required this.systemStyle,
|
||||||
|
}) : normal = false,
|
||||||
|
title = '',
|
||||||
|
actions = const [],
|
||||||
|
appBarBackColor = Colors.white,
|
||||||
|
appBarBottom = null;
|
||||||
|
|
||||||
|
const CloudScaffold.white({
|
||||||
|
Key? key,
|
||||||
|
this.body,
|
||||||
|
this.bottomNavi,
|
||||||
|
this.fab,
|
||||||
|
// this.systemStyle = SystemStyle.initial,
|
||||||
|
this.extendBody = false,
|
||||||
|
this.appbar,
|
||||||
|
this.path,
|
||||||
|
this.endDrawer,
|
||||||
|
required this.systemStyle,
|
||||||
|
}) : bodyColor = Colors.white,
|
||||||
|
normal = false,
|
||||||
|
title = '',
|
||||||
|
actions = const [],
|
||||||
|
appBarBackColor = Colors.white,
|
||||||
|
appBarBottom = null;
|
||||||
|
|
||||||
|
const CloudScaffold.normal(
|
||||||
|
{Key? key,
|
||||||
|
this.body,
|
||||||
|
this.appbar,
|
||||||
|
this.bodyColor = const Color(0xFFF9F9F9),
|
||||||
|
this.bottomNavi,
|
||||||
|
this.fab,
|
||||||
|
// this.systemStyle = SystemStyle.initial,
|
||||||
|
this.extendBody = false,
|
||||||
|
this.path,
|
||||||
|
this.title,
|
||||||
|
this.appBarBackColor = Colors.white,
|
||||||
|
this.appBarBottom,
|
||||||
|
this.actions = const [],
|
||||||
|
this.endDrawer,
|
||||||
|
required this.systemStyle})
|
||||||
|
: normal = true,
|
||||||
|
assert(title != null || appbar != null);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light);
|
||||||
|
return !normal
|
||||||
|
? AnnotatedRegion<SystemUiOverlayStyle>(
|
||||||
|
value: systemStyle,
|
||||||
|
child: Scaffold(
|
||||||
|
endDrawer: endDrawer,
|
||||||
|
backgroundColor: bodyColor,
|
||||||
|
extendBodyBehindAppBar: extendBody,
|
||||||
|
extendBody: extendBody,
|
||||||
|
body: Stack(
|
||||||
|
children: [
|
||||||
|
Positioned(
|
||||||
|
child: Image.asset(
|
||||||
|
path != null ? (path!) : Assets.images.homeBg.path,
|
||||||
|
width: double.infinity,
|
||||||
|
fit: BoxFit.fitWidth,
|
||||||
|
)),
|
||||||
|
Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
appbar ?? const SizedBox(),
|
||||||
|
body ?? const SizedBox(),
|
||||||
|
],
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
bottomNavigationBar: bottomNavi,
|
||||||
|
floatingActionButton: fab,
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: AnnotatedRegion<SystemUiOverlayStyle>(
|
||||||
|
value: systemStyle,
|
||||||
|
child: Scaffold(
|
||||||
|
endDrawer: endDrawer,
|
||||||
|
backgroundColor: bodyColor,
|
||||||
|
extendBodyBehindAppBar: extendBody,
|
||||||
|
extendBody: extendBody,
|
||||||
|
body: body,
|
||||||
|
appBar: PreferredSize(
|
||||||
|
preferredSize: Size.fromHeight(176.w),
|
||||||
|
child: title == null
|
||||||
|
? appbar!
|
||||||
|
: AppBar(
|
||||||
|
bottom: appBarBottom,
|
||||||
|
backgroundColor:
|
||||||
|
extendBody ? Colors.transparent : appBarBackColor,
|
||||||
|
// leading: const CloudBackButton(),
|
||||||
|
title: Text(
|
||||||
|
title!,
|
||||||
|
style: TextStyle(
|
||||||
|
color: Colors.black,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
fontSize: 32.sp),
|
||||||
|
),
|
||||||
|
actions: actions,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
bottomNavigationBar: bottomNavi,
|
||||||
|
floatingActionButton: fab,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,24 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
class PloneAvatarWidget extends StatelessWidget {
|
||||||
|
final List<String>? urls;
|
||||||
|
final double? width;
|
||||||
|
final double? height;
|
||||||
|
final BoxFit? fit;
|
||||||
|
const PloneAvatarWidget({Key? key, this.width,
|
||||||
|
this.height,
|
||||||
|
this.urls,
|
||||||
|
this.fit = BoxFit.cover}) : super(key: key);
|
||||||
|
// String get imagePath {
|
||||||
|
// if (urls == null) {
|
||||||
|
// return '';
|
||||||
|
// } else if (urls!.isEmpty) {
|
||||||
|
// return '';
|
||||||
|
// } else {
|
||||||
|
// return urls!.first.imageWithHost;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container();
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,30 @@
|
|||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:project_telephony/utils/headers.dart';
|
||||||
|
|
||||||
|
class CloudBackButton extends StatelessWidget {
|
||||||
|
final Color color;
|
||||||
|
final bool isSpecial;
|
||||||
|
|
||||||
|
const CloudBackButton({
|
||||||
|
Key? key,
|
||||||
|
this.color = const Color(0xFF111111),
|
||||||
|
this.isSpecial = false,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Navigator.canPop(context)
|
||||||
|
? Padding(
|
||||||
|
padding: isSpecial ? EdgeInsets.only(left: 8.w) : EdgeInsets.zero,
|
||||||
|
child: IconButton(
|
||||||
|
onPressed: () => Get.back(),
|
||||||
|
icon: Icon(
|
||||||
|
CupertinoIcons.chevron_back,
|
||||||
|
color: color,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: const SizedBox();
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,60 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
|
||||||
|
import '../../base/base_style.dart';
|
||||||
|
|
||||||
|
class PloneBottom extends StatefulWidget {
|
||||||
|
final String text;
|
||||||
|
final Color color1;
|
||||||
|
final Color color2;
|
||||||
|
final Color textColor;
|
||||||
|
final Function() onTap;
|
||||||
|
final bool blM; //是否间距
|
||||||
|
final bool border; //是否有边框
|
||||||
|
const PloneBottom({
|
||||||
|
Key? key,
|
||||||
|
this.text = '返回首页',
|
||||||
|
this.color1 = const Color(0xFF0593FF),
|
||||||
|
this.color2 = const Color(0xFF027AFF),
|
||||||
|
this.textColor = kForeGroundColor,
|
||||||
|
this.blM = true,
|
||||||
|
this.border = false,
|
||||||
|
required this.onTap,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<PloneBottom> createState() => _PloneBottomState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _PloneBottomState extends State<PloneBottom> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: widget.onTap,
|
||||||
|
child: Material(
|
||||||
|
color: Colors.transparent,
|
||||||
|
child: Container(
|
||||||
|
alignment: Alignment.center,
|
||||||
|
padding: EdgeInsets.symmetric(vertical: 15.w),
|
||||||
|
margin: widget.blM
|
||||||
|
? EdgeInsets.symmetric(horizontal: 32.w)
|
||||||
|
: EdgeInsets.only(left: 0.w),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border.all(
|
||||||
|
color: const Color(0xFF1890FF),
|
||||||
|
width: !widget.border ? 1.w : 10.w),
|
||||||
|
gradient: LinearGradient(
|
||||||
|
begin: Alignment.centerLeft,
|
||||||
|
end: Alignment.centerRight,
|
||||||
|
colors: [widget.color1, widget.color2]),
|
||||||
|
borderRadius: BorderRadius.circular(8.w)),
|
||||||
|
child: Text(
|
||||||
|
widget.text,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: BaseStyle.fontSize28, color: widget.textColor),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,113 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:project_telephony/base/base_style.dart';
|
||||||
|
import 'package:project_telephony/utils/headers.dart';
|
||||||
|
|
||||||
|
typedef ItemCallback = Function(ChooseItems item, int index);
|
||||||
|
|
||||||
|
class ChooseItems {
|
||||||
|
int month;
|
||||||
|
int pice;
|
||||||
|
bool isChoose;
|
||||||
|
|
||||||
|
ChooseItems({
|
||||||
|
required this.month,
|
||||||
|
required this.pice,
|
||||||
|
this.isChoose = false,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
class SortWidget extends StatelessWidget {
|
||||||
|
final List<ChooseItems> itemList;
|
||||||
|
final ItemCallback callback;
|
||||||
|
final int crossAxisCount;
|
||||||
|
final double mainAxisSpacing;
|
||||||
|
final double crossAxisSpacing;
|
||||||
|
final double childAspectRatio;
|
||||||
|
final bool haveButton;
|
||||||
|
final ChooseItems? pickItem;
|
||||||
|
|
||||||
|
const SortWidget(
|
||||||
|
{Key? key,
|
||||||
|
required this.itemList,
|
||||||
|
required this.callback,
|
||||||
|
required this.crossAxisCount,
|
||||||
|
required this.mainAxisSpacing,
|
||||||
|
required this.crossAxisSpacing,
|
||||||
|
required this.childAspectRatio,
|
||||||
|
this.haveButton = false,
|
||||||
|
required this.pickItem});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return GridView.builder(
|
||||||
|
physics: const NeverScrollableScrollPhysics(),
|
||||||
|
shrinkWrap: true,
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
itemCount: itemList.length,
|
||||||
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
||||||
|
//横轴元素个数
|
||||||
|
crossAxisCount: crossAxisCount,
|
||||||
|
//纵轴间距
|
||||||
|
mainAxisSpacing: mainAxisSpacing,
|
||||||
|
//横轴间距
|
||||||
|
crossAxisSpacing: crossAxisSpacing,
|
||||||
|
//子组件宽高长度比例
|
||||||
|
childAspectRatio: childAspectRatio),
|
||||||
|
itemBuilder: (BuildContext context, int index) {
|
||||||
|
return _getItem(itemList[index], index);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
_getItem(ChooseItems item, int index) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
callback(item, index);
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
alignment: Alignment.center,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: pickItem == item
|
||||||
|
? const Color(0xFFFFFAEA)
|
||||||
|
: const Color(0xFFFFFFFF),
|
||||||
|
borderRadius: BorderRadius.circular(4.w),
|
||||||
|
border: pickItem != item
|
||||||
|
? Border.all(color: const Color(0xFFF5F5F5), width: 1.w)
|
||||||
|
: Border.all(color: const Color(0xFFFFDF66), width: 1.w)),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Padding(padding: EdgeInsets.only(top: 16.w)),
|
||||||
|
Text(
|
||||||
|
"${item.month}个月VIP",
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: BaseStyle.fontSize28,
|
||||||
|
color: BaseStyle.color333333,
|
||||||
|
fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
Text.rich(TextSpan(children: [
|
||||||
|
TextSpan(
|
||||||
|
text: "¥",
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: BaseStyle.fontSize32,
|
||||||
|
color: pickItem == item
|
||||||
|
? const Color(0xFFFF3F3F)
|
||||||
|
: BaseStyle.color333333)),
|
||||||
|
TextSpan(
|
||||||
|
text: "${item.pice}",
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 64.sp,
|
||||||
|
color: pickItem == item
|
||||||
|
? const Color(0xFFFF3F3F)
|
||||||
|
: BaseStyle.color333333))
|
||||||
|
])),
|
||||||
|
Text(
|
||||||
|
"${(item.pice / item.month).toStringAsFixed(2)}元/月",
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: BaseStyle.fontSize24,
|
||||||
|
color: BaseStyle.color999999,
|
||||||
|
fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
)),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
// export 'package:cloud_car/base/base_style.dart';
|
||||||
|
export 'package:project_telephony/extensions/num_ext.dart';
|
||||||
|
export 'package:project_telephony/extensions/num_ext.dart';
|
||||||
|
export 'package:project_telephony/extensions/wigget_list_ext.dart';
|
||||||
|
export 'package:project_telephony/gen/assets.gen.dart';
|
||||||
|
export 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
export 'package:get/get.dart';
|
||||||
Loading…
Reference in new issue