liwei1dao
/
deepvoice_client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改会员弹窗

weicu
tanlongsheng 1 year ago
parent
20d0285004
commit
e3a5405f6b
4 changed files with 287 additions and 77 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 17
      lib/modules/common/webview_page.dart
  2. 169
      lib/modules/meeting/views/bottomSheet/member_bottom_sheet.dart
  3. 168
      lib/modules/meeting/views/meeting_mine_view.dart
  4. 10
      lib/modules/meeting/views/mine/meeting_member_view.dart

17
lib/modules/common/webview_page.dart
View File

@ -20,8 +20,9 @@ class WebViewPage extends StatelessWidget {
return Scaffold( return Scaffold(
backgroundColor: isDarkMode ? Colors.black : Colors.grey[50], backgroundColor: isDarkMode ? Colors.black : Colors.grey[50],
appBar: AppBar( appBar: AppBar(
centerTitle: true, backgroundColor: isDarkMode ? Colors.black : Colors.white,
title: Text(title), surfaceTintColor: Colors.transparent,
elevation: 0.5,
leading: IconButton( leading: IconButton(
icon: Icon( icon: Icon(
Icons.arrow_back_ios, Icons.arrow_back_ios,
@ -30,9 +31,15 @@ class WebViewPage extends StatelessWidget {
), ),
onPressed: () => Get.back(), onPressed: () => Get.back(),
), ),
backgroundColor: isDarkMode ? Colors.black : Colors.white, title: Text(
foregroundColor: isDarkMode ? Colors.white : Colors.black, title,
elevation: 0, style: TextStyle(
fontSize: 17.sp,
fontWeight: FontWeight.w600,
color: isDarkMode ? Colors.white : Colors.black,
),
),
centerTitle: true,
), ),
body: WebViewWidget( body: WebViewWidget(
controller: controller, controller: controller,

169
lib/modules/meeting/views/bottomSheet/member_bottom_sheet.dart
View File

@ -0,0 +1,169 @@
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import '../../../common/webview_page.dart';
class MemberBottomSheet extends StatelessWidget {
const MemberBottomSheet({super.key});
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.symmetric(horizontal: 12.w),
decoration: BoxDecoration(
borderRadius: BorderRadius.vertical(
top: Radius.circular(12.r),
),
image: const DecorationImage(
alignment: Alignment.topCenter,
image: AssetImage('assets/images/mine-background.png'),
fit: BoxFit.fitWidth,
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Container(
margin: EdgeInsets.only(top: 12.w),
alignment: Alignment.centerRight,
child: GestureDetector(
onTap: () => Get.back(),
child: Container(
width: 26.w,
height: 26.w,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(26.r),
),
child: Icon(
Icons.close,
size: 18.w,
color: Colors.grey[400],
),
),
),
),
Text(
'解锁 Starter 会员',
style: TextStyle(
color: Colors.black87,
fontSize: 18.sp,
fontWeight: FontWeight.bold,
),
),
Padding(
padding: EdgeInsets.only(top: 5.w, bottom: 20.w),
child: Text(
'绑定 VOITRANS 设备可激活 Starter 会员权益，解锁:',
style: TextStyle(
color: Colors.grey,
fontSize: 14.sp,
),
),
),
_item(Icons.access_time, Colors.red, '每月300分钟转写时长'),
_item(Icons.description, Colors.purpleAccent, '为行业细分场景设计的专业总结模版'),
_item(Icons.auto_awesome, Colors.purpleAccent, 'Autopilot 模版自动总结'),
_item(Icons.people, Colors.red, '区分不同说话人'),
_item(Icons.cloud_upload, Colors.red, '从APP、WEB导入音频进行转写和总结'),
Padding(
padding: EdgeInsets.symmetric(vertical: 20.w),
child: Row(
children: [
Expanded(
child: GestureDetector(
onTap: () {
Get.to(
() => const WebViewPage(
url: 'https://web.voitrans.net',
title: 'Voitrans',
),
);
},
child: Container(
height: 48.w,
alignment: Alignment.center,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12.r),
border: Border.all(
color: Colors.grey[400]!,
),
),
child: Text(
'发现更多',
style: TextStyle(
fontSize: 16.sp,
color: Colors.black,
),
),
),
),
),
10.horizontalSpace,
Expanded(
child: GestureDetector(
onTap: () {},
child: Container(
height: 48.w,
alignment: Alignment.center,
decoration: BoxDecoration(
color: Colors.black,
borderRadius: BorderRadius.circular(12.r),
),
child: Text(
'立即绑定',
style: TextStyle(
fontSize: 16.sp,
color: Colors.white,
),
),
),
),
),
],
),
),
],
),
);
}
Widget _item(IconData icon, Color color, String title) {
return Padding(
padding: EdgeInsets.symmetric(vertical: 10.w),
child: Row(
children: [
Container(
width: 50.w,
height: 50.w,
margin: EdgeInsets.only(right: 10.w),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(16.r),
border: Border.all(
color: Colors.red.withOpacity(0.1),
width: 2.w,
),
),
child: Icon(
icon,
size: 24.w,
color: color,
),
),
Expanded(
child: Text(
title,
style: TextStyle(
color: Colors.black87,
fontSize: 14.sp,
fontWeight: FontWeight.bold,
),
),
),
],
),
);
}
}

168
lib/modules/meeting/views/meeting_mine_view.dart
View File

