huixiang_app/lib/vip/vip_view/exclusive_coupon.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:huixiang/utils/font_weight.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class ExclusiveCoupon extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _ExclusiveCoupon();
  }
}

class _ExclusiveCoupon extends State<ExclusiveCoupon> {
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.only(left: 16.w, right: 16.w, bottom: 40.h),
      width: double.infinity,
      padding: EdgeInsets.all(16.w),
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(6.w),
        color: Colors.white,
        boxShadow: [
          BoxShadow(
            color: Colors.black.withAlpha(12),
            offset: Offset(0, 3),
            blurRadius: 14,
            spreadRadius: 0,
          )
        ],
      ),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            "专享优惠券",
            style: TextStyle(
              color: Colors.black,
              fontSize: 15.sp,
              fontWeight: MyFontWeight.semi_bold,
            ),
          ),
          SizedBox(
            height: 10.h,
          ),
          Row(
            children: [
              Expanded(
                  child: Stack(
                alignment: Alignment.bottomCenter,
                children: [
                  Image.asset(
                    "assets/image/vip_shop_hx.webp",
                    width: 100.w,
                    height: 120.h,
                    fit: BoxFit.fill,
                  ),
                  Padding(
                    padding: EdgeInsets.only(bottom: 4.h),
                    child: Text(
                      "6折饮品券",
                      style: TextStyle(
                        fontSize: 14.sp,
                        fontWeight: MyFontWeight.medium,
                        color: Colors.white,
                      ),
                    ),
                  ),
                ],
              )),
              SizedBox(
                width: 14.w,
              ),
              Expanded(
                child: Stack(
                  alignment: Alignment.bottomCenter,
                  children: [
                    Image.asset(
                      "assets/image/vip_shop_qj.webp",
                      width: 100.w,
                      height: 120.h,
                      fit: BoxFit.fill,
                    ),
                    Padding(
                      padding: EdgeInsets.only(bottom: 4.h),
                      child: Text(
                        "7折烘焙券",
                        style: TextStyle(
                          fontSize: 14.sp,
                          fontWeight: MyFontWeight.medium,
                          color: Colors.white,
                        ),
                      ),
                    ),
                  ],
                ),
              ),
              SizedBox(
                width: 14.w,
              ),
              Expanded(
                child: Stack(
                  alignment: Alignment.bottomCenter,
                  children: [
                    Image.asset(
                      "assets/image/vip_shop_hg.webp",
                      width:100.w,
                      height: 120.h,
                      fit: BoxFit.fill,
                    ),
                    Padding(
                      padding: EdgeInsets.only(bottom: 4.h),
                      child: Text(
                        "8折火锅券",
                        style: TextStyle(
                          fontSize: 14.sp,
                          fontWeight: MyFontWeight.medium,
                          color: Colors.white,
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }
}