Browse Source

feat(user): 用户订单组件增加徽标提示

- 在用户订单组件中添加 Badge 徽标,用于提示未读消息或新订单数量
- 更新小程序分享功能,使用 showShareItems 替代 menus配置
- 修复团队和提现页面的下拉刷新组件,将 loading 属性改为 disabled
demo
科技小王子 1 month ago
parent
commit
fb8387d09d
  1. 2
      src/dealer/qrcode/index.tsx
  2. 2
      src/dealer/team/index.tsx
  3. 2
      src/dealer/withdraw/index.tsx
  4. 18
      src/pages/user/components/UserOrder.tsx

2
src/dealer/qrcode/index.tsx

@ -153,7 +153,7 @@ const DealerQrcode: React.FC = () => {
// 小程序分享
Taro.showShareMenu({
withShareTicket: true,
menus: ['shareAppMessage', 'shareTimeline']
showShareItems: ['shareAppMessage', 'shareTimeline']
})
}

2
src/dealer/team/index.tsx

@ -310,7 +310,7 @@ const DealerTeam: React.FC = () => {
const renderMemberList = (level?: number) => (
<PullToRefresh
loading={refreshing}
disabled={refreshing}
onRefresh={handleRefresh}
>
<View className="p-4">

2
src/dealer/withdraw/index.tsx

@ -349,7 +349,7 @@ const DealerWithdraw: React.FC = () => {
const renderWithdrawRecords = () => (
<PullToRefresh
loading={refreshing}
disabled={refreshing}
onRefresh={handleRefresh}
>
<View className="p-4">

18
src/pages/user/components/UserOrder.tsx

@ -1,6 +1,7 @@
import {useEffect} from "react";
import navTo from "@/utils/common";
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';
function UserOrder() {
@ -22,6 +23,7 @@ function UserOrder() {
background: 'linear-gradient(to bottom, #ffffff, #ffffff)', // 这种情况建议使用类名来控制样式(引入外联样式)
// margin: '10px auto 0px auto',
height: '120px',
// paddingBottom: '3px'
// borderRadius: '22px 22px 0 0',
}}
>
@ -32,32 +34,40 @@ function UserOrder() {
<ArrowRight color="#cccccc" size={12}/>
</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'}/>
<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'}
onClick={() => navTo('/user/order/order?statusFilter=5', true)}>
<Comment size={24} className={'text-gray-500 font-normal'}/>
<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>

Loading…
Cancel
Save