@ -7,8 +7,10 @@ import '../../profile/views/unified_avatar.dart';
import '../controllers/meeting_controller.dart'; import '../controllers/meeting_controller.dart';
import '../controllers/meeting_mine_controller.dart'; import '../controllers/meeting_mine_controller.dart';
import '../utils/meeting_ui_utils.dart'; import '../utils/meeting_ui_utils.dart';
import 'bottomSheet/member_bottom_sheet.dart';
import 'bottomSheet/statistics_bottom_sheet.dart'; import 'bottomSheet/statistics_bottom_sheet.dart';
import 'mine/meeting_cloud_view.dart'; import 'mine/meeting_cloud_view.dart';
import 'mine/meeting_member_view.dart';
import 'mine/meeting_transcription_view.dart'; import 'mine/meeting_transcription_view.dart';
class MeetingMineView extends StatefulWidget { class MeetingMineView extends StatefulWidget {
@ -96,7 +98,9 @@ class _MeetingMineViewState extends State<MeetingMineView>
_item( _item(
Icons.settings_remote_outlined, Icons.settings_remote_outlined,
'我的VOITRANS设备', '我的VOITRANS设备',
onTap: () {}, onTap: () {
Get.toNamed(Routes.devices);
},
), ),
]), ]),
_box([ _box([
@ -290,93 +294,113 @@ class _MeetingMineViewState extends State<MeetingMineView>
), ),
child: Column( child: Column(
children: [ children: [
Padding( GestureDetector(
padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 10.w), onTap: () {
child: Row( Get.to(() => const MeetingMemberView());
mainAxisAlignment: MainAxisAlignment.spaceBetween, },
children: [ behavior: HitTestBehavior.translucent,
Text( child: Padding(
'Voitrans AI会员', padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 10.w),
style: TextStyle( child: Row(
color: MeetingUIUtils.getTextColor(isDarkMode), mainAxisAlignment: MainAxisAlignment.spaceBetween,
fontSize: 16.sp, children: [
Text(
'Voitrans AI会员',
style: TextStyle(
color: MeetingUIUtils.getTextColor(isDarkMode),
fontSize: 16.sp,
),
), ),
), Icon(
Icon( Icons.arrow_forward_ios,
Icons.arrow_forward_ios, size: 16.w,
size: 16.w, color: Colors.grey,
color: Colors.grey, ),
), ],
], ),
), ),
), ),
Container( GestureDetector(
padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 15.w), onTap: () {
decoration: BoxDecoration( Get.bottomSheet(
color: Colors.black87, const MemberBottomSheet(),
borderRadius: BorderRadius.circular(16.w), isScrollControlled: true,
), backgroundColor: Colors.white,
child: Column( shape: RoundedRectangleBorder(
children: [ borderRadius: BorderRadius.vertical(
Row( top: Radius.circular(12.r),
children: [ ),
Icon(
Icons.auto_awesome,
color: Colors.amberAccent,
size: 25.sp,
),
5.horizontalSpace,
Text(
'解锁 Starter 会员',
style: TextStyle(
color: Colors.white,
fontSize: 18.sp,
fontWeight: FontWeight.bold,
),
),
],
), ),
Padding( );
padding: EdgeInsets.only(top: 15.w), },
child: Row( child: Container(
mainAxisAlignment: MainAxisAlignment.spaceBetween, padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 15.w),
decoration: BoxDecoration(
color: Colors.black87,
borderRadius: BorderRadius.circular(16.w),
),
child: Column(
children: [
Row(
children: [ children: [
Icon(
Icons.auto_awesome,
color: Colors.amberAccent,
size: 25.sp,
),
5.horizontalSpace,
Text( Text(
'绑定 Voitrans 设备可激活 Starter 会员', '解锁 Starter 会员',
style: TextStyle( style: TextStyle(
color: Colors.white, color: Colors.white,
fontSize: 12.sp, fontSize: 18.sp,
fontWeight: FontWeight.bold,
), ),
), ),
GestureDetector( ],
onTap: () {}, ),
child: Container( Padding(
padding: EdgeInsets.symmetric( padding: EdgeInsets.only(top: 15.w),
horizontal: 10.w, child: Row(
vertical: 6.w, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'绑定 Voitrans 设备可激活 Starter 会员',
style: TextStyle(
color: Colors.white,
fontSize: 12.sp,
), ),
decoration: BoxDecoration( ),
borderRadius: BorderRadius.circular(50.w), GestureDetector(
gradient: const LinearGradient( onTap: () {},
colors: [Colors.blue, Colors.pink], child: Container(
begin: Alignment.centerLeft, padding: EdgeInsets.symmetric(
end: Alignment.centerRight, horizontal: 10.w,
vertical: 6.w,
), ),
), decoration: BoxDecoration(
child: Text( borderRadius: BorderRadius.circular(50.w),
'立即解锁', gradient: const LinearGradient(
style: TextStyle( colors: [Colors.blue, Colors.pink],
color: Colors.white, begin: Alignment.centerLeft,
fontSize: 14.sp, end: Alignment.centerRight,
fontWeight: FontWeight.bold, ),
),
child: Text(
'立即解锁',
style: TextStyle(
color: Colors.white,
fontSize: 14.sp,
fontWeight: FontWeight.bold,
),
), ),
), ),
), ),
), ],
], ),
), ),
), ],
], ),
), ),
), ),
], ],

10
lib/modules/meeting/views/mine/meeting_member_view.dart
View File

@ -0,0 +1,10 @@
import 'package:flutter/material.dart';
class MeetingMemberView extends StatelessWidget {
const MeetingMemberView({super.key});
@override
Widget build(BuildContext context) {
return const Placeholder();
}
}
Write Preview
Loading…
Cancel
Save