feat(order): 实现客户订单创建与确认功能
- 新增客户订单创建页面,简化表单字段并优化用户体验 - 实现订单确认页面,展示订单详情、客户信息和收货地址 - 添加订单状态显示和支付跳转功能 - 创建订单相关API接口封装 - 优化路由配置,支持商品链接码访问 - 添加页面标题组件和首页跳转逻辑
This commit is contained in:
39
src/components/PageHeader.vue
Normal file
39
src/components/PageHeader.vue
Normal file
@@ -0,0 +1,39 @@
|
||||
<template>
|
||||
<div class="page-header">
|
||||
<h2>{{ title }}</h2>
|
||||
<p v-if="description" class="description">{{ description }}</p>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
description: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.page-header {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.page-header h2 {
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
color: #303133;
|
||||
}
|
||||
|
||||
.description {
|
||||
margin: 8px 0 0 0;
|
||||
font-size: 14px;
|
||||
color: #909399;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user