create view and add iconfont

src/pages.json

@@ -6,6 +6,12 @@
 				"navigationBarTitleText": "uni-app"
 			}
 		},
+		{
+			"path": "pages/category/index",
+			"style": {
+				"navigationBarTitleText": "uni-app"
+			}
+		},
 		{
 			"path": "pages/order/index",
 			"style": {
@@ -33,33 +39,60 @@
 	},
 	"tabBar": {
 		"color": "#7A7E83",
-		"selectedColor": "#007AFF",
+		"selectedColor": "#19c324",
 		"backgroundColor": "#FFFFFF",
 		"borderStyle": "black",
+		"iconfontSrc": "static/tabBar/iconfont.ttf",
 		"list": [
 			{
 				"pagePath": "pages/home/home",
 				"text": "首页",
-				"iconPath": "static/tabbar/home.png",
+				"iconfont": {
-				"selectedIconPath": "static/tabbar/home-active.png"
+					"text": "\ue62e",
+					"fontSize": "20px",
+					"color": "#7A7E83",
+					"selectedColor": "#19c324"
+				}
+			},
+			{
+				"pagePath": "pages/category/index",
+				"text": "分类",
+				"iconfont": {
+					"text": "\ue61e",
+					"fontSize": "20px",
+					"color": "#7A7E83",
+					"selectedColor": "#19c324"
+				}
 			},
 			{
 				"pagePath": "pages/order/index",
 				"text": "订单",
-				"iconPath": "static/tabbar/cart.png",
+				"iconfont": {
-				"selectedIconPath": "static/tabbar/cart-active.png"
+					"text": "\ue64f",
+					"fontSize": "20px",
+					"color": "#7A7E83",
+					"selectedColor": "#19c324"
+				}
 			},
 			{
 				"pagePath": "pages/chat/index",
 				"text": "消息",
-				"iconPath": "static/tabbar/user.png",
+				"iconfont": {
-				"selectedIconPath": "static/tabbar/user-active.png"
+					"text": "\ue663",
+					"fontSize": "20px",
+					"color": "#7A7E83",
+					"selectedColor": "#19c324"
+				}
 			},
 			{
 				"pagePath": "pages/personal/index",
 				"text": "我的",
-				"iconPath": "static/tabbar/user.png",
+				"iconfont": {
-				"selectedIconPath": "static/tabbar/user-active.png"
+					"text": "\ue645",
+					"fontSize": "20px",
+					"color": "#7A7E83",
+					"selectedColor": "#19c324"
+				}
 			}
 		]
 	}

src/pages/category/index.vue

@@ -0,0 +1,43 @@
+<template>
+    <view>{{title}}</view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      title: '分类首页',
+    }
+  },
+  onLoad() {},
+  methods: {},
+}
+</script>
+
+<style>
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.logo {
+  height: 200rpx;
+  width: 200rpx;
+  margin-top: 200rpx;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 50rpx;
+}
+
+.text-area {
+  display: flex;
+  justify-content: center;
+}
+
+.title {
+  font-size: 36rpx;
+  color: #8f8f94;
+}
+</style>

src/static/tabbar/iconfont.css

@@ -0,0 +1,35 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 4910053 */
+  src: url('iconfont.woff2?t=1745982369904') format('woff2'),
+       url('iconfont.woff?t=1745982369904') format('woff'),
+       url('iconfont.ttf?t=1745982369904') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-dingdanmian:before {
+  content: "\e64f";
+}
+
+.icon-shouye:before {
+  content: "\e62e";
+}
+
+.icon-liaotianjilu:before {
+  content: "\e663";
+}
+
+.icon-iconfontgerenzhongxin:before {
+  content: "\e645";
+}
+
+.icon-icon_category:before {
+  content: "\e61e";
+}
+

src/static/tabbar/iconfont.json

@@ -0,0 +1,44 @@
+{
+  "id": "4910053",
+  "name": "cloudfuse",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "309481",
+      "name": "订单",
+      "font_class": "dingdanmian",
+      "unicode": "e64f",
+      "unicode_decimal": 58959
+    },
+    {
+      "icon_id": "446731",
+      "name": "首页",
+      "font_class": "shouye",
+      "unicode": "e62e",
+      "unicode_decimal": 58926
+    },
+    {
+      "icon_id": "795503",
+      "name": "聊天记录",
+      "font_class": "liaotianjilu",
+      "unicode": "e663",
+      "unicode_decimal": 58979
+    },
+    {
+      "icon_id": "827394",
+      "name": "个人中心",
+      "font_class": "iconfontgerenzhongxin",
+      "unicode": "e645",
+      "unicode_decimal": 58949
+    },
+    {
+      "icon_id": "1048877",
+      "name": "分类",
+      "font_class": "icon_category",
+      "unicode": "e61e",
+      "unicode_decimal": 58910
+    }
+  ]
+}