|
@ -1,6 +1,7 @@ |
|
|
import {useEffect} from "react"; |
|
|
import {useEffect} from "react"; |
|
|
import navTo from "@/utils/common"; |
|
|
import navTo from "@/utils/common"; |
|
|
import {View, Text} from '@tarojs/components'; |
|
|
import {View, Text} from '@tarojs/components'; |
|
|
|
|
|
import {Badge} from '@nutui/nutui-react-taro'; |
|
|
import {ArrowRight, Wallet, Comment, Transit, Refund, Package} from '@nutui/icons-react-taro'; |
|
|
import {ArrowRight, Wallet, Comment, Transit, Refund, Package} from '@nutui/icons-react-taro'; |
|
|
|
|
|
|
|
|
function UserOrder() { |
|
|
function UserOrder() { |
|
@ -22,6 +23,7 @@ function UserOrder() { |
|
|
background: 'linear-gradient(to bottom, #ffffff, #ffffff)', // 这种情况建议使用类名来控制样式(引入外联样式)
|
|
|
background: 'linear-gradient(to bottom, #ffffff, #ffffff)', // 这种情况建议使用类名来控制样式(引入外联样式)
|
|
|
// margin: '10px auto 0px auto',
|
|
|
// margin: '10px auto 0px auto',
|
|
|
height: '120px', |
|
|
height: '120px', |
|
|
|
|
|
// paddingBottom: '3px'
|
|
|
// borderRadius: '22px 22px 0 0',
|
|
|
// borderRadius: '22px 22px 0 0',
|
|
|
}} |
|
|
}} |
|
|
> |
|
|
> |
|
@ -32,32 +34,40 @@ function UserOrder() { |
|
|
<ArrowRight color="#cccccc" size={12}/> |
|
|
<ArrowRight color="#cccccc" size={12}/> |
|
|
</View> |
|
|
</View> |
|
|
</View> |
|
|
</View> |
|
|
<View className={'flex justify-around pb-1'}> |
|
|
|
|
|
<View className={'item flex justify-center flex-col items-center'} |
|
|
|
|
|
onClick={() => navTo('/user/order/order?statusFilter=0', true)}> |
|
|
|
|
|
<Wallet size={26} className={'font-normal text-gray-500'}/> |
|
|
|
|
|
<Text className={'text-sm text-gray-600 py-1'}>待付款</Text> |
|
|
|
|
|
</View> |
|
|
|
|
|
<View className={'item flex justify-center flex-col items-center'} |
|
|
|
|
|
onClick={() => navTo('/user/order/order?statusFilter=1', true)}> |
|
|
|
|
|
<Package size={26} className={'text-gray-500 font-normal'}/> |
|
|
|
|
|
<Text className={'text-sm text-gray-600 py-1'}>待发货</Text> |
|
|
|
|
|
</View> |
|
|
|
|
|
<View className={'item flex justify-center flex-col items-center'} |
|
|
|
|
|
onClick={() => navTo('/user/order/order?statusFilter=3', true)}> |
|
|
|
|
|
<Transit size={24} className={'text-gray-500 font-normal'}/> |
|
|
|
|
|
<Text className={'text-sm text-gray-600 py-1'}>待收货</Text> |
|
|
|
|
|
</View> |
|
|
|
|
|
|
|
|
<View className={'flex justify-around pb-1 mt-4'}> |
|
|
|
|
|
<Badge value={8}> |
|
|
|
|
|
<View className={'item flex justify-center flex-col items-center'}> |
|
|
|
|
|
<Wallet size={26} className={'font-normal text-gray-500'} |
|
|
|
|
|
onClick={() => navTo('/user/order/order?statusFilter=0', true)}/> |
|
|
|
|
|
<Text className={'text-sm text-gray-600 py-1'}>待付款</Text> |
|
|
|
|
|
</View> |
|
|
|
|
|
</Badge> |
|
|
|
|
|
<Badge value={8}> |
|
|
|
|
|
<View className={'item flex justify-center flex-col items-center'} |
|
|
|
|
|
onClick={() => navTo('/user/order/order?statusFilter=1', true)}> |
|
|
|
|
|
<Package size={26} className={'text-gray-500 font-normal'}/> |
|
|
|
|
|
<Text className={'text-sm text-gray-600 py-1'}>待发货</Text> |
|
|
|
|
|
</View> |
|
|
|
|
|
</Badge> |
|
|
|
|
|
<Badge value={8}> |
|
|
|
|
|
<View className={'item flex justify-center flex-col items-center'} |
|
|
|
|
|
onClick={() => navTo('/user/order/order?statusFilter=3', true)}> |
|
|
|
|
|
<Transit size={24} className={'text-gray-500 font-normal'}/> |
|
|
|
|
|
<Text className={'text-sm text-gray-600 py-1'}>待收货</Text> |
|
|
|
|
|
</View> |
|
|
|
|
|
</Badge> |
|
|
<View className={'item flex justify-center flex-col items-center'} |
|
|
<View className={'item flex justify-center flex-col items-center'} |
|
|
onClick={() => navTo('/user/order/order?statusFilter=5', true)}> |
|
|
onClick={() => navTo('/user/order/order?statusFilter=5', true)}> |
|
|
<Comment size={24} className={'text-gray-500 font-normal'}/> |
|
|
<Comment size={24} className={'text-gray-500 font-normal'}/> |
|
|
<Text className={'text-sm text-gray-600 py-1'}>已完成</Text> |
|
|
<Text className={'text-sm text-gray-600 py-1'}>已完成</Text> |
|
|
</View> |
|
|
</View> |
|
|
<View className={'item flex justify-center flex-col items-center'} |
|
|
|
|
|
onClick={() => navTo('/user/order/order?statusFilter=6', true)}> |
|
|
|
|
|
<Refund size={26} className={'font-normal text-gray-500'}/> |
|
|
|
|
|
<Text className={'text-sm text-gray-600 py-1'}>退货/售后</Text> |
|
|
|
|
|
</View> |
|
|
|
|
|
|
|
|
<Badge value={8}> |
|
|
|
|
|
<View className={'item flex justify-center flex-col items-center'} |
|
|
|
|
|
onClick={() => navTo('/user/order/order?statusFilter=6', true)}> |
|
|
|
|
|
<Refund size={26} className={'font-normal text-gray-500'}/> |
|
|
|
|
|
<Text className={'text-sm text-gray-600 py-1'}>退货/售后</Text> |
|
|
|
|
|
</View> |
|
|
|
|
|
</Badge> |
|
|
</View> |
|
|
</View> |
|
|
</View> |
|
|
</View> |
|
|
</View> |
|
|
</View> |
|
|