TmOct5/gl_dao
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

首页开发

Browse Source
This commit is contained in:
张冬雪
2022-05-26 17:32:49 +08:00
parent d60b9e58ad
commit c343dbbe83
35 changed files with 535 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
lib/pages/store/store.dart
View File

@@ -2,12 +2,13 @@
* @Author: zhangdongxue zhangdongxue@uz.cn
* @Date: 2022-05-26 13:16:03
* @LastEditors: zhangdongxue zhangdongxue@uz.cn
* @LastEditTime: 2022-05-26 14:25:36
* @LastEditTime: 2022-05-26 17:32:19
* @FilePath: /gl_dao/lib/pages/store/store.dart
* @Description: 商城首页
*/
// import 'dart:html';
import 'package:flutter/material.dart';
import '../auth/auth.dart';
import '../../https/auth_api.dart';
@@ -34,23 +35,115 @@ class _StorePagesState extends State<StorePages> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('DTX商城1'),
shadowColor: Colors.transparent,
),
body: Center(
child: TextButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) {
return const AuthPages();
}),
);
},
child: const Text('登录'),
),
body: Column(
children: [
navWidget(), // 自定义顶部导航样式
Container(
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.height - 300,
color: Colors.grey.shade100,
),
],
),
);
}
// 首页自定义顶部导航
Widget navWidget() {
return Container(
height: 200,
decoration: const BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/banner.png'),
fit: BoxFit.cover,
opacity: 1,
),
),
padding: const EdgeInsets.fromLTRB(16, 54, 16, 16),
child: Column(
children: [
Row(
children: [
GestureDetector(
onTap: selectCity,
child: Row(
children: [
Image.asset(
'assets/images/location.png',
width: 16.0,
),
const SizedBox(width: 6),
const Text(
'全国',
style: TextStyle(
color: Colors.white,
fontSize: 16,
),
),
],
),
),
const SizedBox(width: 16),
Expanded(
flex: 1,
child: GestureDetector(
onTap: search,
child: Container(
padding: const EdgeInsets.only(left: 16),
decoration: const BoxDecoration(
borderRadius: BorderRadius.all(
Radius.circular(36.0),
),
color: Colors.white,
),
height: 32,
child: Row(
children: [
Image.asset(
'assets/images/search.png',
width: 16.0,
),
const SizedBox(width: 10),
const Text(
'请搜索商家或商品',
style: TextStyle(
color: Colors.grey,
fontSize: 14,
),
),
],
),
),
),
),
const SizedBox(width: 10),
GestureDetector(
onTap: add,
child: const Icon(
Icons.add,
size: 30,
color: Colors.white,
),
),
],
),
],
),
);
}
// 选择城市
selectCity() {
print('selectCity');
}
// 搜索按钮
search() {
print('search');
}
// 添加按钮
add() {
print('addadd');
}
}

135
lib/pages/store/store_copy.dart Normal file
View File

@@ -0,0 +1,135 @@
/*
* @Author: zhangdongxue zhangdongxue@uz.cn
* @Date: 2022-05-26 13:16:03
* @LastEditors: zhangdongxue zhangdongxue@uz.cn
* @LastEditTime: 2022-05-26 17:06:33
* @FilePath: /gl_dao/lib/pages/store/store.dart
* @Description: 商城首页
*/
import 'package:flutter/material.dart';
// import '../auth/auth.dart';
import '../../https/auth_api.dart';
class StorePages extends StatefulWidget {
const StorePages({Key? key}) : super(key: key);
@override
State<StorePages> createState() => _StorePagesState();
}
class _StorePagesState extends State<StorePages> {
@override
void initState() {
HttpApi().apiPost(
'user/auth/sms',
body: {
'mobileNo': '18245180131',
'code': '0000',
},
);
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
shadowColor: Colors.white.withOpacity(0),
backgroundColor: Colors.red.withOpacity(.9),
leadingWidth: 0,
leading: IconButton(
tooltip: 'hello',
icon: const Icon(
Icons.location_on_outlined,
size: 20,
),
onPressed: () {
print('menu Pressed');
},
),
title: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
GestureDetector(
onTap: selectCity,
child: const Text(
'全国',
style: TextStyle(
color: Colors.white,
fontSize: 15,
),
),
),
const SizedBox(width: 14),
Expanded(
flex: 1,
child: GestureDetector(
onTap: search,
child: Container(
padding: const EdgeInsets.only(left: 16),
decoration: const BoxDecoration(
borderRadius: BorderRadius.all(
Radius.circular(36.0),
),
color: Colors.white,
),
height: 34,
child: Row(
children: [
Image.asset(
'assets/images/search.png',
width: 16.0,
),
const SizedBox(width: 6),
const Text(
'请搜索商家或商品',
style: TextStyle(
color: Colors.grey,
fontSize: 14,
),
),
],
),
),
),
),
],
),
centerTitle: true, // 是否居中显示
actions: <Widget>[
IconButton(
icon: const Icon(Icons.add),
tooltip: "more_horiz",
onPressed: () {
print('点击了加号');
},
)
],
),
body: Column(
children: [
Row(
children: [
// 按钮前面加上icon
ElevatedButton.icon(
onPressed: () {},
icon: Icon(Icons.search),
label: Text('图标按钮'),
),
],
)
],
),
);
}
selectCity() {
print('selectCity');
}
search() {
print('search');
}
}