feat(user): 新增收货地址管理及售后申请页面
- 新增地址类型定义,增强前端地址数据结构 - 新增地址编辑页面,支持地址智能识别和定位选点功能 - 地址编辑支持省市区选择及默认地址设置 - 新增地址列表页面,支持地址展示、删除、编辑和选择功能 - 实现售后申请页面,支持选择售后类型和退款原因 - 售后申请支持商品选择、退款金额计算和凭证上传 - 新增售后详情页面,支持售后状态展示及申请取消 - 优化页面加载和用户交互体验,增加错误提示和权限处理
This commit is contained in:
65
src_bak/pages/order/order.tsx
Normal file
65
src_bak/pages/order/order.tsx
Normal file
@@ -0,0 +1,65 @@
|
||||
import { View, Text, Image } from '@tarojs/components'
|
||||
import { Cell, CellGroup, Avatar, Tag } from '@nutui/nutui-react-taro'
|
||||
import { useAppContext } from '@/hooks/useAppContext'
|
||||
import './order.scss'
|
||||
|
||||
export default function Order() {
|
||||
const { theme, toggleTheme } = useAppContext()
|
||||
|
||||
const techStack = [
|
||||
{ name: 'Taro', version: '4.0.8', color: 'primary' },
|
||||
{ name: 'React', version: '18.3.1', color: 'success' },
|
||||
{ name: 'TypeScript', version: '5.7.2', color: 'warning' },
|
||||
{ name: 'NutUI', version: '2.7.4', color: 'danger' },
|
||||
{ name: 'TailwindCSS', version: '3.4.17', color: 'primary' }
|
||||
]
|
||||
|
||||
return (
|
||||
<View className='home-page p-4'>
|
||||
<View className='flex-center mb-6'>
|
||||
<Avatar
|
||||
size='large'
|
||||
src='https://img12.360buyimg.com/imagetools/jfs/t1/143702/31/16654/7362/5fc1f425E224AFA46/a13f0a3e12a比6b4.png'
|
||||
/>
|
||||
</View>
|
||||
|
||||
<CellGroup className='mb-4' title='项目信息'>
|
||||
<Cell title='项目名称' description='Paopao Taro' />
|
||||
<Cell title='当前主题' description={theme === 'light' ? '浅色模式 🌞' : '深色模式 🌙'} />
|
||||
<Cell
|
||||
title='切换主题'
|
||||
extra={
|
||||
<Tag type={theme === 'light' ? 'primary' : 'dark'}>
|
||||
点击切换
|
||||
</Tag>
|
||||
}
|
||||
onClick={toggleTheme}
|
||||
/>
|
||||
</CellGroup>
|
||||
|
||||
<CellGroup className='mb-4' title='技术栈'>
|
||||
{techStack.map((tech, index) => (
|
||||
<Cell
|
||||
key={index}
|
||||
title={tech.name}
|
||||
description={`v${tech.version}`}
|
||||
extra={
|
||||
<Tag type={tech.color as any}>{tech.name}</Tag>
|
||||
}
|
||||
/>
|
||||
))}
|
||||
</CellGroup>
|
||||
|
||||
<View className='mt-4 p-4 bg-gray-50 rounded-lg'>
|
||||
<Text className='text-sm text-gray-500'>
|
||||
📦 已集成工具库:
|
||||
</Text>
|
||||
<View className='mt-2 flex flex-wrap gap-2'>
|
||||
<Tag type='primary' className='m-1'>Day.js</Tag>
|
||||
<Tag type='success' className='m-1'>Crypto-js</Tag>
|
||||
<Tag type='warning' className='m-1'>React Router</Tag>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user