diff --git a/src/pages.json b/src/pages.json
index bd9744d..e8cffb3 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -152,6 +152,13 @@
"style": {
"navigationBarTitleText": "新建订单"
}
+ },
+ {
+ "path": "detail/detail",
+ "style": {
+ "navigationBarTitleText": "订单详情",
+ "navigationStyle": "custom"
+ }
}
]
}
diff --git a/src/pagesOrder/detail/detail.vue b/src/pagesOrder/detail/detail.vue
new file mode 100644
index 0000000..28e403b
--- /dev/null
+++ b/src/pagesOrder/detail/detail.vue
@@ -0,0 +1,711 @@
+
+
+
+
+
+
+
+ 订单详情
+
+
+
+
+
+
+
+
+ 等待付款
+
+ 应付金额: ¥ 99.00
+ 支付剩余
+ 00 时 29 分 59 秒
+
+ 去支付
+
+
+
+
+ 待付款
+
+
+ 再次购买
+
+
+ 模拟发货
+
+
+
+
+
+
+
+
+ 您已在广州市天河区黑马程序员完成取件，感谢使用菜鸟驿站，期待再次为您服务。
+
+ 2023-04-14 13:14:20
+
+
+
+ 张三 13333333333
+ 广东省 广州市 天河区 黑马程序员
+
+
+
+
+
+
+
+
+
+ ins风小碎花泡泡袖衬110-160cm
+ 藏青小花， 130
+
+
+ ¥
+ 99.00
+
+
+ x1
+
+
+
+
+ 申请售后
+ 去评价
+
+
+
+
+
+ 商品总价:
+ 99.00
+
+
+ 运费:
+ 10.00
+
+
+ 应付金额:
+ 109.00
+
+
+
+
+
+
+ 订单信息
+
+
+ 订单编号: {{ query.id }} 复制
+
+ 下单时间: 2023-04-14 13:14:20
+
+
+
+
+
+
+
+
+
+
+
+ 去支付
+ 取消订单
+
+
+
+
+ 再次购买
+
+
+ 确认收货
+
+ 去评价
+
+ 删除订单
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/types/animation.d.ts b/src/types/animation.d.ts
new file mode 100644
index 0000000..e473b22
--- /dev/null
+++ b/src/types/animation.d.ts
@@ -0,0 +1,104 @@
+// 关键帧对象类型
+export interface Keyframe {
+ offset?: number // 关键帧的偏移，范围[0-1]
+ ease?: string // 动画缓动函数
+ transformOrigin?: string // 基点位置
+ backgroundColor?: string // 背景颜色
+ opacity?: number // 不透明度
+ width?: string // 宽度
+ height?: string // 高度
+ left?: string // 左边位置
+ top?: string // 顶边位置
+ right?: string // 右边位置
+ bottom?: string // 底边位置
+ matrix?: number[] // 变换矩阵
+ matrix3d?: number[] // 三维变换矩阵
+ rotate?: number // 旋转
+ rotate3d?: number[] // 三维旋转
+ rotateX?: number // X 方向旋转
+ rotateY?: number // Y 方向旋转
+ rotateZ?: number // Z 方向旋转
+ scale?: number[] // 缩放
+ scale3d?: number[] // 三维缩放
+ scaleX?: number // X 方向缩放
+ scaleY?: number // Y 方向缩放
+ scaleZ?: number // Z 方向缩放
+ skew?: number[] // 倾斜
+ skewX?: number // X 方向倾斜
+ skewY?: number // Y 方向倾斜
+ translate?: number[] // 位移
+ translate3d?: number[] // 三维位移
+ translateX?: number // X 方向位移
+ translateY?: number // Y 方向位移
+ translateZ?: number // Z 方向位移
+ color?: string // 文字颜色
+ [key: string]: any // 其他可能的CSS属性
+}
+
+// 滚动时间线参数
+export interface ScrollTimeline {
+ scrollSource: string // 滚动元素的选择器
+ orientation?: 'horizontal' | 'vertical' // 滚动方向
+ startScrollOffset: number // 开始驱动动画的滚动偏移量
+ endScrollOffset: number // 停止驱动动画的滚动偏移量
+ timeRange: number // 滚动范围映射的时间长度
+}
+
+// 清除动画选项
+export interface ClearAnimationOptions {
+ opacity?: boolean
+ backgroundColor?: boolean
+ width?: boolean
+ height?: boolean
+ left?: boolean
+ right?: boolean
+ top?: boolean
+ bottom?: boolean
+ rotate?: boolean
+ rotateX?: boolean
+ rotateY?: boolean
+ rotateZ?: boolean
+ scale?: boolean
+ scaleX?: boolean
+ scaleY?: boolean
+ scaleZ?: boolean
+ translate?: boolean
+ translateX?: boolean
+ translateY?: boolean
+ translateZ?: boolean
+ [key: string]: boolean | undefined
+}
+
+// 动画方法类型
+export interface AnimationMethods {
+ /**
+ * 关键帧动画
+ * @param selector 选择器
+ * @param keyframes 关键帧信息
+ * @param duration 动画持续时长（毫秒）
+ * @param callback 动画完成后的回调函数
+ */
+ animate(selector: string, keyframes: Keyframe[], duration: number, callback?: () => void): void
+
+ /**
+ * 滚动驱动的动画
+ * @param selector 选择器
+ * @param keyframes 关键帧信息
+ * @param duration 动画持续时长（毫秒）
+ * @param scrollTimeline 滚动时间线参数
+ */
+ animate(
+ selector: string,
+ keyframes: Keyframe[],
+ duration: number,
+ scrollTimeline: ScrollTimeline,
+ ): void
+
+ /**
+ * 清除动画
+ * @param selector 选择器
+ * @param options 需要清除的属性，不填写则全部清除
+ * @param callback 清除完成后的回调函数
+ */
+ clearAnimation(selector: string, options?: ClearAnimationOptions, callback?: () => void): void
+}
diff --git a/src/types/order.d.ts b/src/types/order.d.ts
index 153ffe5..df424b9 100644
--- a/src/types/order.d.ts
+++ b/src/types/order.d.ts
@@ -48,7 +48,7 @@ export type OrderCreateParams = {
/** 所选地址Id */
addressId: string
/** 配送时间类型，1为不限，2为工作日，3为双休或假日 */
- deliveryTimeType: number
+ deliveryTimeType: 1 | 2 | 3
/** 订单备注 */
buyerMessage: string
/** 商品集合[ 商品信息 ] */