/*
 * @Author: zhangdongxue zhangdongxue@uz.cn
 * @Date: 2022-05-27 15:10:21
 * @LastEditors: zhangdongxue zhangdongxue@uz.cn
 * @LastEditTime: 2022-05-27 15:51:10
 * @FilePath: /gl_dao/lib/pages/store/widget/offline_bussiness.dart
 * @Description: 线下商家首页展示样式
 */
import 'package:flutter/material.dart';

import '../../../main_color.dart';

class OfflineBussinessWidget extends StatefulWidget {
  const OfflineBussinessWidget({Key? key}) : super(key: key);

  @override
  State<OfflineBussinessWidget> createState() => _OfflineBussinessWidgetState();
}

class _OfflineBussinessWidgetState extends State<OfflineBussinessWidget> {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: ((MediaQuery.of(context).size.width / 2) - 22),
      height: 104,
      margin: const EdgeInsets.only(top: 10),
      padding: const EdgeInsets.only(left: 10),
      decoration: const BoxDecoration(
        borderRadius: BorderRadius.all(
          Radius.circular(10.0),
        ),
        color: Colors.white,
      ),
      child: Padding(
        padding: const EdgeInsets.only(
          top: 16,
          left: 0,
          right: 10,
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Expanded(
              flex: 1,
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  const Text(
                    '吉屋居酒屋',
                    style: TextStyle(
                      fontSize: 14,
                      color: tTextColor333,
                      overflow: TextOverflow.ellipsis,
                    ),
                  ),
                  const Text(
                    '距离1.5KM',
                    style: TextStyle(
                      fontSize: 12,
                      color: tTextColor999,
                      overflow: TextOverflow.ellipsis,
                    ),
                  ),
                  const SizedBox(height: 10),
                  Container(
                    padding: const EdgeInsets.only(
                      left: 10,
                      right: 10,
                      top: 1,
                      bottom: 1,
                    ),
                    decoration: BoxDecoration(
                      border: Border.all(
                        color: tMainRedColor.withOpacity(0.7),
                        width: 1,
                      ),
                      borderRadius: const BorderRadius.all(
                        Radius.circular(10.0),
                      ),
                    ),
                    child: const Text(
                      '前往体验',
                      style: TextStyle(
                        color: tMainRedColor,
                        fontSize: 12,
                      ),
                    ),
                  )
                ],
              ),
            ),
            Container(
              height: double.infinity,
              margin: const EdgeInsets.only(top: 10),
              child: Column(
                children: [
                  SizedBox(
                    child: ClipOval(
                      child: Image.network(
                        'http://img5.mtime.cn/mg/2021/08/24/141454.81651527_285X160X4.jpg',
                        width: 54,
                        height: 54,
                        fit: BoxFit.cover,
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}