add tabbar

.eslintrc.js

@@ -0,0 +1,5 @@
+// ESLint 检查 .vue 文件需要单独配置编辑器：
+// https://eslint.vuejs.org/user-guide/#editor-integrations
+module.exports = {
+  'extends': ['taro/vue3']
+}

src/app.config.ts

@@ -1,11 +1,46 @@
 export default defineAppConfig({
   pages: [
-    'pages/index/index'
+    'pages/index/index',
+    'pages/contact/index',
+    'pages/invite/index',
+    'pages/settings/index'
   ],
   window: {
     backgroundTextStyle: 'light',
     navigationBarBackgroundColor: '#fff',
     navigationBarTitleText: 'WeChat',
     navigationBarTextStyle: 'black'
+  },
+  tabBar: {
+    custom: false,
+    color: '#797979',
+    selectedColor: '#397EF5',
+    backgroundColor: '#ffffff',
+    list: [
+      {
+        pagePath: 'pages/index/index',
+        selectedIconPath: 'images/bell-solid-397ef5.png',
+        iconPath: 'images/bell-regular-797979.png',
+        text: '通知'
+      },
+      {
+        pagePath: 'pages/contact/index',
+        selectedIconPath: 'images/calendar-plus-solid-397ef5.png',
+        iconPath: 'images/calendar-plus-regular-797979.png',
+        text: '新邀约'
+      },
+      {
+        pagePath: 'pages/invite/index',
+        selectedIconPath: 'images/address-book-solid-397ef5.png',
+        iconPath: 'images/address-book-regular-797979.png',
+        text: '通讯录'
+      },
+      {
+        pagePath: 'pages/settings/index',
+        selectedIconPath: 'images/user-solid-397ef5.png',
+        iconPath: 'images/user-regular-797979.png',
+        text: '个人中心'
+      }
+    ]
   }
 })

src/pages/contact/index.config.ts

@@ -0,0 +1,4 @@
+export default definePageConfig({
+  navigationBarTitleText: '',
+  "usingComponents": {}
+})

src/pages/contact/index.vue

@@ -0,0 +1,8 @@
+<template>
+  <view class="index">
+    <text>我是通讯录！</text>
+  </view>
+</template>
+
+<script setup>
+</script>

src/pages/index/index.config.ts

@@ -1,3 +1,4 @@
 export default definePageConfig({
-  navigationBarTitleText: '首页'
+  navigationBarTitleText: '',
+  "usingComponents": {}
 })

src/pages/index/index.vue

@@ -1,10 +1,12 @@
 <script setup>
-  import { reactive, onMounted } from 'vue'
+  import { reactive } from 'vue'
   import { View, Text } from '@tarojs/components'
   import './index.scss'
   import Counter from '../../components/Counter.vue'
   import { ref } from 'vue';
   import {useDidShow, useLoad} from "@tarojs/taro";
+  import { Add } from '@nutui/icons-vue-taro';
+
 
   const show = ref(false);
 
@@ -36,6 +38,8 @@
   <nut-popup :style="{ padding: '30px 50px' }" v-model:visible="show">正文</nut-popup>
   <View><Text>{{state.msg}}</Text></View>
   <nut-button type="primary" @click="handleClick(state.msg2)">点我</nut-button>
+  <Add color="red" />
+  <Add color="red" />
 </template>
 
 

src/pages/invite/index.config.ts

@@ -0,0 +1,4 @@
+export default definePageConfig({
+  navigationBarTitleText: '',
+  "usingComponents": {}
+})

src/pages/invite/index.vue

@@ -0,0 +1,11 @@
+<template>
+  <view class="index">
+    <text>我是邀约页面！</text>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'Invite'
+}
+</script>

src/pages/settings/index.config.ts

@@ -0,0 +1,4 @@
+export default definePageConfig({
+  navigationBarTitleText: '',
+  "usingComponents": {}
+})

src/pages/settings/index.vue

@@ -0,0 +1,8 @@
+<template>
+  <view class="index">
+    <text>我是个人中心！</text>
+  </view>
+</template>
+
+<script setup>
+</script>