OpenCloseApp/BusinessAppFlutter
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

business details scrolling design finished

Browse Source
This commit is contained in:
vignesh 2022-05-20 12:33:05 +05:30
parent 4781455f2c
commit 4741190db6
3 changed files with 184 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
openclosenew/assets/images/discount.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
openclosenew/assets/images/offer.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

249
openclosenew/lib/businessdetail.dart
View File

@ -187,7 +187,7 @@ class _businessdetailState extends State<businessdetail> {
height: 20,
),
SizedBox(
width: 10,
width: 12,
),
Text(
'Veg',
@ -195,7 +195,7 @@ class _businessdetailState extends State<businessdetail> {
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
fontSize: 13,
),
),
SizedBox(
@ -207,7 +207,7 @@ class _businessdetailState extends State<businessdetail> {
height: 20,
),
SizedBox(
width: 10,
width: 12,
),
Text(
'Non-Veg',
@ -215,7 +215,7 @@ class _businessdetailState extends State<businessdetail> {
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
fontSize: 13,
),
),
],
@ -236,12 +236,12 @@ class _businessdetailState extends State<businessdetail> {
),
TextSpan(
text:
"+91 98651 76796, +91 76786 85869",
" +91 98651 76796, +91 76786 85869",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 15,
fontSize: 13,
color: Color(0xFF5C5C5C),
),
),
@ -251,75 +251,84 @@ class _businessdetailState extends State<businessdetail> {
),
],
),
RichText(
text: TextSpan(
children: [
WidgetSpan(
child: Image.asset(
'assets/images/loc_logo.png',
width: 25,
height: 25,
Padding(
padding: const EdgeInsets.only(top: 10),
child: RichText(
text: TextSpan(
children: [
WidgetSpan(
child: Image.asset(
'assets/images/loc_logo.png',
width: 25,
height: 25,
),
),
),
TextSpan(
text:
"112, Avinashi Road, Peelamedu, Coimbatore...",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 15,
color: Color(0xFF5C5C5C),
TextSpan(
text:
" 112, Avinashi Road, Peelamedu, Coimbatore...",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 13,
color: Color(0xFF5C5C5C),
),
),
),
],
],
),
),
),
RichText(
text: TextSpan(
children: [
WidgetSpan(
child: Image.asset(
'assets/images/glob_icon.png',
width: 25,
height: 25,
Padding(
padding: const EdgeInsets.only(top: 10),
child: RichText(
text: TextSpan(
children: [
WidgetSpan(
child: Image.asset(
'assets/images/glob_icon.png',
width: 25,
height: 25,
),
),
),
TextSpan(
text: "www.bbqnation.com",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 15,
color: Color(0xFF5C5C5C),
TextSpan(
text: " www.bbqnation.com",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 13,
color: Color(0xFF5C5C5C),
),
),
),
],
],
),
),
),
RichText(
text: TextSpan(
children: [
WidgetSpan(
child: Image.asset(
'assets/images/clock_icon.png',
width: 25,
height: 25,
Padding(
padding: const EdgeInsets.only(top: 10),
child: RichText(
text: TextSpan(
children: [
WidgetSpan(
child: Image.asset(
'assets/images/clock_icon.png',
width: 25,
height: 25,
),
),
),
TextSpan(
text:
"Working Hours: Mon - Fri 9:00am to 9:00pm",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 15,
color: Color(0xFF5C5C5C),
TextSpan(
text:
" Working Hours: Mon - Fri 9:00am to 9:00pm",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 13,
color: Color(0xFF5C5C5C),
),
),
),
],
],
),
),
),
],
@ -334,6 +343,116 @@ class _businessdetailState extends State<businessdetail> {
),
),
),
Container(
height: 100,
child: ListView(
scrollDirection: Axis.horizontal,
children: [
Padding(
padding: const EdgeInsets.only(left: 22),
child: InkWell(
onTap: () {},
child: Container(
width: 350,
margin: EdgeInsets.only(right: 10),
decoration: BoxDecoration(
image: const DecorationImage(
alignment: Alignment.centerLeft,
image: AssetImage(
'assets/images/offer.png',
),
scale: 2,
),
borderRadius: BorderRadius.all(
Radius.circular(10),
),
),
child: Padding(
padding: const EdgeInsets.only(left: 80),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"WELCOME OFFER !",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w700,
fontSize: 20,
color: Color(0xFF09CD99),
),
),
Text(
"Get 50% discount on your first order",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
color: Color(0xFF5C5C5C),
),
),
],
),
),
),
),
),
Padding(
padding: const EdgeInsets.only(left: 22),
child: InkWell(
onTap: () {},
child: Container(
width: 350,
margin: EdgeInsets.only(right: 10),
decoration: BoxDecoration(
image: const DecorationImage(
alignment: Alignment.centerLeft,
image: AssetImage(
'assets/images/offer.png',
),
scale: 2,
),
borderRadius: BorderRadius.all(
Radius.circular(10),
),
),
child: Padding(
padding: const EdgeInsets.only(left: 80),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"WELCOME OFFER !",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w700,
fontSize: 20,
color: Color(0xFF09CD99),
),
),
Text(
"Get 50% discount on your first order",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
color: Color(0xFF5C5C5C),
),
),
],
),
),
),
),
),
],
),
),
],
),
);