diff --git a/src/pages.json b/src/pages.json index bc93c2c..797eab6 100644 --- a/src/pages.json +++ b/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", - "selectedIconPath": "static/tabbar/home-active.png" + "iconfont": { + "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", - "selectedIconPath": "static/tabbar/cart-active.png" + "iconfont": { + "text": "\ue64f", + "fontSize": "20px", + "color": "#7A7E83", + "selectedColor": "#19c324" + } }, { "pagePath": "pages/chat/index", "text": "消息", - "iconPath": "static/tabbar/user.png", - "selectedIconPath": "static/tabbar/user-active.png" + "iconfont": { + "text": "\ue663", + "fontSize": "20px", + "color": "#7A7E83", + "selectedColor": "#19c324" + } }, { "pagePath": "pages/personal/index", "text": "我的", - "iconPath": "static/tabbar/user.png", - "selectedIconPath": "static/tabbar/user-active.png" + "iconfont": { + "text": "\ue645", + "fontSize": "20px", + "color": "#7A7E83", + "selectedColor": "#19c324" + } } ] } diff --git a/src/pages/category/index.vue b/src/pages/category/index.vue new file mode 100644 index 0000000..598162a --- /dev/null +++ b/src/pages/category/index.vue @@ -0,0 +1,43 @@ + + + + + \ No newline at end of file diff --git a/src/static/tabbar/iconfont.css b/src/static/tabbar/iconfont.css new file mode 100644 index 0000000..25df1e3 --- /dev/null +++ b/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"; +} + diff --git a/src/static/tabbar/iconfont.js b/src/static/tabbar/iconfont.js new file mode 100644 index 0000000..42e5331 --- /dev/null +++ b/src/static/tabbar/iconfont.js @@ -0,0 +1 @@ +window._iconfont_svg_string_4910053='',(n=>{var t=(e=(e=document.getElementsByTagName("script"))[e.length-1]).getAttribute("data-injectcss"),e=e.getAttribute("data-disable-injectsvg");if(!e){var i,o,l,c,d,a=function(t,e){e.parentNode.insertBefore(t,e)};if(t&&!n.__iconfont__svg__cssinject__){n.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(t){console&&console.log(t)}}i=function(){var t,e=document.createElement("div");e.innerHTML=n._iconfont_svg_string_4910053,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?a(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),i()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(l=i,c=n.document,d=!1,r(),c.onreadystatechange=function(){"complete"==c.readyState&&(c.onreadystatechange=null,s())})}function s(){d||(d=!0,l())}function r(){try{c.documentElement.doScroll("left")}catch(t){return void setTimeout(r,50)}s()}})(window); \ No newline at end of file diff --git a/src/static/tabbar/iconfont.json b/src/static/tabbar/iconfont.json new file mode 100644 index 0000000..24ed03a --- /dev/null +++ b/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 + } + ] +} diff --git a/src/static/tabbar/iconfont.ttf b/src/static/tabbar/iconfont.ttf new file mode 100644 index 0000000..733f649 Binary files /dev/null and b/src/static/tabbar/iconfont.ttf differ diff --git a/src/static/tabbar/iconfont.woff b/src/static/tabbar/iconfont.woff new file mode 100644 index 0000000..f7b27b7 Binary files /dev/null and b/src/static/tabbar/iconfont.woff differ diff --git a/src/static/tabbar/iconfont.woff2 b/src/static/tabbar/iconfont.woff2 new file mode 100644 index 0000000..b6288ff Binary files /dev/null and b/src/static/tabbar/iconfont.woff2 differ