添加页面

.husky/commit-msg

@@ -1 +0,0 @@
-npx --no-install commitlint --edit "$1"

.husky/pre-commit

@@ -1 +0,0 @@
-npx lint-staged --allow-empty

src/pages/goods/cart.vue

@@ -0,0 +1,13 @@
+<script lang="ts" setup>
+definePage({
+  style: {
+    navigationBarTitleText: '购物车',
+  },
+})
+</script>
+
+<template>
+  <view class="mt-10 text-center text-green-500">
+    购物车
+  </view>
+</template>

src/pages/index/index.vue

@@ -1,53 +1,13 @@
 <script lang="ts" setup>
-defineOptions({
-  name: 'Home',
-})
 definePage({
-  // 使用 type: "home" 属性设置首页，其他页面不需要设置，默认为page
-  type: 'home',
   style: {
-    // 'custom' 表示开启自定义导航栏，默认 'default'
-    navigationStyle: 'custom',
     navigationBarTitleText: '首页',
   },
 })
-
-const description = ref(
-  'unibest 是一个集成了多种工具和技术的 uniapp 开发模板，由 uniapp + Vue3 + Ts + Vite5 + UnoCss + VSCode 构建，模板具有代码提示、自动格式化、统一配置、代码片段等功能，并内置了许多常用的基本组件和基本功能，让你编写 uniapp 拥有 best 体验。',
-)
-console.log('index/index 首页打印了')
-
-onLoad(() => {
-  console.log('测试 uni API 自动引入: onLoad')
-})
 </script>
 
 <template>
-  <view class="bg-white px-4 pt-safe">
+  <view class="mt-10 text-center text-green-500">
-    <view class="mt-10">
+    首页
-      <image src="/static/logo.svg" alt="" class="mx-auto block h-28 w-28" />
-    </view>
-    <view class="mt-4 text-center text-4xl text-[#d14328]">
-      unibest
-    </view>
-    <view class="mb-8 mt-2 text-center text-2xl">
-      最好用的 uniapp 开发模板
-    </view>
-
-    <view class="m-auto mb-2 max-w-100 text-justify indent text-4">
-      {{ description }}
-    </view>
-    <view class="mt-4 text-center">
-      作者：
-      <text class="text-green-500">
-        菲鸽
-      </text>
-    </view>
-    <view class="mt-4 text-center">
-      官网地址：
-      <text class="text-green-500">
-        https://unibest.tech
-      </text>
-    </view>
   </view>
 </template>

src/pages/sort/index.vue

@@ -0,0 +1,13 @@
+<script lang="ts" setup>
+definePage({
+  style: {
+    navigationBarTitleText: '分类',
+  },
+})
+</script>
+
+<template>
+  <view class="mt-10 text-center text-green-500">
+    分类页面
+  </view>
+</template>

src/tabbar/config.ts

@@ -52,6 +52,24 @@ export const customTabbarList: CustomTabBarItem[] = [
     icon: 'i-carbon-home',
     // badge: 'dot',
   },
+  {
+    pagePath: 'pages/sort/index',
+    text: '分类',
+    // 1）在fg-tabbar.vue页面上引入一下并注释掉（见tabbar/index.vue代码第2行）
+    // 2）配置到 unocss.config.ts 的 safelist 中
+    iconType: 'uiLib',
+    icon: 'add-circle',
+    // badge: 10,
+  },
+  {
+    pagePath: 'pages/goods/cart',
+    text: '购物车',
+    // 1）在fg-tabbar.vue页面上引入一下并注释掉（见tabbar/index.vue代码第2行）
+    // 2）配置到 unocss.config.ts 的 safelist 中
+    iconType: 'unocss',
+    icon: 'i-clarity-shopping-cart-line',
+    // badge: 10,
+  },
   {
     pagePath: 'pages/me/me',
     text: '我的',