- 优化了 CouponCard 组件的视觉效果,增加了更多细节和动画 - 添加了响应式样式,提高了移动端体验 - 新增了 CouponList组件样式,用于展示优惠券列表
29 lines
724 B
TypeScript
29 lines
724 B
TypeScript
import { Tabbar } from '@nutui/nutui-react-taro'
|
|
import { Home, User } from '@nutui/icons-react-taro'
|
|
import { switchTab } from '@/utils/navigation'
|
|
|
|
function TabBar(){
|
|
return (
|
|
<Tabbar
|
|
fixed
|
|
onSwitch={(index) => {
|
|
console.log(index)
|
|
if(index == 0){
|
|
switchTab('index/index')
|
|
}
|
|
// if(index == 1){
|
|
// goTo('detail/detail')
|
|
// }
|
|
if(index == 1){
|
|
switchTab('user/user')
|
|
}
|
|
}}
|
|
>
|
|
<Tabbar.Item title="首页" icon={<Home size={18} />} />
|
|
{/*<Tabbar.Item title="分类" icon={<Date size={18} />} />*/}
|
|
<Tabbar.Item title="我的" icon={<User size={18} />} />
|
|
</Tabbar>
|
|
)
|
|
}
|
|
export default TabBar;
|