From 3e8c56b5c5edbb9e9a7c9e0870ec6335aed68f64 Mon Sep 17 00:00:00 2001 From: chenweiqiang Date: Wed, 30 Apr 2025 16:06:46 +0800 Subject: [PATCH] create view and add iconfont --- src/pages.json | 51 +++++++++++++++++++++++++------ src/pages/category/index.vue | 43 ++++++++++++++++++++++++++ src/static/tabbar/iconfont.css | 35 +++++++++++++++++++++ src/static/tabbar/iconfont.js | 1 + src/static/tabbar/iconfont.json | 44 ++++++++++++++++++++++++++ src/static/tabbar/iconfont.ttf | Bin 0 -> 2528 bytes src/static/tabbar/iconfont.woff | Bin 0 -> 1684 bytes src/static/tabbar/iconfont.woff2 | Bin 0 -> 1232 bytes 8 files changed, 165 insertions(+), 9 deletions(-) create mode 100644 src/pages/category/index.vue create mode 100644 src/static/tabbar/iconfont.css create mode 100644 src/static/tabbar/iconfont.js create mode 100644 src/static/tabbar/iconfont.json create mode 100644 src/static/tabbar/iconfont.ttf create mode 100644 src/static/tabbar/iconfont.woff create mode 100644 src/static/tabbar/iconfont.woff2 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 0000000000000000000000000000000000000000..733f6490a1177a988fb8d5068bc83b1eeab0e433 GIT binary patch literal 2528 zcmd^B>rY!{7=PY#dKs4iT}vsgg99BcY^;oy!Y-^ZMq%tC3>Z-~8C~ghyBiXNKj3rvp7VQt z?{j(2^StMr5+kB2S|yS8jZU2zlCHE}AY%K$PLEG@dHa21C!oI#eJ-31Ev(+Syh0@C zzU*Y?vZcSW*zKsOVLU<$t9aB>y zIkZX~L<$BMK3_@uC_uvS$jND{NrmJL*{Kx1G`|_MR3a8a{L&1A9iL@j81iWLIvZOf zJ<`1;@QS=sy0SmW%it-HUIhCbnTQ7G=~khs5LWBK`>_f$zQ!lQo2Dk!5wDd}EbE|= z6FY#Yvt+_9YQ9Tgd6Z6EarfYLbR2rMS}7eedJ4h9cpCN)DhY#i`QVuZ#9%xd zui<}anNS^=U$!7RwwQ?*)~EQA9Y-7FCI}Z#1uujr(@zQwIipK zxs1%&YS_sv)04>51=VdkqZA-~DT)gG64&s>}`n~SHmo9%XU-fmvEG``*0 z02v#quc)YLtgG@Ib6IyVfeGu6ipAixXfTMg$IWwH&3?!J<^)2|J`Qmd;qOGi2?c6#coCEG#y3%#D530`^qnCew$Y8&%@hVX`& z=?_kyc$vSE@C+$;#5cqP^aAasJ-o)PMuU-8xB=@&eX)LCQ@6|Qa=N_%*5hHge@hed zbqjMhCx(aI?d`22or#;#&QWJayL%`&es&-k2qZ5h2L_S@Y!cM)gsI(Z(u<)ZC8*&lL|j1En63gjT=cqz8P(AZ4GUC5>lzlp-_fuR_&W{j$x6Rz*Z_V* z!<96{wrjYGTr7Mv7YWIcdFkAWln7@t(QHO8Une86#Z)L)R?F9!NG_kqW~6SKJh7d=AN0|>OBMN9OYrhV@lLb9(m&h_=26R+0ji&_F(yM4T|JJrq~H7U&>0e%IssDcgJ0`%LqX zcS-nvi06p`kG9BkOwSC=NLBNROl&@sNhd-XLq48eT!~bt5}~XNJ()-?)|Z9A)&Kwi literal 0 HcmV?d00001 diff --git a/src/static/tabbar/iconfont.woff b/src/static/tabbar/iconfont.woff new file mode 100644 index 0000000000000000000000000000000000000000..f7b27b7fa2e07dcd8613640c4a1cde73da4dee1e GIT binary patch literal 1684 zcmY+D3pmqj9LL{XT+&FU%i##6p|q_LI*67#wTcQ;Hml7}nB&s6QY?lzG{ebdth*+$ zMk!Hiq=`Bw>X6Gx^hk--i7vvWhX1rG%PVKv!$$u#N!bw2>ea7eC)aI`b+bc=!{Q#Q*eR0d=Uu&#s*&h@?e$~3T`r)9wb#zo5)Xzo(;DI&T2fn5HiJu!pFJ7Z3?zfH$Sz699>DZ!qi z1!LCOqI4?S-2&*bpP$R+^5jgIF9CnnCK3*~U8pY{(M0~^1ub}#r})Rpbm4b|&B~=; zY; zf#}V~6;9og7w3P=s~e1MATpf>nOgpR2go}H;I?p+LigO?(>Rt_Ths0?Cw=dL!R&J_ zD?W`GxWQS4(I&OoJK-wa#=M%^Ygm`9D1pf?A4Z#15Bs^QGRrlVcaMA&`A2%C3>3q2PV&#;ba+@@- z#Dcnf&6WI<9rWXpq7oj9=Mr(zrhBA4q<8f$HB&5Dy$12KPO`3#?BR~wIGtxryyFeaOGyk9(M z?e+;OuSVhm_dFj~6<=kD6EB_k-rU6wtaDe@=x z{Zf4xAFTa0VjNaUJmttJ8SnkKZ>{nNYY6L3X-`|%s@86ir2qpL$wjQZB*d)7ibYARC#_fj-ZH)=3 zedcasX7$vsf}SJJjjZm8l#%pV_){y94m4PQ&lDI=JKWII_Mt!dz!04Zc-EuXZ2XM+ zj@rx)UEGlxZlH}3*Z@!F!j}K;XlBH)h42EZQio#jz-v1&1vkk$*+{778)`LDpq~FH zLmB`NkPP0z9ALtKdsArdC=>>OVJt@BMC}YUWfKAz7Qv!5|9!q&tir>PFTN{47TWlq zcVO?rH-PchG*}mM~EeNlszGtjIZkL#~ zgGp&-=AXA-VV||Et`n}kAwL&aG*ciY9a~y+=0rtY`OM`w1dfA_mC@P^DpKxM^V!rz z4WA8bhP1_sU2h^3o4$~5Wa!N5_DIxvPWbmV{IV$S3;7#Kcfy8#$*!m_<@rfY-gG3I zG$C<)>=;oJoRs!xhso>Uep*@bt+9>EB+61xeeUIv-b~H^0c#IO6r&t8@W7)y zUK}cJ{q@4Df{YTq7(zjDrO&|3a jYg%EpXib6t6xR7BeMyR}UNxbU{pg@CaJnxx=?8xSB8tso literal 0 HcmV?d00001 diff --git a/src/static/tabbar/iconfont.woff2 b/src/static/tabbar/iconfont.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..b6288ffa74c5335c04081ece2f7ca9cc8b615c30 GIT binary patch literal 1232 zcmV;>1TXt{Pew8T0RR9100htg3jhEB014m#00e{p0RR9100000000000000000000 z0000SR0d!GgGdU7B!x!-HUcCA7z+*n1Rw>3X9sl~um};AoL$MjD6kug1%}!@hjZ#L zd{KOxPZJlto9FotdD;6xF_|*$5`$7su>f%zWX+Qlh;q5TmgK3`)#~vK%ah?VU zARt=<1ZFMOPAf260i;6HG+yb~z3Y-kuXiIT|8vZAX%nfx5S>~^+TJkI<^vi~)^(6w z^MPq=gy*NAukhxpfB;muAp%TXLRubdTdRlkLnm->Itk?2)G9Sr!%9}cd$I`yf<#@* zb)W^{0W*`i128{+e)@<9Spf#Y!r4z&Lwp@Byy^C)mYtwX0QM2W4iGS&0pI~x0Jno_ zXiUFp7}zxA1{Srp!5rQI)F@E+qEF%RCjL$4n_5MI63?*_8mb5-0Rz7$9IK}}W9#B3UoEt`2LZC3XJ;!MEx*lC^ z$^LkwZD;L(#e|)L-R#|DIdRtz6$!*6>+ywZvZ2J$s)k*|x9|nbboq?XV)Ri*u+Px_x)2O@;l;45( z;P$KfyZQMA?U%QgyV|5)kH^Y;OtVN#M$oBjTo{WPY5BFBug?&S@5*&bkVBCFNG>!Ea5<_PF;S6Q_??EV~ zOgE(cI7VEbR{38xAdECG=lIeT)Z8ZchuM0bEG6laGeH#n98@+3Q!J2rsF!&u`+~_w~%!FgPKpbd#l?tyec}wNHu$s24Uw( zE$;OTelDFh`Tw9(gqOTMysFVpFm#RugE#(Vh&gIdsgxid52XkVP)Qijsx+D9cYFb|q01lCqOxpECu(ZlwV`WANqHO`(>Dkd%=Niy|E u_G8C2`u)$QAoCtKC3a#gi&HG~-D_Fmq2NOh_PfZpEsAD%PDx&LzgPg-ML0bG literal 0 HcmV?d00001