refactor(components): 重构 CouponCard 组件样式

- 优化了 CouponCard 组件的视觉效果，增加了更多细节和动画
- 添加了响应式样式，提高了移动端体验
- 新增了 CouponList组件样式，用于展示优惠券列表

src/components/TabBar.tsx

@@ -1,6 +1,6 @@
 import { Tabbar } from '@nutui/nutui-react-taro'
 import { Home, User } from '@nutui/icons-react-taro'
-import Taro from '@tarojs/taro'
+import { switchTab } from '@/utils/navigation'
 
 function TabBar(){
   return (
@@ -9,13 +9,13 @@ function TabBar(){
       onSwitch={(index) => {
         console.log(index)
         if(index == 0){
-          Taro.switchTab({ url: '/pages/index/index' })
+          switchTab('index/index')
         }
         // if(index == 1){
-        //   Taro.navigateTo({ url: '/pages/detail/detail' })
+        //   goTo('detail/detail')
         // }
         if(index == 1){
-          Taro.switchTab({ url: '/pages/user/user' })
+          switchTab('user/user')
         }
       }}
     >