From 2d73e3b1a797c45bece41b52b788f93d30414c0b Mon Sep 17 00:00:00 2001 From: Laercio Santana Date: Thu, 23 Mar 2017 13:25:35 -0300 Subject: [PATCH] [rating-bar] doc updated with explanations about support to svg and png --- docs/src/assets/icon-home-back.png | Bin 0 -> 840 bytes docs/src/assets/icon-home-front.png | Bin 0 -> 842 bytes docs/src/pages/components/RatingBar.vue | 43 ++++++++++++++++++++++-- 3 files changed, 40 insertions(+), 3 deletions(-) create mode 100644 docs/src/assets/icon-home-back.png create mode 100644 docs/src/assets/icon-home-front.png diff --git a/docs/src/assets/icon-home-back.png b/docs/src/assets/icon-home-back.png new file mode 100644 index 0000000000000000000000000000000000000000..41adfdb005f32159bdc7bed25fe1f9797fa3978e GIT binary patch literal 840 zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGoEX7WqAsj$Z!;#Vf4nJ zn8$)Jqhx~{kij5X;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6axd(QBN1g zkcv5PZ|&_84wN|d@%s^h39Q_~OUzo$C)l}8I+l|K<2rw3R~X-hyLs$~AAV@=i0SOGcy1@p*FJsq)mQvKGL~-5YtT8Z_v`OJ zaly*6PmBLl*x1GEP2Vs0eATK@=8E_3=XPcb&b;$c+k92k&Ip~n**4*_wqF>#PHlSA zS^RGKoxdMkUDWo*y`TR5UuN+0RjWnK70!R|Tou=SV#NdZyt&2GH{X1t_H3t)NXOU7iHC_Q!XexNdWPeU5*s_D#k;-`CG6 zmUm4Fc%03)>X&BAhhwi|uE{OnFYpSzTVhrFeonQv*?SFjrS7j)e=BU{>hHfT%la@k zZBiBIe70#@MVfVIGX4{exHgGvn+ltT0Fc3H_QQKeLPDgs+KmO~3!D-no7tt`u!ZpG zWPeC#<_R#~u*R`@?MKEQrqfb7H>9{Xax|v$3gz_Lblhl6U3)U2+s>gG$e5VWZN;Fl zVT~*QwhaBmfP~0yxtzc}2d2hU-KY&S?>D$GosQa)U@WV!@xUfA)f;EnJWMvMnaLjg zRv_CkA<~$4TNMAA+{V52e-_Qs2&ZUE484Z2x)3yd3EPKz84phX&KD*MQRbbMu>-O27f8O~r^WcB|7k3I7 z4EPw1F&?mBkYHzc%#cv~h4EeR_xJCv>~1k<=wWU^mzN<*P(cX+y57j&s|-m_Ut)a= QnCclkUHx3vIVCg!0QMhZfB*mh literal 0 HcmV?d00001 diff --git a/docs/src/assets/icon-home-front.png b/docs/src/assets/icon-home-front.png new file mode 100644 index 0000000000000000000000000000000000000000..df7533f9e2f75b2fe1db2b317d16f89a6c784232 GIT binary patch literal 842 zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGoEX7WqAsj$Z!;#Vf4nJ zn8$)Jqhx~{kij5X;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6axd(aZeY= zkcv5PZ*9yLPLw(J@wso-LA5f$lQ+~D#gG4E_Y+eWZ{NkKr_?oh_3Y-^k5UT+T*PBz zT$VTK`Ss~3rG=JEFpFGu=e(zY%Cn;H)$c3yEA5hZv`nwzEce$`P=bQhN*nkCW<^T$ zEGs|r=Esld?`nDNb843uNl899V;nudZoUoI0Xc>PA4(pFeE-zm{jj5EORK4#!~1vB z{g!Y3ct@b@f8E`Nzgy$o#qDD4D-T#jOZIYIsJD3eaQR-A4aScreYX%h*T24G|Fz0> zT2jIZumAPet-f2w`{2v}^*oO!Jb!K%fBR3w>4REX8~Fo{7|edRCF*VYjNeb08@}qc zY(Jc1^*VgglqbwQ?(ONtPkwW}5UmS#&~M*+^VG84pY@-4Ssh3)**Qfzj`2p!pS#yG z73&R8s8zpXFP@Uq@RohDblNwG168g4k>)ohzkTyy+V!1#mX-_uGv1J}FMig;xUOd1 zl??xRbn-d*wxuwgk&3t%B%R~QqG7OMkE-#F7mQu}I{BGAX0L)TBr%_kmTK-5TX5yT zr)dWg7PG7{+pwpQJ^C%<9JXoZw-Q#rSCh$3s9asS;i{0ruLGaL9w&6mEm+t1bnUu> zVx|m<36YB1#;oX5xV&xllvU?-}r7Uj5FfTFPu;-{`P9CF>Y{b1g z?9pFm7X$;1UVbo4)8R3Y(S9(@$|0D2+V)k=YeO1TB_i&5@o#Ho);SNfEN_GE7m+P7 zKsW9@7-n%Gh)*Y9l`VQ9!)em4g~N>+0V$L6yy0XC3gle-7|Q) L`njxgN@xNA+tz3A literal 0 HcmV?d00001 diff --git a/docs/src/pages/components/RatingBar.vue b/docs/src/pages/components/RatingBar.vue index d3326da..a37d221 100644 --- a/docs/src/pages/components/RatingBar.vue +++ b/docs/src/pages/components/RatingBar.vue @@ -38,13 +38,13 @@ md-front-icon String - The font icon used to represent full star. Default star. + The icon used to represent full star. Can be a material icon from google font or src of the image file (svg or png). Default star. md-back-icon String - The font icon used to represent empty star. Default star. + The icon used to represent empty star. Can be a material icon from google font or src of the image file (svg or png). Default star. @@ -139,6 +139,42 @@ + + +
+ + + SVG: + + + + + + PNG: + + + + +
+ +
+ + <md-layout :md-gutter="true">
+ <md-layout>
+ <strong class="md-body-2">SVG:</strong>
+ <md-rating-bar v-model="rating13" class="md-primary" :md-back-icon="'assets/icon-home.svg'" :md-front-icon="'assets/icon-home.svg'"></md-rating-bar>
+ <md-rating-bar v-model="rating13" class="md-primary" :md-back-icon="'assets/icon-home.svg'" :md-front-icon="'assets/icon-home.svg'" :md-size="2"></md-rating-bar>
+ </md-layout>
+
+ <md-layout>
+ <strong class="md-body-2">PNG:</strong>
+ <md-rating-bar v-model="rating13" :md-back-icon="'assets/icon-home-back.png'" :md-front-icon="'assets/icon-home-front.png'"></md-rating-bar>
+ <md-rating-bar v-model="rating13" :md-back-icon="'assets/icon-home-back.png'" :md-front-icon="'assets/icon-home-front.png'" :md-size="2"></md-rating-bar>
+ </md-layout>
+ </md-layout> + +
+ @@ -159,7 +195,8 @@ rating9: 0.18, rating10: 0.45, rating11: 0.82, - rating12: 0.5 + rating12: 0.5, + rating13: 0.7 }; } };