From 3e99d73a820a76d3572d665c1a1ad6aaf47ce390 Mon Sep 17 00:00:00 2001
From: talktao <t1416249906@163.com>
Date: Fri, 18 Mar 2022 22:37:38 +0800
Subject: [PATCH] add

---
 src/layout/index.vue | 71 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 src/layout/index.vue

diff --git a/src/layout/index.vue b/src/layout/index.vue
new file mode 100644
index 0000000..3021e22
--- /dev/null
+++ b/src/layout/index.vue
@@ -0,0 +1,71 @@
+<script setup lang="ts">
+import { ref, reactive, toRefs  } from 'vue'
+
+//底部tab栏相关
+const useTabBar = () => {
+    const state = reactive({
+        tabBar: [
+            {
+				title: '首页',
+				to: {
+					name: 'Home'
+				},
+				icon: 'home-o'
+            },
+            {
+				title: '分类',
+				to: {
+					name: 'Category'
+				},
+				icon: 'apps-o'
+            },
+            {
+				title: '福利票',
+				to: {
+                	name:'Welfare'
+              	},
+              	icon: 'gift-o'
+            },
+            {
+				title: '订单',
+				to: {
+					name:'Orders'
+				},
+				icon: 'orders-o'
+            },
+            {
+				title: '我的',
+				to: {
+					name:'About'
+				},
+				icon: 'user-o'
+            }
+        ]
+    })
+    return toRefs(state)
+}
+const { tabBar } = useTabBar()
+
+const handleChange = (value) => {
+    console.log(value,'valueeeeeee');
+}
+
+</script>
+
+<template>
+  <div class="app-container">
+    <div class="layout-content">
+      <keep-alive v-if="$route.meta.keepAlive">
+        <router-view></router-view>
+      </keep-alive>
+      <router-view v-else></router-view>
+    </div>
+    <div class="layout-footer">
+      <!-- <TabBar :data="tabBar" @chang="handleChange"></TabBar> -->
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file