xt / Flutter-ReserveApp · Commits

Go to a project

Commit 64b5db77ad2754e26a2fa8cd9824e6c55a837942

Authored by wdn127929
1 parent 54dbe176
build: skipped

店铺介绍UI ok

Inline Side-by-side
Showing 3 changed files with 107 additions and 21 deletions
... ... @@ -340,7 +340,9 @@ class _FirstImagePageState extends State<FirstImagePage> {
fit: BoxFit.cover,
),
Container(
height: w(25),
width: w(150),
height: w(30),
color: MyColours.color_4D000000,
alignment: Alignment.center,
child: Text(
'点击图片可以更换',
... ... @@ -355,8 +357,9 @@ class _FirstImagePageState extends State<FirstImagePage> {
width: double.infinity,
height: w(210),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
VEmptyView(80),
// VEmptyView(80),
Image.asset(
Utils.getImgPath('add_img'),
width: w(63),
... ...
... ... @@ -138,10 +138,16 @@ class _StoreIntroducePageState extends State<StoreIntroducePage> {
));
}
Widget _introduceWidget() {
Widget _introduceWidget(EdgeInsets edgeInsets,
{double width = double.infinity,
Color textColor = MyColours.color_515151,
Color hintColor = MyColours.color_999999,
BoxDecoration boxDecoration}) {
return Container(
width: width,
alignment: Alignment.centerLeft,
padding: EdgeInsets.all(w(15)),
padding: edgeInsets,
decoration: boxDecoration,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
... ... @@ -156,13 +162,13 @@ class _StoreIntroducePageState extends State<StoreIntroducePage> {
VEmptyView(16),
Text(
'${sellername}',
style: TextStyle(color: MyColours.color_515151, fontSize: font(14)),
style: TextStyle(color: textColor, fontSize: font(14)),
),
VEmptyView(32),
Container(
width: double.infinity,
margin: EdgeInsets.symmetric(horizontal: w(10)),
padding: EdgeInsets.symmetric(horizontal: w(8)),
// margin: EdgeInsets.symmetric(horizontal: w(10)),
// padding: EdgeInsets.symmetric(horizontal: w(6)),
decoration: BoxDecoration(
border: Border(
left: BorderSide(
... ... @@ -179,7 +185,7 @@ class _StoreIntroducePageState extends State<StoreIntroducePage> {
focusNode: storeIntroduceNode,
style: TextStyle(
height: 2,
color: MyColours.color_515151,
color: textColor,
fontSize: ScreenUtil().setSp(20),
textBaseline: TextBaseline.alphabetic),
textAlignVertical: TextAlignVertical.center,
... ... @@ -187,7 +193,7 @@ class _StoreIntroducePageState extends State<StoreIntroducePage> {
decoration: InputDecoration(
hintText: "点这里录入餐厅介绍文字",
hintStyle: TextStyle(
color: MyColours.color_999999,
color: hintColor,
fontSize: ScreenUtil().setSp(20),
),
contentPadding: EdgeInsets.zero,
... ... @@ -205,7 +211,7 @@ class _StoreIntroducePageState extends State<StoreIntroducePage> {
);
}
Widget _uploadImage(bool hasupload) {
Widget _uploadImage(bool hasupload, {EdgeInsets padding = EdgeInsets.zero}) {
return InkWell(
onTap: () {},
child: hasupload
... ... @@ -220,7 +226,10 @@ class _StoreIntroducePageState extends State<StoreIntroducePage> {
height: w(280),
),
Container(
height: w(25),
width: w(150),
height: w(30),
color: MyColours.color_4D000000,
margin: padding,
alignment: Alignment.center,
child: Text(
'点击图片可以更换',
... ... @@ -234,9 +243,10 @@ class _StoreIntroducePageState extends State<StoreIntroducePage> {
color: MyColours.color_d9d9d9,
width: double.infinity,
height: w(280),
padding: padding,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
VEmptyView(80),
Image.asset(
Utils.getImgPath('add_img'),
width: w(63),
... ... @@ -259,6 +269,81 @@ class _StoreIntroducePageState extends State<StoreIntroducePage> {
));
}
///无文字
Widget _noTextWidget() {
return Column(
children: [
_uploadImage(false),
VEmptyView(18),
_uploadImage(true),
VEmptyView(18),
_uploadImage(false),
VEmptyView(18),
_uploadImage(true),
],
);
}
///图文合并
Widget _mergingWidget() {
return Column(
children: [
Stack(
children: [
_uploadImage(
false,
padding: EdgeInsets.only(left: w(160)),
),
Positioned(
child: _introduceWidget(
EdgeInsets.only(
left: w(15), top: w(23), right: w(7), bottom: w(42)),
textColor: MyColours.color_ffffff,
hintColor: MyColours.color_ffffff,
boxDecoration: BoxDecoration(
gradient: LinearGradient(
stops: [0, 1],
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
MyColours.color_0C0F0E,
MyColours.color_4D0C0F0E,
],
),
)),
width: w(160),
),
],
),
VEmptyView(18),
_uploadImage(true),
VEmptyView(18),
_uploadImage(false),
VEmptyView(18),
_uploadImage(true),
],
);
}
///图文分开
Widget _separateWidget() {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_introduceWidget(EdgeInsets.all(w(15)),
boxDecoration: BoxDecoration(color: MyColours.color_ffffff)),
VEmptyView(18),
_uploadImage(false),
VEmptyView(18),
_uploadImage(true),
VEmptyView(18),
_uploadImage(false),
VEmptyView(18),
_uploadImage(true),
],
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
... ... @@ -288,15 +373,11 @@ class _StoreIntroducePageState extends State<StoreIntroducePage> {
),
),
VEmptyView(24),
_introduceWidget(),
VEmptyView(18),
_uploadImage(false),
VEmptyView(18),
_uploadImage(true),
VEmptyView(18),
_uploadImage(false),
VEmptyView(18),
_uploadImage(true),
currIndex == 0
? _noTextWidget()
: currIndex == 1
? _mergingWidget()
: _separateWidget(),
VEmptyView(18),
],
),
... ...
import 'package:flutter/material.dart';
class MyColours {
static const Color color_4D0C0F0E = Color(0x4D0C0F0E);
static const Color color_4D000000 = Color(0x4D000000);
static const Color color_B39437 = Color(0xFFB39437);
static const Color color_EEAE74 = Color(0xFFEEAE74);
static const Color color_C76216 = Color(0xFFC76216);
... ...