17.5 优惠券使用实现步骤：
第 1 步：优惠券模型json
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748[ { "id": 55, "code": "568935ab", "amount": "5.00", "status": "publish", "date_created": "2022-04-03T21:00:38", "date_created_gmt": "2022-04-03T13:00:38", "date_modified": "2022-04-03T21:00:38", ...
16.3 国家选择器
实现步骤：
第 1 步：数据模型
不要把这种基础数据放在安装包中，动态拉取即可
apifox 中查看接口
数据结构
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394[ { "code": "AF", "name": "非洲", "countries": [ { "code": "AO", "name": "Angolan kwanza&q ...
19.1 订单列表页面
实现步骤：
第 1 步：i18nlib/common/i18n/locale_keys.dart
123456789101112131415// 订单页static const orderListTitle = "order_list_title";static const orderDetailsTitle = "order_details_title";static const orderDetailsOrderID = "order_details_order_id";static const orderDetailsBillFrom = "order_details_bill_from";static const orderDetailsBillTo = "order_details_bill_to";static const orderDetailsProduct = "order_details_product ...
19.2 订单详情页面
实现步骤：
第 1 步：控制器lib/pages/my/order_details/controller.dart
12// 订单详情final OrderModel order = Get.arguments as OrderModel;
第 2 步：视图lib/pages/my/order_details/view.dart
顶部标题组件
123456789101112131415161718// 标题Widget _buildTitle() { return <Widget>[ // Order ID TextWidget.title3( "${LocaleKeys.orderDetailsOrderID.tr} : ${controller.order.id}") .expanded(), // 15 Jan 2019 TextW ...
17.6 购物商品数量修改
实现步骤：
第 1 步：QuantityWidget 数量编辑组件lib/common/components/quantity.dart
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768import 'package:flutter/cupertino.dart';import '../index.dart';/// 数量编辑class QuantityWidget extends StatelessWidget { // 数量发送改变 final Function(int quantity) onChange; // 数量 final int quantity; // 尺寸 final double? size; // 文字尺寸 final double? ...
19.4 状态纵向展示
实现步骤：
第 1 步：业务组件 StepVerticalItemWidgetlib/common/components/steps.dart
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091/// 纵向状态class StepVerticalItemWidget extends StatelessWidget { /// 状态名称 final String statusName; /// 状态描述 final String? statusDes; /// 状态时间 final String? statusDateTime; /// 状态 final StepStatus status; const StepV ...
19.5 发件人、收件人栏位
实现步骤：
第 1 步：BuildBillAddress 组件lib/pages/my/order_details/widgets/bill_address.dart
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859import 'package:flutter/material.dart';import 'package:flutter_woo_commerce_getx_learn/common/index.dart';/// 订单地址项class BuildBillAddress extends StatelessWidget { const BuildBillAddress({ Key? key, this.title, this.address, ...
19.7 费用小计
实现步骤：
第 1 步：组件 BuildTotalItemlib/pages/my/order_details/widgets/total_item.dart
12345678910111213141516171819202122232425262728293031323334353637import 'package:flutter/material.dart';import 'package:flutter_woo_commerce_getx_learn/common/index.dart';/// 小计项class BuildTotalItem extends StatelessWidget { const BuildTotalItem({ Key? key, this.title, this.price, this.currencySymbol, }) : super(key: key); /// 标题 f ...
19.3 状态横向展示
实现步骤：
第 1 步：抽取业务组件 StepHorizontalItemWidgetlib/common/components/steps.dart
定义状态枚举，三态
123456/// 状态枚举enum StepStatus { none, running, success,}
横向滚动组件
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566/// 横向状态class StepHorizontalItemWidget extends StatelessWidget { /// 状态名称 final String statusName; /// 状态 final StepStatus status; const StepHorizontalItemWidget({ Key ...
19.6 购买品名列表栏
实现步骤：
第 1 步：组件 BuildProductListlib/pages/my/order_details/widgets/products_list.dart
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788import 'package:flutter/material.dart';import 'package:flutter_screenutil/flutter_screenutil.dart';import 'package:flutter_woo_commerce_getx_learn/common/index.dart';import ' ...
