forked from gxwebsoft/mp-10550
赵忠林
915c06ecab
- 新增 CMS 文章查询接口 getCmsArticleByCode - 调整 UserCard 组件界面样式和逻辑-优化 BestSellers 商品展示组件 - 更新 IsDealer 组件支持网站字段配置 - 移除用户页面部分冗余代码和样式 - 增加主题样式支持和背景装饰元素 - 调整用户相关组件层级和定位样式
47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
import {useEffect, useRef} from 'react'
|
|
import {PullToRefresh} from '@nutui/nutui-react-taro'
|
|
import UserCard from "./components/UserCard";
|
|
import UserOrder from "./components/UserOrder";
|
|
import UserFooter from "./components/UserFooter";
|
|
import {useUserData} from "@/hooks/useUserData";
|
|
import './user.scss'
|
|
import IsDealer from "./components/IsDealer";
|
|
import UserGrid from "@/pages/user/components/UserGrid";
|
|
|
|
function User() {
|
|
|
|
const { refresh } = useUserData()
|
|
const userCardRef = useRef<any>()
|
|
|
|
// 下拉刷新处理
|
|
const handleRefresh = async () => {
|
|
await refresh()
|
|
// 如果 UserCard 组件有自己的刷新方法，也可以调用
|
|
if (userCardRef.current?.handleRefresh) {
|
|
await userCardRef.current.handleRefresh()
|
|
}
|
|
}
|
|
|
|
useEffect(() => {
|
|
}, []);
|
|
|
|
return (
|
|
<PullToRefresh
|
|
onRefresh={handleRefresh}
|
|
headHeight={60}
|
|
>
|
|
<div className={'w-full'} style={{
|
|
background: 'linear-gradient(to bottom, #e9fff2, #f9fafb)'
|
|
}}>
|
|
<UserCard ref={userCardRef}/>
|
|
<UserOrder/>
|
|
<IsDealer/>
|
|
<UserGrid/>
|
|
<UserFooter/>
|
|
</div>
|
|
</PullToRefresh>
|
|
)
|
|
}
|
|
|
|
export default User
|